test/pages/info/foodProductInfo/index.wxml

<!--pages/info/hotelProductInfo/index.wxml-->
<wxs src="../../../utils/filter.wxs" module="tool" />
<title title="产品详情"></title>
<!-- <view class="share-icon" bindtap="share"></view> -->
<image lazy-load wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image>
<view style="position: relative;">
    <scroll-view>
    <swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}" current="{{swiperCurrent}}"
    interval="{{2000}}" duration="{{300}}" bindchange="swiperChange">
    <block wx:if="{{info.videourl}}" wx:key="*this">
        <swiper-item>
        <scroll-view>
        <video bindplay="playVideo" src="{{info.videourl}}"  autoplay="{{false}}" muted="{{true}}"
            show-mute-btn="{{true}}"  show-background-playback-button="{{false}}"
            show-progress="{{false}}" 	enable-progress-gesture="{{false}}"></video>
        <!-- <image lazy-load src="{{info.headimg}}" mode="aspectFill"></image> -->
        </scroll-view>
        </swiper-item>
    </block>
    <block wx:for="{{info.listimg}}" wx:key="*this">
        <swiper-item>
        <image lazy-load src="{{item}}" mode="aspectFill"></image>
        </swiper-item>
    </block>
    <block wx:for="{{info.sku}}" wx:key="*this">
        <swiper-item style="position: relative;">
        <image lazy-load src="{{item.headimg}}" mode="aspectFill"></image>
        <!-- <view class="sku-tips ">
            <view class="textOver">{{item.sku_name}}</view>
        </view> -->
        </swiper-item>
    </block>
    </swiper>
    </scroll-view>
    <view class="swiper-bottom" wx:if="{{info}}">
        <!-- <view class="swuper-bottom-bg">
            <view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.video.min&&swiperCurrent<=swiperRange.video.max)?'active':''}}" 
            wx:if="{{info.videourl}}" bind:tap="changeSwiperCurrent" data-index="{{0}}">视频</view>
            <view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}"
            bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.min}}">图片</view>
            <view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.sku.min&&swiperCurrent<=swiperRange.sku.max)?'active':''}}"
            bind:tap="changeSwiperCurrent" data-index="{{swiperRange.sku.min}}">款式</view>
        </view> -->
        <view class="swiper-bottom-item bottom-number active">{{swiperCurrent+1}}/{{swiperRange.sku.max+1}}</view>
    </view>
</view>

<view class="allowance-box" wx:if="{{allowance_data}}" bindtap="changeAllowance">
  补贴价
  <view class="com-price two">￥{{ allowance_data.mini_price / 100 }}起</view>
  <view class="yellow">单品最高补贴{{ allowance_data.max_price / 100 }}元</view>
</view>

<view wx:if="{{info}}">
    <view class="top-info" style="padding: 0;" >
        <view class="wineScene-price-container" >
            <view class="wineSecne-price">{{info.price/100}}<text class="wineSecne-money">优惠前￥{{info.market_price/100}}</text></view>
            <view>已售{{info.sales_number>1000?"1000+":(info.sales_number||0)}}</view>
        </view>
        <view style="padding: 20rpx 20rpx 20rpx 26rpx;">
 

            <view class="title textOver2"><text class="hot-font">热</text>{{info.title}}</view>
            <view class="tags-box textOver" wx:if="{{info.subtitle}}">
                <view class="tag textOver" >{{info.subtitle}}</view>
            </view>

            <view class="other-info-box" >
                <view class="other-info-item" style="align-items: flex-start;"bindtap="changeSimpleVal" 
                data-keyname="otherInfoShow" data-val="{{1}}" wx:if="{{info.shipment_tag}}">
                    <image lazy-load  src="https://static.ticket.sz-trip.com/uploads/20250925/50f3e2316c3f3cc906fe4c78f127e960.png"></image>
                    <view class="other-content textOver" >{{info.shipment_tag_str}}</view>
                    <!-- <view style="margin-top: 6rpx;" class="view-arrow">></view> -->
                </view>
                <view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{2}}" 
                    wx:if="{{info.service_tag_str}}">
                    <image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/ce4323d9bcdf2ff03a0985ae4cbdabbe.png"></image>
                    <view  class="other-content textOver">{{info.service_tag_str}}</view>
                    <!-- <view  class="view-arrow">></view> -->
                </view>
                <view class="other-info-item" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{3}}"
                    wx:if="{{info.parameter_tag_str}}">
                    <image lazy-load src="https://static.ticket.sz-trip.com/uploads/20250925/958d9a3ed9404790ba5d17548e20fee8.png"></image>
                    <view class="other-content textOver">{{info.parameter_tag_str}}</view>
                    <!-- <view  class="view-arrow">></view> -->
                </view>
            </view>

        </view>

    </view>
    
</view>





<view class="scroll-all-box" id="menus" wx:if="{{info}}">
    

<view class="shop-info">
    <image class="supplier-headImg" wx:if="{{info.scene_img}}" src="{{info.scene_img}}" mode="aspectFill"></image>
    <view class="content">
        <view style="display: flex;align-items: flex-start;">
            <view class="shop-title shop-com-width  textOver2">{{info.scene_name}}</view>
            <!-- <image style="height: 25rpx;margin: 10rpx 68rpx 0 13rpx;" mode="heightFix" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/postDetail/rightIcon.png"></image> -->
            <image wx:if="{{info.scene_tel}}" class="icon-phone" catch:tap="callPhone"  src="https://static.ticket.sz-trip.com/uploads/20250926/6d69afa7a2f955f60fd7cd5475e2b119.png"></image>
        </view>
        <view class="address" style="display: flex;align-items: center;justify-content: space-between;">
            <view class="shop-com-width textOver" style="padding-right: 98rpx;">{{info.scene_address}}</view>
            <image class="icon-phone" catch:tap="gotolocation" src="https://static.ticket.sz-trip.com/uploads/20250926/6ce5e0467e0745e5f1140b6757ada213.png"></image>
        </view>
    </view>
</view>


<view style="height: 20rpx;width: 100%;background: #F7F7F7;"></view>



    <view class="info-box" id="box1">
        <view class="info-title">套餐详情</view>
        <rich-text class="details" nodes="{{tool.formateRichText(info.content)}}"></rich-text>
    </view>
    <view style="height: 20rpx;width: 100%;background: #F7F7F7;"></view>
    <!-- <view class="info-box" id="box2">
        <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>
        <rich-text class="details" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text>
    </view>

    <!-- <view class="info-box" id="box4" style="padding: 20rpx 26rpx;">
        <view class="info-title">产品推荐</view>
        <view class="pro-list">
            <view class="proitem" wx:for="{{tjList}}" bindtap="gotoDetail" data-item="{{item}}">
            <view class="item-hd">
            <image lazy-load src="{{item.headimg}}"></image>
            </view>
            <view class="item-bm" style="height: 120rpx;display: flex;flex-direction: column;justify-content: space-between;">
                <view class="protitle textOver2">{{item.title}}</view>
                <view class="pro-price">{{item.price/100}}</view>
            </view>
        </view>
        </view>
    </view> -->
</view>

<view style="height:140rpx"></view>
<view class="fixed-bottom">
<view class="['left-img',{{!iShop?'no-shop':''}}]">
  <navigator wx:if="{{iShop}}" url="/subPackages/foodNew/index?id={{supplierId}}" catchtap="pagePoint" data-event='product_customservice' class="shop-box">
  <view class="shop-box">
    <image lazy-load class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.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 class="kefu-box"></view>
</view>


  <view class="btns">
    <view class="btn" bindtap="order">加入购物车</view>
    <view class="btn" bindtap="order" data-type="order" wx:if="{{info && info.flag==1}}" >立即购买</view>
    <view class="btn disable" wx:elif="{{info}}" style="border-radius: 39rpx;">该商品已下架</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>
            <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 style="display: flex;align-items: center;">
            <view class="number-box">
                <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 class="limit-number" wx:if="{{info.sku[skuIndex].sku_model.traveller_limit_num>0}}">限购{{info.sku[skuIndex].sku_model.traveller_limit_num}}件</view>
        </view>
      </view>
    </view>
    <view style="font-weight: bold;font-size: 33rpx;color: #060001;margin:0rpx 25rpx 27rpx">产品分类（{{info.sku.length}}）</view>
    <view class="sku-names">
      <view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}" 
      wx:for="{{info.sku}}">
        <image lazy-load src="{{item.headimg}}"></image>
        <view class="sku-name textOver2">{{item.sku_name}}</view>
      </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>

<!-- <view class="mask" wx:if="{{otherInfoShow>0}}"> -->
<view class="mask" wx:if="{{false}}">
  <view class="mask-bg" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view>
  <view class="mask-content">
    <view class="iconfont icon-close" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view>
    <view class="other-info-content">
        <view class="title">{{otherInfoShow==3?"产品参数":otherInfoShow==2?"服务说明":"发货说明"}}</view>
        <view wx:if="{{otherInfoShow==1}}">
            <rich-text class="details" nodes="{{tool.formateRichText(info.shipment_info)}}"></rich-text>
        </view>
        <view wx:if="{{otherInfoShow==2}}">
            <rich-text class="details" nodes="{{tool.formateRichText(info.service_info)}}"></rich-text>
        </view>
        <view wx:if="{{otherInfoShow==3}}">
            <rich-text class="details" nodes="{{tool.formateRichText(info.parameter_info)}}"></rich-text>
        </view>
    </view>
    <view style="height:138rpx"></view>
    <view class="btn-box">
      <view class="mask-btn" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}">确定</view>
    </view>
  </view>
</view>