test/subPackages/goods/oneCardTour/info/index.wxml

<!--pages/info/sceneProductInfo/index.wxml-->
<wxs src="../../../../utils/filter.wxs" module="tool" />
<title title="{{info.title}}"></title>
<view class="iconfont icon-fenxiang" bindtap="share"></view>
<image wx:for="{{info.product}}" style="{{aniSkuIndex==index?('top:689px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{item.headimg}}" mode="aspectFill"></image>
<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{info}}" autoplay="{{true}}" interval="{{2000}}" duration="{{300}}">
  <block wx:for="{{info.listimg}}" wx:key="*this">
    <swiper-item>
      <image src="{{item}}" mode="aspectFill"></image>
    </swiper-item>
  </block>
</swiper>
<view class="top-info" wx:if="{{info}}" style="position:relative">
  <view class="title">{{info.title}}</view>
  <view class="order-tip-text">已售{{info.sales_number>999?'999+':info.sales_number}}</view>

</view>


<view class="sku-type-container" wx:if="{{info}}">
    <view class="box" wx:for="{{info.product}}" wx:key="index">
        <view class="product-item" wx:for="{{item.sku}}" wx:for-item="sku" wx:for-index="itemI"
            bind:tap="changeActiveMenu" data-item="{{sku}}">
            <view class="sku-title-container">
                <view class="skutitle textOver2">{{sku.sku_name}}</view>
                <view class="sku-more-icon">详情 ></view>

            </view>
            <view class="product-box">
            <view class="product-left textOver">
                <view class="product-tags">
                    <view class="product-tag textOver" wx:for="{{sku.display_tags}}" wx:for-item="tag" wx:for-index="tagI">{{tag}}</view>
                </view>
                <!-- <view class="order-tip-text" data-item="{{sku}}">已售{{item.sales_number>999?'999+':item.sales_number}}</view> -->
                <view class="order-tip-text" data-item="{{sku}}"></view>
            </view>
            <view class="product-right">
                <view class="price"><text>￥</text><text>{{sku.price?sku.price/100:0}}</text></view>
                <view catch:tap="selectDate" data-sku="{{sku}}" data-product="{{item}}"
                data-disable="{{item.flag==0 || sku.flag=='off'?1:0}}"
                class="btn{{item.flag==0 || sku.flag=='off'?' disable':''}}">购买</view>
            </view>
            </view>
        </view>
    </view>
</view>

<view class="scroll-all-box" id="menus" wx:if="{{info}}">
    <scroll-view scroll-x enable-flex style="flex-direction: row;" 
        class="no-scrollbar scroll-menus{{fixed?' fixed-menus':''}}"
        scroll-left="{{scrollLeft}}">
        <view class="scroll-menu-item-container" wx:for="{{info.product}}" wx:key="index">
            <view class="scroll-menu-item {{activeItem.id==sku.id?'active':''}}"  wx:for="{{item.sku}}"
            wx:for-item="sku" wx:for-index="itemI" id="scroll-sku-{{sku.id}}"
            bind:tap="changeActiveMenu" data-item="{{sku}}">{{sku.sku_name}}</view>
        </view>

    </scroll-view>


    

  <view style="height:85rpx" wx:if="{{fixed}}"></view>

  
  <view class="scroll-content">
    <view class="com-flex sku-info-type-container">
        <view class="sku-info-type {{activeItemIndex==0?'active':''}}" bind:tap="changeActiveIndex" data-index="0">使用说明</view>
        <view class="sku-info-type {{activeItemIndex==1?'active':''}}" bind:tap="changeActiveIndex" data-index="1">年卡权益</view>
        <view class="sku-info-type {{activeItemIndex==2?'active':''}}" bind:tap="changeActiveIndex" data-index="2">合作景区</view>
    </view>

    <view style="padding:0 30rpx 30rpx;">
        <rich-text wx:if="{{activeItemIndex==0}}" class="details" nodes="{{tool.formateRichText(activeItem.sku_model.expenseinfo)}}"></rich-text>

        <rich-text wx:if="{{activeItemIndex==1}}" class="details" nodes="{{tool.formateRichText(activeItem.sku_model.detailinfo)}}"></rich-text>

        <rich-text wx:if="{{activeItemIndex==2}}" class="details" nodes="{{tool.formateRichText(activeItem.sku_model.bookinfo)}}"></rich-text>


    </view>
  </view>

</view>

<view style="height:140rpx"></view>

  <view class="fixed-bottom">
    <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" style="margin-left:70rpx">
      <view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view>
      <view>收藏</view>
    </view> -->
    <view style="flex:1"></view>
    <view class="btns" wx:if="{{info.id!=914626}}">
      <view class="btn"  bindtap="showCart" wx:if="{{info.product[0].type!='line' }}">加入购物车</view>
      <!-- <view class="btn {{info.product[0].type=='line' ? 'btn-r':''}}" 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 src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/cart.png" mode="widthFix"></image>
    <view class="cart-num">{{cartCount}}</view>
  </navigator>
 <!-- 日期弹框 -->

  <view class="mask" wx:if="{{showDate}}">
    <view class="mask-bg" bindtap="hideDate"></view>
    <view class="mask-content1">
      <view class="iconfont icon-close" bindtap="hideDate"></view>
      <date wx:if="{{showDate2}}" bind:onChangeDate="changeDate" bind:onChangeTime="changeTime" product="{{product}}"></date>
      <view class="bottom-box">
        <view>
          合计: <text class="totalPrice">{{showPrice/100}}</text>
        </view>
        <view class="next" bindtap="order" data-sku="{{sku}}" data-product="{{item}}">
          下一步
        </view>
      </view>
    </view>
  </view>
  <!-- 规格弹框 -->
  <view class="mask" wx:if="{{skuFlag == 'cart'}}">
    <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 id="skuImg" src="{{skuList[skuIndex].headimg||skuList[0].headimg}}" mode="aspectFill"></image>
        <view class="sku-info">
          <view class="sku-price">{{skuIndex||skuIndex==0?skuList[skuIndex].price/100:skuList[0].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">已选择：{{skuList[skuIndex].sku_name || skuList[0].sku_name}}</view>
        </view>
      </view>
      <view class="sku-names">
        <view bindtap="selectSku" data-index="{{index}}" data-item="{{item}}" class="sku-name-item textOver{{index==skuIndex?' active':''}} {{(item.stock==0&&item.is_third_stock!=1)||item.is_salee==1?' disable':''}}" wx:for="{{skuList}}">{{item.sku_name}}</view>
      </view>
      <view class="number-box">
        <text>数量</text>
        <view class="iconfont icon-sami-select" bindtap="minus"></view>
        <view class="number">{{productNum}}</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"  data-product="{{item}}" wx:if="{{info && info.flag==1}}">{{skuFlag=='cart'?'确认':'立即购买'}}
        </view>
        <!-- <view class="mask-btn" bindtap="order"  data-product="{{item}}" wx:if="{{info && info.flag==1}}">{{skuFlag=='cart'?'确认':'立即购买'}}
        </view> -->
        <view class="mask-btn disable" wx:else>该商品已下架</view>
      </view>
    </view>
  </view>





<view style="height:{{safeBottom}}px"></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" style="bottom: 200rpx;">
    <image class="share-img" src="{{shareImg}}" mode="widthFix"></image>
    <view class="share-tips">
      <view style="position:relative">
        <image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/img.png" mode="widthFix">
        </image>
        <view>保存图片到相册</view>
        <view class="tipimg">
          <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok.png" mode="widthFix"></image>
        </view>
      </view>
      <image style="width:36rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
      <view style="position:relative">
        <image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/code.png" mode="widthFix">
        </image>
        <view>微信识别二维码</view>
        <view class="tipimg">
          <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.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">{{info.allowance.title}}</view>
    <rich-text nodes="{{info.allowance.content}}"></rich-text>
  </view>
</view>
<code showModel="{{showQrCode}}" qrcode = "{{wxqrcode}}">
</code>