You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
6.9 KiB
121 lines
6.9 KiB
<!--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 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" wx:if="{{info}}">
|
|
<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 class="scroll-menu-item{{type==3?' active':''}}" bindtap="changeMenu" data-index="3">退改说明</view>
|
|
<view class="scroll-menu-item{{type==4?' active':''}}" bindtap="changeMenu" data-index="4">产品详情</view>
|
|
</view>
|
|
<view style="height:85rpx" wx:if="{{fixed}}"></view>
|
|
<view class="info-box" id="box1" wx:if="{{info}}">
|
|
<view class="info-title">费用说明</view>
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.expense_info)}}"></rich-text>
|
|
<!-- <view class="details" wx:for="{{6}}">
|
|
在这里，酣畅淋漓的做一场偶像梦，你就是星光闪耀的明日之星！下一站天王天后，等你来！
|
|
演出形式、内容：半露天卡通剧场，儿童剧，亲子互动
|
|
表演时长：30分钟
|
|
表演故事线：“最Q童星奖”PK赛现场直播啦！刚从电影学院新鲜出炉的小明星们，赶快大展身手吧！
|
|
</view> -->
|
|
</view>
|
|
<view class="info-box" id="box2" wx:if="{{info}}">
|
|
<view class="info-title">预定须知</view>
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text>
|
|
<!-- <rich-text class="details" nodes="{{filter.formateRichText(skuInfo[0].bookingInfo)}}"></rich-text> -->
|
|
<!-- <view class="details" wx:for="{{6}}">
|
|
在这里，酣畅淋漓的做一场偶像梦，你就是星光闪耀的明日之星！下一站天王天后，等你来！
|
|
演出形式、内容：半露天卡通剧场，儿童剧，亲子互动
|
|
表演时长：30分钟
|
|
表演故事线：“最Q童星奖”PK赛现场直播啦！刚从电影学院新鲜出炉的小明星们，赶快大展身手吧！
|
|
</view> -->
|
|
</view>
|
|
<view class="info-box" id="box3" wx:if="{{info}}">
|
|
<view class="info-title">退改说明</view>
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.cancel_info)}}"></rich-text>
|
|
<!-- <rich-text class="details" nodes="{{filter.formateRichText(skuInfo[0].refundDescription)}}"></rich-text> -->
|
|
<!-- <view class="details" wx:for="{{6}}">
|
|
在这里，酣畅淋漓的做一场偶像梦，你就是星光闪耀的明日之星！下一站天王天后，等你来！
|
|
演出形式、内容：半露天卡通剧场，儿童剧，亲子互动
|
|
表演时长：30分钟
|
|
表演故事线：“最Q童星奖”PK赛现场直播啦！刚从电影学院新鲜出炉的小明星们，赶快大展身手吧！
|
|
</view> -->
|
|
</view>
|
|
<view class="info-box" id="box4" wx:if="{{info}}">
|
|
<view class="info-title">产品详情</view>
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.content)}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
<view class="box">
|
|
<view class="box-top">
|
|
<text class="iconfont icon-tiwen"></text><text>游客点评</text><text class="score" wx:if="{{info && info.rate && 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?productid={{id}}" wx:if="{{comment.length>0}}" class="more-comment-btn">查看全部点评<text class="iconfont icon-you"></text></navigator>
|
|
</view>
|
|
<view style="height:140rpx"></view>
|
|
<view class="fixed-bottom" wx:if="{{info}}">
|
|
<navigator url="/pages/user/service/index" class="kefu-box">
|
|
<view class="iconfont icon-kefu"></view>
|
|
<view>客服</view>
|
|
</navigator>
|
|
<view class="btn" bindtap="order" wx:if="{{info.flag==1}}">立即预订</view>
|
|
<view 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 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>
|