diancan/pages/shopcart/index.wxml

<!--index.wxml-->
<view class="{{ showGoodsSpec ? 'wrap limited' : 'wrap'}}">
	<view class="wrap_nr">
		<view class="{{ addGoodList && addGoodList.length != 0 ? 'tips addPos' : 'tips' }}" wx:if="{{ !isHaveGoods }}">购物车空空如也，去逛逛吧~</view>
		<view class="shopcar_wrap" wx:if="{{ isHaveGoods }}">	
			<view class="shopcar">
				<view class="goods_list">
					<van-checkbox-group value="{{ resultArr }}"  bind:change="onChangeResult">
					<van-swipe-cell right-width="{{ 65 }}"  wx:for="{{ cartGoods }}" wx:key="index">
						<van-cell-group>
							<!-- 普通商品 -->
							<view class="goods_item" wx:if="{{ !item.add_good_rule_id }}">
								<van-checkbox name="{{ item.id }}" checked-color="#295C56" class="checkboxes-{{ item.id }}" bind:tap="toggleGoods" data-id="{{ item.id }}"></van-checkbox>
								<image class="goods_tu" src="{{ imgUrl + item.good_thumb }}" bind:tap="onGoodsSpec" data-item="{{ item }}"></image>
								<view class="goods_info">
									<view bind:tap="onGoodsSpec" data-item="{{ item }}">
										<view class="goods_title">{{ item.good_title }}</view>
										<view class="goods_labels" wx:if="{{ item.good_specs_title }}">
											<view class="label">{{ item.good_specs_title }}</view>
										</view>
									</view>
									<view class="goods_specs">
										<view class="price">
											<text><text class="unit">¥</text>{{ item.price }}</text>
											<text class="vip">会员价{{'¥'+item.member_price}}</text>
										</view>
										<van-stepper value="{{ item.nums }}" input-width="40rpx" min="1" disable-input custom-class="stepper" plus-class="plus" minus-class="minus" input-class="step_input" bind:change="onChangeCartNum" data-item="{{ item}}" />
									</view>
								</view>
							</view>
							<!-- 活动加购商品 -->
							<view class="goods_item" wx:else>
								<van-checkbox name="{{ item.id }}" checked-color="#295C56" class="checkboxes-{{ item.id }}" bind:tap="toggleGoods" data-id="{{ item.id }}"></van-checkbox>
								<image class="goods_tu" src="{{ imgUrl + item.good_thumb }}" bind:tap="onGoodsSpec" data-item="{{ item }}"></image>
								<view class="goods_info">
									<view bind:tap="onGoodsSpec" data-item="{{ item }}">
										<view class="goods_title"><text class="add_tag">加购商品</text>{{ item.good_title }}</view>
										<view class="goods_labels" wx:if="{{ item.good_specs_title }}">
											<view class="label">{{ item.good_specs_title }}</view>
										</view>
									</view>
									<view class="goods_specs">
										<view class="price">
											<text><text class="unit">¥</text>{{ item.add_price }}</text>
											<text class="df_price">原价{{'¥'+item.price}}</text>
										</view>
										<van-stepper value="{{ item.nums }}" input-width="40rpx" min="1" async-change disable-input custom-class="stepper" plus-class="plus" minus-class="minus" input-class="step_input" bind:change="onChangeCartNum" data-item="{{ item}}" />
									</view>
								</view>
							</view>
						</van-cell-group>
						<view slot="right" class="goods_del" bind:tap="bindDel" data-item="{{ item }}">删除</view>
					</van-swipe-cell>
					</van-checkbox-group>
				</view>
				<view class="jiesuan_wrap">
					<!-- {{ is_member ? totalMemberPrice : totalPrice }} -->
					<view class="jiesuan_t">共计{{ totalNums }}个产品，总价 <text class="price"><text class="unit">¥</text>{{ totalPrice }}</text></view>
					<view class="jiesuan_b">
						<view class="jieusan_btn" bind:tap="toPay">去结算</view>
					</view>
				</view>
			</view>
		</view>
		<view class="{{ !isHaveGoods ? 'huangou_wrap addTipPos' : 'huangou_wrap' }}" wx:if="{{ addGoodList && addGoodList.length != 0 }}">
			<view wx:for="{{ addGoodList }}" wx:key="id">
				<view class="title">{{ item.title }}</view>
				<view class="huangou_list">
					<view class="huangou_item">
						<image class="goods_tu" src="{{ imgUrl + item.add_good.thumb }}" bind:tap="onAdGoodsSpec" data-item="{{ item }}"></image>
						<view class="goods_info">
							<view class="goods_title">{{ item.add_good.title }}</view>
							<view class="goods_info_b">
								<view class="goods_price">
									<text class="ac_price"><text class="unit">¥</text>{{ item.add_price }}</text>
									<text class="df_price"><text class="unit">¥</text>{{ item.add_good.base_price }}</text>
								</view>							
							</view>
							<view class="setp_w">
								<view class="guige_btn" wx:if="{{ item.add_good_rule_good_spec && item.add_good_rule_good_spec.length != 0 }}" bind:tap="onAdGoodsSpec" data-item="{{ item }}">选规格</view>
								<van-stepper wx:else value="{{ item.nums }}" input-width="40rpx" min="0" max="{{ item.add_num }}" disable-input custom-class="stepper" plus-class="plus" minus-class="minus" input-class="step_input" data-item="{{ item }}" bind:change="onChangeAdGoodsNum" />
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</view>
<!-- 详情弹层 -->
<van-overlay z-index="5" class-style="background: rgba(0,0,0,.3);" show="{{ showGoodsSpec }}" catch:tap="closeGoodsSpec"></van-overlay>
<view class="guige_wrap" wx:if="{{ showGoodsSpec }}">
	<view class="guige">
		<view class="guige_t">
			<image class="goods_thumb" mode="widthFix" src="{{ imgUrl+currentGoods.good_thumb }}"></image>
			<view class="guige_t_r">
				<view class="goods_name">
					<view class="goods_name_l">{{ currentGoods.good_title }}</view>
				</view>
				<view class="goods_desc" wx:if="{{ currentGoods.good_specs_title }}">
					<view class="goods_desc_nr slh">{{ currentGoods.good_specs_title }}</view>
				</view>
			</view>
		</view>
		<view class="guige_b">
			<view class="guige_b_l">
				<text class="price"><text class="unit">¥</text>{{ currentGoods.price }}</text>
				<text class="vip">会员价{{ '¥'+currentGoods.member_price }}</text>
			</view>
			<view class="">
				<van-stepper value="{{ currentGoods.nums }}" input-width="40rpx" min="1" disable-input custom-class="stepper" plus-class="plus" minus-class="minus" input-class="step_input" bind:change="onChangeCartNum" data-item="{{ currentGoods }}" />
			</view>
		</view>
	</view>
	<van-icon name="close" class="btn_close" color="#ffffff" size="30px" bind:tap="closeGoodsSpec" />
</view>
<!-- 加购商品详情 -->
<van-overlay z-index="5" class-style="background: rgba(0,0,0,.3);" show="{{ showAdGoodsSpec }}" catch:tap="closeAdGoodsSpec"></van-overlay>
<view class="guige_wrap" wx:if="{{ showAdGoodsSpec }}">
	<view class="guige">
		<view class="guige_t">
			<image class="goods_thumb" mode="widthFix" src="{{ imgUrl+currentAdGoods.add_good.thumb }}"></image>
			<view class="guige_t_r">
				<view class="goods_name">
					<view class="goods_name_l">{{ currentAdGoods.add_good.title }}</view>
				</view>
				<view class="goods_guige" wx:if="{{ currentAdGoods.add_good_rule_good_spec && currentAdGoods.add_good_rule_good_spec.length != 0 }}">
					<view class="goods_guige_name">规格</view>
					<view class="goods_guige_nr">
						<view class="{{ addgood_specs.is_checked ? 'guige_item selected' : 'guige_item' }}" wx:for="{{ currentAdGoods.add_good_rule_good_spec }}" wx:for-item="addgood_specs" wx:key="index" bind:tap="onChangeSpecGoods" data-specs="{{ addgood_specs }}">
							<view class="item_wenzi">
								<text>{{ addgood_specs.good_spec.title }}</text>
							</view>
						</view>
					</view>
				</view>
				<!-- <view class="goods_guige">
					<view class="goods_desc_nr" wx:if="{{ currentAdGoods.add_good_rule_good_spec.length == 0 }}">
						<view class="item_wenzi"><text>{{ currentAdGoods.add_good_specs.title }}</text></view>
					</view>
				</view> -->
				<!-- <view class="goods_desc" wx:if="{{ currentAdGoods.add_good_rule_good_spec }}">
					<view class="goods_desc_nr slh">{{ currentAdGoods.add_good_specs.title }}</view>
				</view> -->
			</view>
		</view>
		<view class="guige_b_wrap">
			<view class="guige_b" wx:if="{{ currentAdGoods.add_good_rule_good_spec && currentAdGoods.add_good_rule_good_spec.length != 0 }}">
				<view class="guige_b_l">
					<text class="price"><text class="unit">¥</text>{{ currentAdGoods.add_price }}</text>
					<text class="vip">原价{{ '¥'+currentAdGoodsSpec.good_spec.price }}</text>
				</view>
				<view class="">
					<van-stepper value="{{ currentAdGoodsSpec.nums }}" input-width="40rpx" min="0" max="{{ currentAdGoods.add_num }}" async-change disable-input custom-class="stepper" plus-class="plus" minus-class="minus" input-class="step_input" data-item="{{ currentAdGoodsSpec }}" bind:change="onChangeAdGoodsSpecNum" />
				</view>
			</view>
			<view class="guige_b" wx:else>
				<view class="guige_b_l">
					<text class="price"><text class="unit">¥</text>{{ currentAdGoods.add_price }}</text>
					<text class="vip">原价{{ '¥'+currentAdGoods.add_good.base_price }}</text>
				</view>
				<view class="">
					<van-stepper value="{{ currentAdGoods.nums }}" input-width="40rpx" min="0" max="{{ currentAdGoods.add_num }}" disable-input custom-class="stepper" plus-class="plus" minus-class="minus" input-class="step_input" data-item="{{ currentAdGoods }}" bind:change="onChangeAdGoodsNum" />
				</view>
			</view>
		</view>
	</view>
	<van-icon name="close" class="btn_close" color="#ffffff" size="30px" bind:tap="closeAdGoodsSpec" />
</view>
<!-- js -->
<wxs module="we">
	/* 字符串长度截取 */
	var strSlice = function(value) {
		if(value.length > 10){
			value = value.slice(0,6)+'...'
		};
		return value;
	};
	module.exports = {
		strSlice: strSlice
	}
</wxs>