|
|
<!--pages/product-detail/product-detail.wxml-->
|
|
|
<!-- 商品详情 -->
|
|
|
<view class="container">
|
|
|
<view class="productIntro">
|
|
|
<view class="pic">
|
|
|
<view style="height:750rpx">
|
|
|
<swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
|
|
|
<block wx:for="{{swiperArray}}" wx:for-index="idx">
|
|
|
<swiper-item>
|
|
|
<image src="{{item}}" class="slideImage"></image>
|
|
|
</swiper-item>
|
|
|
</block>
|
|
|
</swiper>
|
|
|
</view>
|
|
|
<view class="countDown" wx:if="{{goodsData.youHui}}">
|
|
|
<text class="countDownTxt">距结束仅剩</text>
|
|
|
<!-- 倒计时 -->
|
|
|
<view class="countTime">
|
|
|
<van-count-down use-slot time="{{ time }}" bind:change="onChange1">
|
|
|
<text class="item">{{ timeData.hours }}</text>:
|
|
|
<text style="color:#FF593C">:</text>
|
|
|
<text class="item">{{ timeData.minutes }}</text>:
|
|
|
<text style="color:#FF593C">:</text>
|
|
|
<text class="item">{{ timeData.seconds }}</text>
|
|
|
</van-count-down>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="productName">
|
|
|
{{goodsData.goodsName}}
|
|
|
</view>
|
|
|
<view class="productPrice">
|
|
|
<view class="price" wx:if="{{goodsData.type==2}}">¥{{goodsData.goodsPrice}}</view>
|
|
|
<view class="jifen" wx:if="{{goodsData.type==1}}">积分{{goodsData.goodsPrice}}</view>
|
|
|
<view class="share" data-id="{{goodsId}}">
|
|
|
<view class="shareIcon">
|
|
|
<image src="/images/01-03/icon_share@2x.png"></image>
|
|
|
</view>
|
|
|
<view class="shareTitle">分享</view>
|
|
|
<button open-type="share" data-id="{{goodsId}}"></button>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<!-- 请选择 -->
|
|
|
<view class="selectMain" bindtap="selectSku">
|
|
|
<view class="selectTitle">选择</view>
|
|
|
<view class="selectNum">
|
|
|
<view>{{}}</view>
|
|
|
<view class="selectPic">
|
|
|
<image src="/images/01-03/icon_more@2x.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 评价 -->
|
|
|
<view class='{{flags?"evaluateContent":"evaluateContents"}}'>
|
|
|
<view class="evaluateTop">
|
|
|
<view class="evaluateTitle">宝贝评价({{pingjiaNum}})</view>
|
|
|
<view class="lookMain" data-type="{{flag}}">
|
|
|
<view wx:if="{{flag==1}}" bindtap="openAll">查看全部</view>
|
|
|
<view wx:if="{{flag==0}}" bindtap="openAll">收起全部</view>
|
|
|
<view>
|
|
|
<image src="/images/01-03/icon_more@2x.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="noData" wx:if="{{infoList.length==0}}">暂时没有相关商品的更多评价~</view>
|
|
|
<view class="evaluateBox" wx:for="{{infoList}}" wx:if="{{infolist!==0}}">
|
|
|
<view class="evaluateInfo">
|
|
|
<view class="userImg" style="display:inline-block">
|
|
|
<image src="{{item.wxHeadImg}}"> </image>images[0]
|
|
|
</view>
|
|
|
<view class="userName" style="display:inline-block">{{item.wxName}}</view>
|
|
|
</view>
|
|
|
<view class="evaluateDetails">{{item.content}}</view>
|
|
|
<view class="evaluatePic">
|
|
|
<view class="picBox" wx:for="{{item.images}}">
|
|
|
<image src="item"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 商品明细-->
|
|
|
<view class="prodectDesc">
|
|
|
<rich-text nodes="{{richText}}"></rich-text>
|
|
|
<!-- <view wx:for="{{deacArray}}" class="descBox">
|
|
|
<image src="{{item.img}}"></image>
|
|
|
</view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
<!--底部 -->
|
|
|
<!-- <view class="bottomMain">
|
|
|
<van-goods-action>
|
|
|
<van-goods-action-icon icon="chat-o" text="客服" color="#07c160" />
|
|
|
<van-goods-action-icon icon="cart-o" text="购物车" />
|
|
|
<van-goods-action-icon icon="star" text="已收藏" color="#ff5000" />
|
|
|
<van-goods-action-button type="warning" text="加入购物车" />
|
|
|
<van-goods-action-button type="danger" text="立即购买" />
|
|
|
</van-goods-action>
|
|
|
</view> -->
|
|
|
<view class="bottom">
|
|
|
<view class="bottom_left">
|
|
|
<view class="bottom_left_item" catchtap="linkKefu">
|
|
|
<image src="/images/01-03/kefu.png"></image>
|
|
|
<view>客服</view>
|
|
|
</view>
|
|
|
<view class="bottom_left_item" catchtap="goCart">
|
|
|
<view class="count_cart">{{count}}</view>
|
|
|
<image src="/images/01-03/cart.png"></image>
|
|
|
<view>购物车</view>
|
|
|
</view>
|
|
|
<view class="bottom_left_item" catchtap="collection">
|
|
|
<view class="collectIcon">
|
|
|
<image src='{{"goodsData.keep==false"?"/images/01-03/shoucang.png":"/images/01-03/shoucang.png"}}'></image>
|
|
|
<view class="collecttext">{{goodsData.keep==false?"收藏":"已收藏"}}</view>
|
|
|
</view>
|
|
|
<!-- <view wx:if="{{goodsData.keep==true}}">
|
|
|
<image src="/images/01-03/shoucang.png"></image>
|
|
|
<view>已收藏</view>
|
|
|
</view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="bottom_right" wx:if="{{goodsData.type==2}}">
|
|
|
<view class="bottom_right_left" catchtap="addCart">加入购物车</view>
|
|
|
<view class="bottom_right_right" catchtap="immediatelyPay">立即购买</view>
|
|
|
<view class="Mask"></view>
|
|
|
</view>
|
|
|
<view class="bottom_right_two" wx:if="{{goodsData.type==1}}">
|
|
|
<view class="bottom_right_right_two" catchtap="immediatelyPay">立即兑换</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 选择规格弹框 -->
|
|
|
<view class="mask" catchtap="closeMaskSku" wx:if='{{showMaskSku}}'>
|
|
|
<view class="diceng">
|
|
|
<view class="skuBox">
|
|
|
<view wx:for="{{goodsData.list}}" class="{{idx==index?'skuItem1':'skuItem'}}" bindtap="check"
|
|
|
data-index="{{index}}" data-id="{{item.goodsSkuId}}">{{item.goodsSkuName}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 加入购物车弹框 -->
|
|
|
<view class="mask" catchtap="closeMask" wx:if='{{showMask}}'>
|
|
|
<view class="diceng" catchtap="openMask">
|
|
|
<view class="info">
|
|
|
<image src="{{goodsData.goodsBanners[idx]}}"></image>
|
|
|
<view class="info_right">
|
|
|
<view class="info_price">¥{{goodsData.list[idx].goodsPrice}}</view>
|
|
|
<view class="info_stock">库存:{{goodsData.list[idx].goodsStock}}件</view>
|
|
|
<view class="info_stock" wx:if='{{info.detai.spec_type=="20"}}'>请选择规格</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="attr" wx:if='{{info.detail.spec_type=="20"}}' wx:for='{{info.specData.spec_attr}}' wx:key='index'>
|
|
|
<view>{{item.group_name}}</view>
|
|
|
<view class="attr_main">
|
|
|
<view class="attr_item {{cell.flag?'activity':''}}" wx:for='{{item.spec_items}}' wx:for-item='cell'
|
|
|
wx:for-index='cellindex' wx:key='{{cellindex}}' data-index='{{index}}' data-cellindex='{{cellindex}}'
|
|
|
catchtap="changeAttrNum">{{cell.spec_value}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="pay_count">
|
|
|
<view>购买数量</view>
|
|
|
<view class="count_box">
|
|
|
<view class="count_jian" catchtap="decNum">-</view>
|
|
|
<view class="real_count">{{count}}</view>
|
|
|
<view class="count_jian" catchtap="addNum">+</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="confrimBtn" catchtap="confrimCart">确定</view>
|
|
|
<view class="btn" wx:if='{{type==1}}' catchtap="jiagou">加入购物车</view>
|
|
|
<view class="btn" wx:if='{{type==2}}' catchtap="lijigoumai">立即购买</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 立即购买弹框 -->
|
|
|
<view class="mask" catchtap="closeMaskTwo" wx:if='{{showMaskTwo}}'>
|
|
|
<view class="diceng" catchtap="openMask">
|
|
|
<view class="info">
|
|
|
<image src="{{goodsData.goodsBanners[0]}}"></image>
|
|
|
<view class="info_right">
|
|
|
<view class="info_price">¥{{goodsData.list[idx].goodsPrice}}</view>
|
|
|
<view class="info_stock">库存:{{goodsData.list[idx].goodsStock}}件</view>
|
|
|
<view class="info_stock" wx:if='{{info.detai.spec_type=="20"}}'>请选择规格</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="attr" wx:if='{{info.detail.spec_type=="20"}}' wx:for='{{info.specData.spec_attr}}' wx:key='index'>
|
|
|
<view>{{item.group_name}}</view>
|
|
|
<view class="attr_main">
|
|
|
<view class="attr_item {{cell.flag?'activity':''}}" wx:for='{{item.spec_items}}' wx:for-item='cell'
|
|
|
wx:for-index='cellindex' wx:key='{{cellindex}}' data-index='{{index}}' data-cellindex='{{cellindex}}'
|
|
|
catchtap="changeAttrNum">{{cell.spec_value}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="pay_count">
|
|
|
<view>购买数量</view>
|
|
|
<view class="count_box">
|
|
|
<view class="count_jian" catchtap="dec">-</view>
|
|
|
<view class="real_count">{{payCount}}</view>
|
|
|
<view class="count_jian" catchtap="add">+</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="confrimBtn" catchtap="confrim">确定</view>
|
|
|
<view class="btn" wx:if='{{type==1}}' catchtap="jiagou">加入购物车</view>
|
|
|
<view class="btn" wx:if='{{type==2}}' catchtap="lijigoumai">立即购买</view>
|
|
|
</view>
|
|
|
</view> |
|
|
\ No newline at end of file |
...
|
...
|
|