test/pages/info/cardInfo/index.wxml

<!--pages/info/hotelProductInfo/index.wxml-->
<wxs src="../../../utils/filter.wxs" module="tool" />
<title title="产品详情"></title>
<view class="iconfont icon-fenxiang" bindtap="share"></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 lazy-load 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-price"><text>￥</text><text>{{info.price/100}}</text><text>起</text></view>
  </view>
</view>
<view class="scroll-all-box" id="menus">
  <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>
  <view style="height:85rpx" wx:if="{{fixed}}"></view>
	<view class="info-box" id="box1">
		<view class="info-title">产品详情</view>
		<!-- <rich-text class="details"></rich-text> -->
    <rich-text class="detail" nodes="{{tool.formateRichText(info.content)}}"></rich-text>
		<!-- <view class="details" wx:for="{{6}}">
			在这里，酣畅淋漓的做一场偶像梦，你就是星光闪耀的明日之星！下一站天王天后，等你来！
			演出形式、内容：半露天卡通剧场，儿童剧，亲子互动
			表演时长：30分钟
			表演故事线：“最Q童星奖”PK赛现场直播啦！刚从电影学院新鲜出炉的小明星们，赶快大展身手吧！
		</view> -->
	</view>
  <view class="info-box" id="box2">
    <view class="info-title">预定须知</view>
    <rich-text class="detail" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text>
    <!-- <rich-text class="details" nodes="{{filter.formateRichText(skuInfo[0].feeDescription)}}"></rich-text> -->
    <!-- <view class="details" wx:for="{{6}}">
			在这里，酣畅淋漓的做一场偶像梦，你就是星光闪耀的明日之星！下一站天王天后，等你来！
			演出形式、内容：半露天卡通剧场，儿童剧，亲子互动
			表演时长：30分钟
			表演故事线：“最Q童星奖”PK赛现场直播啦！刚从电影学院新鲜出炉的小明星们，赶快大展身手吧！
		</view> -->
  </view>
</view>
<view style="height:140rpx"></view>
<view class="fixed-bottom" wx:if="{{info}}">
  <view class="kefu-box">
    ￥{{info.price/100}}
  </view>
  <view bindtap="order" class="btn" wx:if="{{info.flag==1}}">立即预订</view>
  <view bindtap="order" class="btn disable" wx:else>该商品已下架</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>