倪静楠 / huarunwj · 文件

转到一个项目

审查视图

pages/product-detail/product-detail.wxml 10.7 KB
原文件 普通视图 历史 永久链接
1128
cdf7b766
 
倪静楠 authored
1 2 3 4 5 6 7 8 9 
<!--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>
上下刷新
2958112f
 
倪静楠 authored
10 
							<image src="{{item}}" class="slideImage"></image>
1128
cdf7b766
 
倪静楠 authored
11 12 13 14 
						</swiper-item>
					</block>
				</swiper>
			</view>
样式
ef08e6cd
 
倪静楠 authored
15 
			<view class="countDown" wx:if="{{countDownShow}}">
1128
cdf7b766
 
倪静楠 authored
16 17 18 
				<text class="countDownTxt">距结束仅剩</text>
				<!-- 倒计时 -->
				<view class="countTime">
上下刷新
2958112f
 
倪静楠 authored
19 20 21 22 23 
					<view class="textss">{{hour}}</view>
					<view class="maohao">:</view>
					<view class="textss">{{minute}}</view>
					<view class="maohao">:</view>
					<view class="textss">{{second}}</view>
1128
cdf7b766
 
倪静楠 authored
24 25 26 27 28 29 30 
				</view>
			</view>
		</view>
		<view class="productName">
			{{goodsData.goodsName}}
		</view>
		<view class="productPrice">
20201210
962a187e
 
倪静楠 authored
31 32 33 34 35 
			<view class="price" wx:if="{{goodsData.type==2}}">
				<text class="moneyIcon">￥</text>
					<text class="moneyNum">{{goodsData.goodsPrice}}</text>
					<text class="moneyIcon">.00</text>
				</view>
1128
cdf7b766
 
倪静楠 authored
36 37 38 39 40 41 42 43 44 45 46 47 
			<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>
	<!-- 请选择 -->
位置授权
c9093c1c
 
倪静楠 authored
48 49 
	<view class="selectMain" bindtap="addCart">
	<!-- <view class="selectMain" bindtap="selectSku"> -->
1128
cdf7b766
 
倪静楠 authored
50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 
		<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>
1128
4a8e7381
 
倪静楠 authored
70 
		<view class="noData" wx:if="{{infoList.length==0}}">暂时没有相关商品的更多评价~</view>
1128
cdf7b766
 
倪静楠 authored
71 
		<view class="evaluateBox" wx:for="{{infoList}}" wx:if="{{infolist!==0}}">
地址选择
0deb8367
 
倪静楠 authored
72 
			<view class="evaluateInfo">
位置授权
c9093c1c
 
倪静楠 authored
73 
				<view class="userImg" style="display:inline-block" wx:if="{{item.anonymous==0}}">
1128
cdf7b766
 
倪静楠 authored
74 75 
					<image src="{{item.wxHeadImg}}"> </image>
				</view>
位置授权
c9093c1c
 
倪静楠 authored
76 77 78 79 
				<view class="userImg" style="display:inline-block" wx:if="{{item.anonymous==1}}">
					<image src="/images/nimingtouxiang.png"> </image>
				</view>
				<view class="userName" style="display:inline-block" >{{item.wxName}}</view>
1128
cdf7b766
 
倪静楠 authored
80 81 
			</view>
			<view class="evaluateDetails">{{item.content}}</view>
地址选择
0deb8367
 
倪静楠 authored
82 
			<view class="evaluatePic" wx:if="{{item.images}}">
上下刷新
2958112f
 
倪静楠 authored
83 
				<view class="picBox" wx:for="{{item.images}}" data-item="data">
地址选择
0deb8367
 
倪静楠 authored
84 85 86 
					<image src="{{item}}"></image>
				</view>
			</view>
1128
cdf7b766
 
倪静楠 authored
87 88 89 90 91 92 93 94 95 
		</view>
	</view>
	<!-- 商品明细-->
	<view class="prodectDesc">
		<rich-text nodes="{{richText}}"></rich-text>
		<!-- <view wx:for="{{deacArray}}" class="descBox">
			<image src="{{item.img}}"></image>
		</view> -->
	</view>
20201210
962a187e
 
倪静楠 authored
96 97 98 
	<view class="bottomHint" wx:if="{{bottomHint}}">
     我是有底线的~
	</view>
1128
cdf7b766
 
倪静楠 authored
99 100 101 102 103 104 105 106 107 108 109 110 111 
</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">
上下刷新
2958112f
 
倪静楠 authored
112 
		<view class="bottom_left_item" catchtap="myKefu">
1128
cdf7b766
 
倪静楠 authored
113 114 115 116 
			<image src="/images/01-03/kefu.png"></image>
			<view>客服</view>
		</view>
		<view class="bottom_left_item" catchtap="goCart">
20201210
962a187e
 
倪静楠 authored
117 
			<view class="count_cart">{{cartGoodNum}}</view>
1128
cdf7b766
 
倪静楠 authored
118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 
			<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}}">
位置授权
c9093c1c
 
倪静楠 authored
138 
		<view class="bottom_right_right_two" catchtap="immediatelyPay1">立即兑换</view>
1128
cdf7b766
 
倪静楠 authored
139 140 141 142 
	</view>
</view>
<!-- 选择规格弹框 -->
<view class="mask" catchtap="closeMaskSku" wx:if='{{showMaskSku}}'>
1128
4a8e7381
 
倪静楠 authored
143 144 145 146 
	<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>
1128
cdf7b766
 
倪静楠 authored
147 148 149 150 
		</view>
	</view>
</view>
<!-- 加入购物车弹框 -->
位置授权
c9093c1c
 
倪静楠 authored
151 
<!-- <view class="mask" catchtap="closeMask" wx:if='{{showMask}}'>
1128
cdf7b766
 
倪静楠 authored
152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 
	<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>
位置授权
c9093c1c
 
倪静楠 authored
169 170 
		<view>
		</view>
1128
cdf7b766
 
倪静楠 authored
171 172 173 174 175 176 177 178 179 180 181 182 
		<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>
位置授权
c9093c1c
 
倪静楠 authored
183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 
</view> -->
<view class="mask" catchtap="closeMask" wx:if='{{showMask}}'>
  <view class="diceng" catchtap="openMask">
    <view class="info">
      <image src="{{goodsData.goodsBanners[0]}}"></image>
      <view class="info_right">
				<view class="info_name">{{goodsData.goodsName}}</view>
        <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="spec">
      <view class="{{idx==index?'specItem1':'specItem'}}" wx:for="{{goodsData.list}}" bindtap="check"
        data-index="{{index}}" data-id="{{item.goodsSkuId}}">{{item.goodsSkuName}}</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>
1128
cdf7b766
 
倪静楠 authored
217 218 219 220 221 222 223 
</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">
位置授权
c9093c1c
 
倪静楠 authored
224 
				<view class="info_name">{{goodsData.goodsName}}</view>
1128
cdf7b766
 
倪静楠 authored
225 226 227 228 229 230 231 232 233 234 235 236 237 
				<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>
位置授权
c9093c1c
 
倪静楠 authored
238 239 240 241 242 243 244 245 246 247 248 249 
		<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="spec">
      <view class="{{idx==index?'specItem1':'specItem'}}" wx:for="{{goodsData.list}}" bindtap="check"
        data-index="{{index}}" data-id="{{item.goodsSkuId}}">{{item.goodsSkuName}}</view>
    </view>
1128
cdf7b766
 
倪静楠 authored
250 251 252 253 254 255 256 257 258 259 260 261 262 
		<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>