test/pages/info/sceneProductInfo/index.wxml

<!--pages/info/sceneProductInfo/index.wxml-->
<title title="产品详情"></title>
<view class="iconfont icon-fenxiang" bindtap="share"></view>
<view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}" bindtap="like"></view>
<!-- <view class="audio-box" bindtap="audioGuide">
  <view>语音导览</view>
  <image src="https://static.ticket.sz-trip.com/xcxImages/info/play-btn.png" mode="widthFix"></image>
</view> -->
<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}}">
  <view class="title">{{info.title}}</view>
  <view class="tags-box textOver">
    <view class="tag textOver" wx:for="{{info.display_tags}}">{{item}}<view class="line"></view></view>
    <!-- <view class="tags-text">详情 <text class="iconfont icon-you"></text></view> -->
  </view>
  <view class="tags-box address-box" style="height:auto">
    <view class="info-address">开园时间：{{info.open_time}}</view>
    <navigator url="/pages/info/sceneInfo/index?id={{info.id}}" class="iconfont" style="font-size:27rpx;flex-shrink:0">优待政策 | 景点介绍 <text class="iconfont icon-you"  style="font-size:24rpx"></text></navigator>
  </view>
  <view class="tags-box textOver address-box">
    <view class="info-address">地址：{{info.address}}</view>
    <view class="iconfont icon-daohang" bindtap="gotolocation"></view>
  </view>
</view>
<view class="box" wx:if="{{info}}" wx:for="{{info.product}}">
  <view class="box-top">
    <text>{{item.title}}</text>
  </view>
  <view class="product-item" wx:for="{{item.sku}}" wx:for-item="sku">
    <view class="skutitle">{{sku.sku_name}}</view>
    <view class="product-box">
      <view class="product-left textOver">
        <view class="product-tags">
          <view class="product-tag textOver" wx:for="{{sku.display_tags}}">{{item}}</view>
        </view>
        <view class="order-tip-text" bindtap="showBookingInfo" data-item="{{sku}}">预订须知>></view>
      </view>
      <view class="product-right">
        <view class="price"><text>￥</text><text>{{sku.price?sku.price/100:0}}</text><text>起</text></view>
        <view bindtap="order" data-sku="{{sku}}" data-product="{{item}}" class="btn">立即预订</view>
      </view>
    </view>
  </view>
  <!-- <view class="empty-box">
    <view>这里空空如也，快去向大家提问吧!</view>
    <view class="empty-btn">去提问</view>
  </view> -->
</view>
<view class="box" wx:if="{{isTest==false}}">
  <view class="box-top">
    <text class="iconfont icon-tiwen1"></text><text>问大家</text>
  </view>
  <view class="empty-box" wx:if="{{!ask || ask.length==0}}">
    <view>这里空空如也，快去向大家提问吧!</view>
    <navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去提问</navigator>
  </view>
  <view class="ask-list" wx:else>
    <navigator url="/pages/ask/info/index?id={{item.id}}" class="ask-item" wx:for="{{ask}}">
      <view class="item-ques">
        <image class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ask.png" mode="widthFix"></image>
        <view class="ques">{{item.question_name}}</view>
        <view class="ques-num" wx:if="{{item.answer.total!=0}}">{{item.answer.total}}个回答</view>
        <view class="ques-num" wx:if="{{item.answer.total==0}}">暂无回答</view>
      </view>
      <!-- <view class="item-ques">
        <image class="item-icon" src="https://static.ticket.sz-trip.com/xcxImages/ask/ans.png" mode="widthFix"></image>
        <view class="ans">{{item.answer && item.answer.lastest_answer?item.answer.lastest_answer.answer:"暂无回答"}}</view>
      </view>
      <view class="ques-tip">
        <view class="ques-time">{{item.created_time}}提问</view> -->
        <!-- <view class="ans-number">全部{{item.answer && item.answer.total ? item.answer.total : 0}}个回答 <text class="iconfont icon-you"></text> </view> -->
      <!-- </view> -->
    </navigator>
    <navigator style="border-top:1rpx solid #ccc" url="/pages/ask/index?id={{info.id}}" class="more-comment-btn">查看全部问答<text class="iconfont icon-you"></text></navigator>
  </view>
</view>
<view class="box">
  <view class="box-top">
    <text class="iconfont icon-tiwen"></text><text>游客点评</text><text class="score" wx:if="{{info && commentTotal>0}}">{{info.rate}}分</text>
    <text class="all-comment-num">共{{commentTotal}}条</text>
  </view>
  <view class="empty-box" wx:if="{{!comment || comment.length==0}}">
    <view>这里空空如也，快去点评吧!</view>
    <!-- <navigator url="/pages/ask/index?id={{id}}" class="empty-btn">去点评</navigator> -->
  </view>
  <navigator wx:for="{{comment}}" url="/pages/list/comments/index?id={{info.id}}" class="product-comment">
    <view class="product-comment-top">
      <image src="{{item.user.avatar}}" mode="aspectFill"></image>
      <view class="comment-info">
        <view class="nickname">{{item.user.nickname}}</view>
        <view class="iconfont"><text wx:for="{{item.rate}}" class="icon-xingxing"></text><text wx:for="{{5 - item.rate}}" style="color:#999" class="icon-xingxing"></text></view>
      </view>
      <view class="comment-date">{{item.create_time}}</view>
    </view>
    <view class="comment-content">{{item.content}}</view>
  </navigator>
  <navigator url="/pages/list/comments/index?sceneid={{id}}" wx:if="{{comment.length>0}}" class="more-comment-btn">查看全部点评<text class="iconfont icon-you"></text></navigator>
</view>
<view style="height:{{safeBottom}}px"></view>
<notice bookingInfo="{{bookingInfo}}" skuName="{{bookingInfoTitle}}" wx:if="{{bookingInfo}}" bind:close="closeMask"></notice>
<view style="position:absolute;right:0;left:-10000rpx;top:-200rpx;">
  <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 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>