test/pages/info/showInfo/index.wxml

<!--pages/info/hotelProductInfo/index.wxml-->
<wxs src="../../../utils/filter.wxs" module="tool" />
<title title="演出详情"></title>


<view wx:if="{{info}}">
    <view class="top-info">
        <view class="product-base-info">
            <image lazy-load class="headImg" src="{{info.listimg[0]}}" mode="aspectFill"></image>
            <view class="base-info">
                <view class="title textOver2">{{info.title}}</view>
                <view class="tags-box textOver">
                    <view class="tag textOver" wx:for="{{info.display_tags}}" wx:key="index">{{item}}<view class="line"></view>
                    </view>
                </view>
                <view class="subtitle">演出时间：<text>{{info.subtitle}}</text></view>

                <view class="bottom-price">
                    <view class="tags-price">
                        <text>￥</text><text>{{info.price/100}}</text><text>起</text>
                    </view>
                </view>
                
            </view>
        </view>
        
        <view class="address-info" bindtap="gotolocation">
            <view class="map-container">
                
                <view style="width: 526rpx;">
                    <view class="textOver" style="font-size: 31rpx;color: #000000;padding-top: 12rpx;">{{info.scene_name}}</view>
                    <view class="textOver2" style="padding-top: 26rpx;">{{info.scene_address}}</view>
                </view>
                <view style="text-align: center;">
                    <image lazy-load src="https://static.ticket.sz-trip.com/uploads/20241119/a98e35f23497c1a8ddf7c7769fbd4fd1.png"></image>
                    <view style="padding-top: 14rpx;" wx:if="{{distance}}">{{distance}}km</view>
                </view>
            </view>
        </view>

        <view class="show-tip" wx:if="{{info.serviceData.length>0}}">
            <view class="com-flex" wx:for="{{info.serviceData}}">
                <image lazy-load src="{{item.image}}"></image>
                {{item.info}}
            </view>

        </view>
        
    </view>
</view>


<view class="scroll-all-box" id="menus" wx:if="{{info}}">
  <view class="scroll-menus{{fixed?' fixed-menus':''}}" style="top:{{top}}px">
    <view class="scroll-menu-item{{type==1?' active':''}}" bindtap="changeMenu" data-index="1">详情</view>
    <view class="scroll-menu-item{{type==2?' active':''}}" bindtap="changeMenu" data-index="2">须知</view>
    <view class="scroll-menu-item{{type==3?' active':''}}" bindtap="changeMenu" data-index="3">推荐</view>
  </view>
  <view style="height:85rpx" wx:if="{{fixed}}"></view>


  <view class="content-text">
    <view class="info-box info-box-line" id="box1">
        <view class="info-title">演出详情</view>
        <view class="{{showDetail?'':'max-details'}}">
            <rich-text class="details" nodes="{{tool.formateRichText(info.content)}}"></rich-text>
            <view wx:if="{{!showDetail}}" class="white-placholder"></view>
        </view>
        <view class="show-btn">
            <view wx:if="{{!showDetail}}" bindtap="changeShowDetail" data-flag="{{true}}">展开全部</view>
            <view wx:if="{{showDetail}}" bindtap="changeShowDetail" data-flag="{{false}}">收起</view>
        </view>
    </view>
    <view class="info-box" id="box2">
        <view class="info-title">演出须知</view>
        <rich-text class="details" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text>
    </view>
    <view class="info-box info-box-line" >
        <view class="info-title">观看提示</view>
        <rich-text class="details" nodes="{{tool.formateRichText(info.expense_info)}}"></rich-text>
    </view>

    <view class="info-box" id="box3">
        <view class="info-title">推荐演出</view>
        <view class="pro-list no-scrollbar">
            <view class="proitem" wx:for="{{tjList}}" bindtap="gotoDetail" data-item="{{item}}">
            <view class="item-hd">
            <image lazy-load src="{{item.headimg}}" mode="aspectFill"></image>
            </view>
            <view class="item-bm">
            <view class="protitle textOver">{{item.title}}</view>
            <view class="pro-price">
                {{item.price/100}}
            </view>
            </view>
        </view>
    </view>

</view>
  </view>


 

</view>

<view style="height:140rpx"></view>
<view class="fixed-bottom">
<view class="['left-img',{{!iShop?'no-shop':''}}]">
  <navigator url="/pages/index/index" open-type="switchTab" class="shop-box">
  <view class="shop-box">
    <image lazy-load class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20241119/868addcaedbc5d63ebdfa150fcace34d.png" mode="aspectFill"/>
    <view>首页</view>
  </view>
  </navigator>
  <navigator url="/pages/user/service/index"  catchtap="pagePoint" data-event='product_customservice' class="kefu-box">
    <view class="iconfont icon-kefu"></view>
    <view>客服</view>
  </navigator>
  <view bindtap="like" class="kefu-box">
    <view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view>
    <view>收藏</view>
  </view>
</view>


  <view class="btns">
    <!-- <view class="btn" bindtap="showCart">加入购物车</view> -->
    <view class="btn" bindtap="showOrder" >立即购买</view>

    <!-- <view class="btn" bindtap="showOrder" wx:if="{{info && info.flag==1}}">立即购买</view>
    <view class="btn disable" wx:elif="{{info}}">该商品已下架</view> -->
  </view>
</view>
<!-- 购物车悬浮框 -->
<!-- <navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart">
  <image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image>
  <view class="cart-num">{{cartCount}}</view>
</navigator> -->


<view class="mask" wx:if="{{skuFlag}}">
  <view class="mask-bg" bindtap="hideSku"></view>
  <view class="mask-content">
    <view class="iconfont icon-close" bindtap="hideSku"></view>
    <view class="sku-info-box">
      <image lazy-load id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image>
      <view class="sku-info">
        <view class="sku-price">{{info.sku[skuIndex].price/100}}
          <view class="allowance" wx:if="{{allowance_data}}">
            补贴价：￥{{ (1 - allowance_data.discount_rate / 100) * info.sku[skuIndex].price / 100 }}</view>
        </view>
        <view class="sku-name">已选择：{{info.sku[skuIndex].sku_name}}</view>
      </view>
    </view>
    <view class="sku-names">
      <view bindtap="selectSku" data-index="{{index}}" class="sku-name-item textOver{{index==skuIndex?' active':''}}" wx:for="{{info.sku}}">{{item.sku_name}}</view>
    </view>
    <view class="number-box">
      <text>数量</text>
      <view class="iconfont icon-sami-select" bindtap="minus"></view>
      <view class="number">{{producNum}}</view>
      <view class="iconfont icon-add-select" bindtap="add"></view>
    </view>
    <view style="height:138rpx"></view>
    <view class="btn-box">
      <view class="mask-btn" bindtap="order" wx:if="{{info.sku[skuIndex].flag=='on'}}">{{skuFlag=='cart'?'确认':'立即购买'}}
      </view>
      <view class="mask-btn disable" wx:else>该商品已下架</view>
    </view>
  </view>
</view>


<view style="position:absolute;right:0;left:-10000rpx;top:-20000rpx;z-index:-1">
  <canvas canvas-id='imageCanvas' class='imageCanvas' style="width:551rpx;height:643rpx;" disable-scroll='true'>
  </canvas>
  <canvas class="canvasCode" style="opacity:0;width:500px;height:500px" canvas-id="myQrcode"></canvas>
</view>

<!-- 分享 -->
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;">
  <view class="mask-bg" bindtap="share"></view>
  <view class="mask-content share-img-box">
    <image lazy-load class="share-img" src="{{shareImg}}" mode="widthFix"></image>
    <view class="share-tips">
      <view style="position:relative">
        <image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/img.png" mode="widthFix">
        </image>
        <view>保存图片到相册</view>
        <view class="tipimg">
          <image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok.png" mode="widthFix"></image>
        </view>
      </view>
      <image lazy-load style="width:36rpx" src="https://static.ticket.sz-trip.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
      <view style="position:relative">
        <image lazy-load class="img" src="https://static.ticket.sz-trip.com/xcxImages/info/code.png" mode="widthFix">
        </image>
        <view>微信识别二维码</view>
        <view class="tipimg">
          <image lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/ok1.png" mode="widthFix"></image>
        </view>
      </view>
    </view>
    <view class="save-btn" bindtap="save">保存到相册</view>
  </view>
</view>
<view class="mask mask-allowance" wx:if="{{showAllowance}}">
  <view bindtap="changeAllowance" class="mask-bg"></view>
  <view class="mask-content rule-box">
    <view class="rule-title">{{allowance_data.title}}</view>
    <rich-text nodes="{{allowance_data.content}}"></rich-text>
  </view>
</view>
<code showModel="{{showQrCode}}" qrcode = "{{wxqrcode}}">
</code>