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.
271 lines
14 KiB
271 lines
14 KiB
<!--pages/info/hotelProductInfo/index.wxml-->
|
|
<wxs src="../../../utils/filter.wxs" module="tool" />
|
|
<title title="产品详情"></title>
|
|
<view class="iconfont icon-fenxiang" bindtap="share"></view>
|
|
<image lazy-load wx:for="{{info.sku}}" style="{{aniSkuIndex==index?('top:'+cartTop+'px;'):('top:'+top+'px;'+cartImgInfo)}}" class="headimg{{aniSkuIndex==index?' active':''}}" src="{{info.headimg}}" mode="aspectFill"></image>
|
|
<swiper class="swiper" indicator-dots="{{true}}" wx:if="{{info}}" autoplay="{{autoPlay}}" interval="{{2000}}" duration="{{300}}">
|
|
<block wx:if="{{info.videourl}}" wx:key="*this">
|
|
<swiper-item>
|
|
<video bindplay="playVideo" src="{{info.videourl}}" controls></video>
|
|
<!-- <image lazy-load src="{{info.headimg}}" mode="aspectFill"></image> -->
|
|
</swiper-item>
|
|
</block>
|
|
<block wx:for="{{info.listimg}}" wx:key="*this">
|
|
<swiper-item>
|
|
<image lazy-load src="{{item}}" mode="aspectFill"></image>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
<view class="allowance-box" wx:if="{{allowance_data}}" bindtap="changeAllowance">
|
|
补贴价
|
|
<view class="com-price two">￥{{ allowance_data.mini_price / 100 }}起</view>
|
|
<view class="yellow">单品最高补贴{{ allowance_data.max_price / 100 }}元</view>
|
|
</view>
|
|
|
|
<view wx:if="{{info}}">
|
|
<!-- 酒景套餐 -->
|
|
<view class="top-info" style="padding: 0;" wx:if="{{info.is_package===1}}">
|
|
<div class="wineScene-price-container" >
|
|
<div class="wineSecne-price">{{info.price/100}}<span class="wineSecne-money">￥{{info.market_price/100}}</span></div>
|
|
<div>已售{{info.sales_number||0}}份</div>
|
|
</div>
|
|
<view style="padding: 26rpx 26rpx 0;">
|
|
<view class="title" style="font-weight: bold;">{{info.title}}</view>
|
|
<view class="hotel-custom" style="padding:26rpx 0">
|
|
<view class="hotel-custom-detail" wx:for="{{info.product_data}}" wx:key="item">
|
|
<view class="tip-info">
|
|
<view class="tip">{{index}}</view>
|
|
<view class="info"></view>
|
|
</view>
|
|
<view class="hotel-custom-right" style="padding-left: 8rpx;flex:1;width: 1rpx;" >
|
|
<view style="display: flex;align-items: center;justify-content: space-between;" wx:for="{{item}}" wx:key="data" wx:for-item="str" wx:for-index="i">
|
|
<view class="textOver" style="flex:1;">
|
|
{{str.title}}
|
|
</view>
|
|
<view style="flex-shrink: 0;width: 60rpx;text-align: right;">{{str.unit}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view style="width: 100%;background:#f2f2f2;padding-top: 16rpx;margin-bottom: -8rpx;" bindtap="gotolocation">
|
|
<view class="map-container">
|
|
<view>
|
|
<view class="textOver" style="font-weight: 500;font-size: 28rpx;color: #000000;width: 600rpx;">{{info.scene_name}}</view>
|
|
<view style="padding-top: 17rpx;">{{info.scene_address}}</view>
|
|
|
|
</view>
|
|
<view style="text-align: center;">
|
|
<image lazy-load src="https://static.ticket.sz-trip.com/jundaosuzhou/images/wineScene/navigation.png"></image>
|
|
<view style="padding-top: 14rpx;">去这里</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="top-info" wx:else>
|
|
<view class="title">{{info.title}}</view>
|
|
<view class="subtitle">{{info.subtitle}}</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>
|
|
|
|
<!-- 买家评价 -->
|
|
<view class="comment-box">
|
|
<view class="box-top" style="border-bottom: {{commentTotal>0?'1rpx':'0rpx'}} solid #d9d9d9;">
|
|
<!-- <text class="iconfont icon-tiwen"></text> -->
|
|
<text style="font-weight: bold;">买家评价</text>
|
|
<text class="score" wx:if="{{info && info.rate && commentTotal>0}}">{{info.rate}}分</text>
|
|
<text wx:else class="no-comment">暂无评价</text>
|
|
|
|
<navigator url="/pages/list/comments/index?productid={{id}}" style="display: inline;">
|
|
<text class="all-comment-num">共{{commentTotal}}条 <text style="font-family: fangsong;color: #000;">></text></text>
|
|
</navigator>
|
|
</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}}" wx:key="index" wx:for-index="index" url="/pages/list/comments/index?productid={{id}}&&index={{index}}" class="product-comment">
|
|
<view class="product-comment-top">
|
|
<image lazy-load class="avator-img" src="{{item.user.avatar}}" mode="aspectFill"></image>
|
|
<!-- <image lazy-load class="avator-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/commentUser.png" mode="aspectFill"></image> -->
|
|
<view class="comment-container">
|
|
<view class="comment-info">
|
|
<view class="nickname" style="padding-right:20rpx ;">{{item.nickname}}</view>
|
|
<!-- <view class="nickname" style="padding-right:20rpx ;">张三</view> -->
|
|
<view class="iconfont"><text wx:for="{{item.rate}}" wx:key="index" class="icon-xingxing"></text><text wx:for="{{5 - item.rate}}" style="color:#999" class="icon-xingxing"></text></view>
|
|
</view>
|
|
<view class="comment-content textOver2">{{item.content}}</view>
|
|
</view>
|
|
<view class="img-box" wx:if="{{item.img_list.length>0}}">
|
|
<image lazy-load class="imgs" data-item="{{item}}" mode="aspectFill" src="{{item.img_list[0]}}" catch:tap="viewImg"></image>
|
|
<!-- <view class="img-box" wx:for="{{item.img_list}}" wx:for-index="index" wx:for-item="img" mode="scaleToFill" data-img="{{img}}" data-list="{{item.img_list}}">
|
|
<image lazy-load wx:if="{{index<6}}" class="imgs" src="{{img}}" bindtap="imgsc"></image>
|
|
<view class="all" wx:if="{{index==5}}">
|
|
<view>共{{item.img_list.length}}张</view>
|
|
<view>查看全部</view>
|
|
</view>
|
|
</view> -->
|
|
<view wx:if="{{item.img_list.length>1}}" class="more-img">+{{item.img_list.length}}</view>
|
|
</view>
|
|
|
|
<!-- <view class="comment-date">{{item.create_time}}</view> -->
|
|
</view>
|
|
|
|
<!-- <view class="sku" wx:if="{{item.sku_name}}">{{item.sku_name}}</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 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">
|
|
<view class="info-title">产品特色</view>
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.content)}}"></rich-text>
|
|
</view>
|
|
<view class="info-box" id="box2">
|
|
<view class="info-title">费用说明</view>
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.expense_info)}}"></rich-text>
|
|
</view>
|
|
<view class="info-box" id="box3">
|
|
<view class="info-title">预订须知</view>
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.book_info)}}"></rich-text>
|
|
</view>
|
|
|
|
<view class="proad" id="box4">
|
|
<view class="proad-title">
|
|
<image lazy-load mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20221027/93dd0ad8fade0ad845e6b67512b4e61b.png"></image>
|
|
</view>
|
|
<view class="pro-list">
|
|
<view class="proitem" wx:for="{{tjList}}" bindtap="gotoDetail" data-item="{{item}}">
|
|
<view class="item-hd">
|
|
<image lazy-load src="{{item.headimg}}"></image>
|
|
</view>
|
|
<view class="item-bm">
|
|
<view class="protitle textOver">{{item.title}}</view>
|
|
<view class="pro-price">
|
|
{{item.price/100}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
<view style="height:140rpx"></view>
|
|
<view class="fixed-bottom">
|
|
<view class="['left-img',{{!iShop?'no-shop':''}}]">
|
|
<navigator wx:if="{{iShop}}" url="/pages/list/store/index?id={{supplierId}}" catchtap="pagePoint" data-event='product_customservice' class="shop-box">
|
|
<view class="shop-box">
|
|
<image lazy-load class="icon-shop" src="https://static.ticket.sz-trip.com/uploads/20230220/cc7bfaf50dccd354c56a1ad40d730b2e.png" mode="aspectFill"/>
|
|
<view>店铺</view>
|
|
</view>
|
|
</navigator>
|
|
<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">
|
|
<view class="iconfont {{isLike==1?'icon-shoucang':'icon-xin'}}"></view>
|
|
<view>收藏</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="btns">
|
|
<view class="btn" bindtap="showCart">加入购物车</view>
|
|
<view class="btn" 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 lazy-load src="https://static.ticket.sz-trip.com/xcxImages/info/cart.png" mode="widthFix"></image>
|
|
<view class="cart-num">{{cartCount}}</view>
|
|
</navigator>
|
|
<view class="mask" wx:if="{{skuFlag}}">
|
|
<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 lazy-load id="skuImg" src="{{info.sku[skuIndex].headimg}}" mode="aspectFill"></image>
|
|
<view class="sku-info">
|
|
<view class="sku-price">{{info.sku[skuIndex].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">已选择：{{info.sku[skuIndex].sku_name}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="sku-names">
|
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item textOver{{index==skuIndex?' active':''}}" wx:for="{{info.sku}}">{{item.sku_name}}</view>
|
|
</view>
|
|
<view class="number-box">
|
|
<text>数量</text>
|
|
<view class="iconfont icon-sami-select" bindtap="minus"></view>
|
|
<view class="number">{{producNum}}</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" wx:if="{{info.sku[skuIndex].flag=='on'}}">{{skuFlag=='cart'?'确认':'立即购买'}}
|
|
</view>
|
|
<view class="mask-btn disable" wx:else>该商品已下架</view>
|
|
</view>
|
|
</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>
|
|
<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">{{allowance_data.title}}</view>
|
|
<rich-text nodes="{{allowance_data.content}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
<code showModel="{{showQrCode}}" qrcode = "{{wxqrcode}}">
|
|
</code>
|