kxmh_wx/pages/opera/IP_detail/IP_detail.wxml

<image class="img" src="{{IP_detail.ip_info.background_pic}}" mode="widthFix" style="width:750rpx;" />
<view class="front">
  <view class="title">{{IP_detail.ip_info.show_name}}</view>
  <view class="_row">
    <view style="width:20%"></view>
    <view style="color: #7B7B7B;font-size: 28rpx;"><text
        style="color: #1394F2;">{{IP_detail.ip_info.follow_total}}</text>人想看</view>
    <view style="width:20%;display:flex;justify-content:space-around;    align-items: center;">
      <button  bindtap="_like"><van-icon size='16' name="/images/ui/{{IP_detail.ip_info.is_follow?'liked':'like'}}.png"  /></button> 
      <button open-type="share">
        <van-icon size='16' name="/images/ui/share.png" custom-style="margin-top: 8rpx;" />
      </button>
    </view>
  </view>
</view>

<view class="_block">
  <view class="_title">
    <view class="_icon" />本剧亮点
  </view>
  <view class="_text"><text>{{IP_detail.ip_info.describe}}</text></view>
</view>

<view class="_block">
  <view class="_title">
    <view class="_icon" />精彩现场
  </view>
  <scroll-view class="_flex" scroll-x="true">
    <block wx:for="{{IP_detail.wonderful_list}}">
      <block wx:if="{{item.type=='image'}}">
        <image class="_img" src="{{item.url}}" data-index="{{index}}" bindtap="previewMedia" />
      </block>
      <block wx:if="{{item.type=='video'}}"><video class="_img" src="{{item.url}}" bindplay="bindPlayCallBack"
          id="video_{{index}}" /></block>
    </block>

  </scroll-view>
</view>

<view class="_block" style="padding-bottom:300rpx;">
  <view class="_title">
    <view class="_icon" />演出详情
  </view>
  <view class="img1">
    <view class="img_cac" style="{{rolled?(IP_detail.show_detail[0].url?'height:1000rpx;overflow: hidden;':''):''}}">
      <block wx:for="{{IP_detail.show_detail}}">
        <image class="img1_list" src="{{item.url}}" mode="widthFix" />
      </block>
    </view>
    <view class="roll" bindtap="roll_spread"> {{rolled?"展开演出详情":"收起演出详情"}}</view>
  </view>
</view>

<view class="_bottom">
  <view class="_tip">目前有<text style="color:#FF425C;" decode="true">&nbsp;{{IP_detail.show_total}}&nbsp;</text>个剧场演出
  </view>
  <van-button color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" round size="small"
    custom-class="_button {{IP_detail.show_total?'':'disabled_'}}" disabled="{{!IP_detail.show_total}}"
    bind:click="pop">{{IP_detail.show_total?'查看演出计划':'暂无演出计划'}}</van-button>

</view>

<van-popup round show="{{ show }}" position="bottom" bind:close="onClose">
  <view class="pop_title">{{IP_detail.show_total}}个剧场在演</view>
  <view class="pop_row" wx:for="{{IP_detail.show_list}}">
    <view class="_month">{{item.month}}</view>
    <view class="_city">
      <view>{{item.city_name}}</view>
      <view wx:for="{{6}}" class="dot" />
    </view>
    <view class="_content">
      <view>
        <van-icon name="clock-o" />{{item.show_date}}
      </view>
      <view>
        <van-icon name="location-o" />{{item.theater_name}}
      </view>
    </view>
    <!-- <van-button color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" round size="mini" custom-class="pop_button"
      data-cycle_id="{{item.cycle_id}}" bind:click="nav">
      ¥{{item.lowest_price}}起</van-button> -->
      <button class="pop_button" data-cycle_id="{{item.cycle_id}}" bindtap="nav">
      ¥{{item.lowest_price}}起</button>
  </view>
</van-popup>