kxmh_wx/pages/opera/show/show_detail.wxml

<!-- <scroll-view style="height:{{windowHeight?windowHeight:''}}px;" scroll-y="{{!show}}"> -->
<view wx:if="{{nav_show}}" class="nav_show">
  <view class='topLine {{swith_area==index?"active":" "}}' wx:for="{{['简介','详情','剧照','须知']}}" wx:key='index'
    data-index='{{index}}' bindtap='swith_tab'>{{item}}</view>
</view>
<view style="padding-bottom:500rpx;">
  <image class="image" id='nav0' src="{{show_detail.background_pic}}" mode="widthFix" style="width:750rpx;" />

  <view class="list">
    <image class="img" src="{{show_detail.show_pic}}" />
    <view class="info">
      <view class="title">{{show_detail.show_name}}</view>
      <view class="des">
        <view class="des_title">演出时段</view>
        <view class="des_info">{{show_detail.start_date}}-{{show_detail.end_date}}</view>
      </view>
      <view class="des">
        <view class="des_title">演出时长</view>
        <view class="des_info">约{{show_detail.show_length}}分钟（以现场为准）</view>
      </view>
      <view class="price">
        <text style="font-size: 32rpx;">¥</text>
        <text style="margin:0 2rpx;">{{show_detail.lowest_price}}</text>
        <text style="font-size: 24rpx;">起</text>
      </view>
    </view>
  </view>

  <view class="_area">
    <view class="info">
      <view class="text1">{{show_detail.city_name}}｜{{show_detail.theater_name}}</view>
      <view class="text2">地址：{{show_detail.traffic_info}}</view>
    </view>
    <van-icon name="/images/ui/location.png" size="30" data-longitude="{{show_detail.longitude}}"
      data-latitude="{{show_detail.latitude}}" bind:click="loc" />
  </view>
  <view class="coupon" bindtap="tabcoupon" wx:if="{{show_detail.mini_coupon_status==3||show_detail.mini_coupon_status==1}}" data-router='{{show_detail.mini_coupon_activity_id}}'>
    <!-- <image src="../../../images/ui/couponpic.png" alt=""/> -->
    <image src="{{show_detail.mini_coupon_img}}" alt="" mode="widthFix" />
  </view>
  <view class="_block" id="nav1">
    <view class="_title">
      <view class="_icon" />演出详情
    </view>
    <view class="img1">
      <view class="img_cac" style="{{rolled?(show_detail.detail_pic[0]?'height:1000rpx;overflow: hidden;':''):''}}">
        <block wx:for="{{show_detail.detail_pic}}">
          <image class="img1_list" src="{{item}}" mode="widthFix" />
        </block>
      </view>
      <view class="roll" bindtap="roll_spread"> {{rolled?"展开演出详情":"收起演出详情"}}</view>
    </view>
  </view>

  <view class="_block" id="nav2">
    <view class="_title">
      <view class="_icon" />精彩现场
    </view>
    <scroll-view class="_flex" scroll-x="true">
      <block wx:for="{{show_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 poster="{{item.video_pic_url}}" class="_img" src="{{item.url}}" bindplay="bindPlayCallBack"
            id="video_{{index}}" /></block>
      </block>

    </scroll-view>
  </view>

  <view class="_block" id="nav3">
    <view class="_title">
      <view class="_icon" />购票须知
    </view>
    <view class="warning">
      <view class="dot_icon">
        <view class="dot" />
      </view>
      <view class="text">
        <text>温馨提示：由于票品特殊性，出售后不退不换！

          1.请在指定购票渠道购票，否则出现不良后果（如假票等），由购票者自行承担。门票售出，恕不退换。门票售出后因严重自然灾害、洪水、地震等不可抗力因素造成的演出票时间推移、延时或无法演出，主办方将提前通知；如特殊原因演出取消，购票者可获得的所有赔偿仅限于不高于票面价格的购票票款补偿。开心果票务网仅为本演出/赛事/活动的票务代理，其时间变更及取消等责任由主办方负责。

          2.每票一人，对号入座，进门一次有效，无副券作废，请观众着装整洁，服从现场工作人员管理，依序入场。

          3.剧院演出1.2米以下儿童谢绝入场（儿童专场除外），1.2米以上儿童请在家长的带领下，凭票入场。

          4.请勿在条码及其周围1厘米内涂写、折叠、损坏，否侧造成条码无法识别不能入场，由购票者自行承担责任。

          5.具体入场时间以场馆规定为准。

          6.请自觉接受安全检查。严禁携带枪支、弹药、管制刀具等违禁物品；严禁携带打火机等易燃易爆物品；严禁携带液态物品入场。

          7.请勿带包。请勿携带专业摄影、摄像器材，未经许可，现场禁止录音、录像及照相；场内禁止吸烟、禁止踩踏座椅、禁止投掷物品、禁止翻阅隔离设施。

          8.迟到的观众请适时入场，请勿妨碍他人观看演出，请勿在通道内滞留。请勿在场内大声喧哗。请将手机等响闹装置置于静音状态。

          9.剧照仅供参考，演员阵容以现场为准

          10.观看结束后，请观众有序退场，请勿滞留。

          11.以上规定如与个别活动要求发生冲突时，以活动要求为准，以上事宜最终解释权均有主办方持有。

          12.任何购买、持有或使用门票的人均被认为已经阅读、理解并接受以上条款。</text>
      </view>
    </view>
  </view>


</view>


<!-- </scroll-view> -->


<view class="tips">* {{show_detail.brief}} </view>
<van-goods-action safe-area-inset-bottom>
  <van-goods-action-icon icon="/images/ui/{{show_detail.is_follow?'liked':'like'}}.png" text="想看" bind:click="_like" />
  <van-goods-action-icon icon="/images/ui/share.png" text="分享" open-type="share" bind:click="_share" />
  <van-goods-action-button text="演出结束" class="btn{{show_detail.is_end}}" 
  color="linear-gradient(90deg, #CCC 0%, #CCC 100%)"   wx:if="{{show_detail.is_end==1}}" />

  <van-goods-action-button text="立即购买"  bind:click="show_select"
  color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" wx:if="{{show_detail.is_end==0}}" />
  
  <!-- <view class="btn btn{{show_detail.is_end}}" wx:if="{{show_detail.is_end==1}}">演出结束</view>
  <view class="btn btn{{show_detail.is_end}}"  bind:tap="show_select"  wx:else>立即购买</view> -->
</van-goods-action>
<view class="bottom">
</view>




<van-popup show="{{ show }}" position="bottom" round bind:close="onClose">
  <view class="drama_list">
    <view class="title">{{Xshow_detail.show_name}}</view>
    <view class="area">{{Xshow_detail.city_name}}｜{{Xshow_detail.theater_name}}</view>
    <view class="select">请选择场次<text class="_select">场次时间均为演出当地时间</text></view>
    <scroll-view scroll-y="true" class="scroll" show-scrollbar="false" catchtouchmove>
      <view wx:for="{{drama_list}}" data-index='{{index}}'
        class="sel_area {{current==index?'_selected':'_not_sel;'}} {{item.tkt_num==0?'null_tkt':''}}" bindtap="_cur">
        {{item.show_date}}
        <van-tag plain color="#FF1D42" size="20" class="vantags" wx:if="{{item.tkt_num==0}}">售罄</van-tag>
      </view>
      <view style="height:1rpx;"></view>
    </scroll-view>
  </view>

  <view class="_bottom">
    <button class="selector_dsn" data-cur_drama="{{current}}" bindtap="_next">
      {{Xshow_detail.tickets_status==0?'选座购买':'立即购买'}}</button>
  </view>
</van-popup>