test/pages/info/museumInfo/index.wxml

<!--pages/info/museumInfo/index.wxml-->
<wxs src="../../../utils/filter.wxs" module="tool" />
<title title="场馆团体预约" wx:if="{{info.team_order && isGroup}}"></title>
<title title="场馆详情" wx:else></title>
<view class="iconfont icon-fenxiang" bindtap="share"></view>
<view class="vr-box com-flex" wx:if="{{info && info.vr_info_url}}" bindtap="goVr">
  <image src="https://m.cloud.sz-trip.com/static/images/VR.png" mode="widthFix"></image>
  <text>VR景点</text>
</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>
  <view class="title" wx:if="{{info && info.team_order && isGroup}}">{{info.title}}（团体预约）</view>
</swiper>

<!-- 团体预约的详情样式 -->
<view class="team_info" wx:if="{{info && info.team_order && isGroup}}">
  <view class="location"><text class="iconfont icon-location"></text>{{info.address}}</view>
  <view class="location" style="margin-bottom:0"><text class="iconfont icon-dianhua2"></text>{{info.tel}}</view>
</view>
<!-- 普通详情样式 -->
<view class="info" wx:else style="position:relative">
  <view class="title">{{info.title}}</view>
  <view class="location"><text class="iconfont icon-location"></text>{{info.address}}</view>
  <view class="location" style="margin-bottom:0"><text class="iconfont icon-dianhua2"></text>{{info.tel}}</view>
  <view class="status-text{{info.garden_flag==0?' disable':''}}" wx:if="{{info.garden_flag_text && info.garden_flag!=1}}">{{info.garden_flag_text}}</view>
</view>
<view class="menu-box{{fixed?' menu-fixed':''}}" style="top:{{top}}px" wx:if="{{isGroup!=1}}">
  <view class="menu-item{{type==1?' active':''}}" bindtap="changeType" data-type="1">场馆介绍</view>
  <view class="menu-item{{type==2?' active':''}}" bindtap="changeType" data-type="2">场馆活动</view>
</view>
<view style="height:102rpx;" wx:if="{{fixed}}"></view>
<view id="content">
  <view wx:if="{{type==1}}">
    <date wx:if="{{isLogin && product && product.sku && product.product && info}}" bind:onChangeDate="changeDate"
      bind:onChangeTime="changeTime" product="{{product}}" isTeam="{{info.team_order && isGroup}}"></date>
    <view class="detail-title">预订须知</view>
    <rich-text wx:if="{{info}}" class="detail" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text>
    <view class="detail-title">场馆介绍</view>
    <rich-text wx:if="{{info}}" class="detail" nodes="{{tool.formateRichText(info.content)}}"></rich-text>
    <!-- <view class="detail" wx:if="{{info}}">{{info.open_time}}</view> -->
  </view>
  <view wx:else>
    <navigator url="../activityInfo/index?id={{item.id}}" class="activity-item" wx:for="{{actList}}">
      <view class="activity-info">
        <view class="textOver2">{{item.name || item.title}}</view>
        <view>
          <view class="textOver">{{item.from_platform}}</view>
          <view class="textOver">{{item.begin_date}}—{{item.end_date}}</view>
        </view>
      </view>
      <image src="{{item.post_url}}" mode="aspectFill"></image>
      <view wx:if="{{item.isEnd}}" class="end-box">已结束</view>
    </navigator>
    <view style="font-size:26rpx;text-align:center;line-height:200rpx;" wx:if="{{actList.length==0}}">暂无活动</view>
  </view>
  <view style="height:104rpx"
    wx:if="{{info.product_venue && info.product_venue.sku && info.product_venue.sku.length>0}}"></view>
</view>
<view class="fixed-btn" wx:if="{{info.product_venue && info.product_venue.sku && info.product_venue.sku.length>0}}">
  <view bindtap="order" class="btn {{info && info.team_order && isGroup ? 'team' : ''}} {{product.product.flag==1 && product.sku.flag=='on'?'':' disable'}}">参观预约
  </view>
  <view class="btn" wx:if="{{info.team_order == 1 && !isGroup}}" bindtap="order1">
	  团体预约
  </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 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>
<code showModel="{{showQrCode}}" qrcode = "{{wxqrcode}}">
</code>