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.
226 lines
11 KiB
226 lines
11 KiB
<!--pages/info/hotelProductInfo/index.wxml-->
|
|
<wxs src="../../../utils/filter.wxs" module="tool" />
|
|
<title title="产品详情"></title>
|
|
|
|
<!-- <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> -->
|
|
<view style="position: relative;">
|
|
<scroll-view>
|
|
<swiper class="swiper" wx:if="{{info}}" autoplay="{{autoPlay}}"
|
|
interval="{{2000}}" duration="{{300}}" >
|
|
<block wx:if="{{info.videourl}}" wx:key="*this">
|
|
<swiper-item>
|
|
<scroll-view>
|
|
<video bindplay="playVideo" src="{{info.videourl}}" autoplay="{{false}}" muted="{{true}}"
|
|
show-mute-btn="{{true}}" show-background-playback-button="{{false}}"
|
|
show-progress="{{false}}" enable-progress-gesture="{{false}}"></video>
|
|
</scroll-view>
|
|
</swiper-item>
|
|
</block>
|
|
<block wx:for="{{info.listimg}}" wx:key="*this">
|
|
<swiper-item>
|
|
<image lazy-load src="{{item}}" mode="aspectFill"></image>
|
|
</swiper-item>
|
|
</block>
|
|
<!-- <block wx:for="{{info.sku}}" wx:key="*this">
|
|
<swiper-item style="position: relative;">
|
|
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image>
|
|
<view class="sku-tips ">
|
|
<view class="textOver">{{item.sku_name}}</view>
|
|
</view>
|
|
</swiper-item>
|
|
</block> -->
|
|
</swiper>
|
|
</scroll-view>
|
|
<!-- <view class="swiper-bottom" wx:if="{{info}}">
|
|
<view class="swuper-bottom-bg">
|
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.video.min&&swiperCurrent<=swiperRange.video.max)?'active':''}}"
|
|
wx:if="{{info.videourl}}" bind:tap="changeSwiperCurrent" data-index="{{0}}">视频</view>
|
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.picture.min&&swiperCurrent<=swiperRange.picture.max)?'active':''}}"
|
|
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.picture.min}}">图片</view>
|
|
<view class="swiper-bottom-item {{(swiperCurrent>=swiperRange.sku.min&&swiperCurrent<=swiperRange.sku.max)?'active':''}}"
|
|
bind:tap="changeSwiperCurrent" data-index="{{swiperRange.sku.min}}">款式</view>
|
|
</view>
|
|
<view class="swiper-bottom-item bottom-number active">{{swiperCurrent+1}}/{{swiperRange.sku.max+1}}</view>
|
|
</view> -->
|
|
</view>
|
|
|
|
<view wx:if="{{info}}">
|
|
<view class="top-info">
|
|
<view class="title">{{info.title}}</view>
|
|
<view class="price-box">
|
|
<text class="top-price">￥{{info.sku[skuIndex].price / 100}}</text>
|
|
<text class="old-price">￥{{info.sku[skuIndex].market_price / 100}}</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-menus">
|
|
<view class="type-box">
|
|
<view class="scroll-menu-item{{type==1?' active':''}}" bindtap="changeMenu" data-index="1">{{info.sku[skuIndex].display_tags}}</view>
|
|
<view class="scroll-menu-item{{type==2?' active':''}}" bindtap="changeMenu" data-index="2">增值权益</view>
|
|
</view>
|
|
|
|
</view>
|
|
<!-- <view style="height:85rpx" wx:if="{{fixed}}"></view> -->
|
|
<view class="info-box" >
|
|
<rich-text wx:if="{{type==1}}" class="details" nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.detailinfo)}}"></rich-text>
|
|
|
|
<rich-text wx:if="{{type==2}}" class="details" nodes="{{tool.formateRichText(info.sku[skuIndex].sku_model.expenseinfo)}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
|
|
<view style="height:140rpx"></view>
|
|
<view class="fixed-bottom">
|
|
<view class="['left-img','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">立即购买</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>
|
|
<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 style="display: flex;align-items: center;">
|
|
<view class="number-box">
|
|
<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 class="limit-number" wx:if="{{info.sku[skuIndex].sku_model.traveller_limit_num>0}}">限购{{info.sku[skuIndex].sku_model.traveller_limit_num}}件</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="font-weight: bold;font-size: 33rpx;color: #060001;margin:0rpx 25rpx 27rpx">产品分类（{{info.sku.length}}）</view>
|
|
<view class="sku-names">
|
|
<view bindtap="selectSku" data-index="{{index}}" class="sku-name-item {{index==skuIndex?' active':''}}"
|
|
wx:for="{{info.sku}}">
|
|
<image lazy-load src="{{item.headimg}}"></image>
|
|
<view class="sku-name textOver2">{{item.sku_name}}</view>
|
|
</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>
|
|
|
|
<view class="mask" wx:if="{{otherInfoShow>0}}">
|
|
<view class="mask-bg" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view>
|
|
<view class="mask-content">
|
|
<view class="iconfont icon-close" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}"></view>
|
|
<view class="other-info-content">
|
|
<view class="title">{{otherInfoShow==3?"产品参数":otherInfoShow==2?"服务说明":"发货说明"}}</view>
|
|
<view wx:if="{{otherInfoShow==1}}">
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.shipment_info)}}"></rich-text>
|
|
<!-- <view class="key-title">该商品预计13小时内发货</view>
|
|
<view class="key-content">订单支付成功后48小时内发货，若未在48小时内发货消费者 可联系客服咨询催促发货。</view> -->
|
|
</view>
|
|
<view wx:if="{{otherInfoShow==2}}">
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.service_info)}}"></rich-text>
|
|
</view>
|
|
|
|
|
|
<view wx:if="{{otherInfoShow==3}}">
|
|
<rich-text class="details" nodes="{{tool.formateRichText(info.parameter_info)}}"></rich-text>
|
|
|
|
<!-- <view class="prod-param">
|
|
<view class="prod-key">名称</view>
|
|
<view class="prod-content">鸡头米</view>
|
|
</view>
|
|
<view class="prod-param">
|
|
<view class="prod-key">购买须知</view>
|
|
<view class="prod-content">购买须知购买须知购买须知购买须知购买须知购买须知购买须知购买须知购买须知购买须知</view>
|
|
</view> -->
|
|
</view>
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view style="height:138rpx"></view>
|
|
<view class="btn-box">
|
|
<view class="mask-btn" bindtap="changeSimpleVal" data-keyname="otherInfoShow" data-val="{{0}}">确定</view>
|
|
</view>
|
|
</view>
|
|
</view>
|