product-detail_20201130173542.wxml 8.0 KB
<!--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>
				</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>