购物车修改

taiyuan
1 parent 97f2464f
Showing 5 changed files with 137 additions and 63 deletions
pages/cart/cart/cart.wxml
pages/cart/cart/cart.wxss
pages/cart/cart2/cart2.js
pages/cart/cart2/cart2.wxml
pages/cart/cart2/cart2.wxss
@@ -114,7 +114,7 @@
  
               </view>
               <view class="count">
-                <view bindtap="subNum" class="sub fs28" data-pitems="{{pidx}}" data-item="{{idx}}">一</view>
+                <view bindtap="{{items.goods_num <= 1 ? '':'subNum'}}" class="sub fs28 {{items.goods_num <= 1 ? 'active':''}}" data-pitems="{{pidx}}" data-item="{{idx}}">一</view>
                 <input class="goodadd" bindblur="valueToNum" data-pitems="{{pidx}}" data-item="{{idx}}"
 				   bindinput="refresh_input"
 				   type="number" value="{{items.goods_num}}"></input>
@@ -362,3 +362,8 @@ page {
   padding: 0;
   vertical-align: top;
 }
+
+.sub.active {
+	/* background-color: #ddd; */
+	color: #ccc;
+}
@@ -108,14 +108,17 @@ Page({
     order_prom_list_cart:null,
  
     ispt_goods:0,       //是否平摊至单品，0要平摊 1不平摊
-	rank_switch:0,      //是不是开同等级卡
-	show_card:null,     //显示的等级卡
-	card_name:'',       //显示的卡的名称
-	card_cut_price:null,//减价多少钱  
-	
-	show_submit:0,      //提交按钮变正常显示 
-	is_get_offline:1,
+		
+		rank_switch:0,      //是不是开同等级卡
+		show_card:null,     //显示的等级卡
+		card_name:'',       //显示的卡的名称
+		card_cut_price:null,//减价多少钱  
+		
+		show_submit:0,      //提交按钮变正常显示 
+		is_get_offline:1,
  
+		tabs: ['门店自提','快递邮寄'],
+		currentTabIndex: 1,
   },
   onLoad: function(t) {
     wx.setNavigationBarTitle({ title: "填写订单",})
@@ -3423,7 +3426,17 @@ Page({
         //是不是线下
         var is_get_offline=item.is_offline;
         this.setData({pop_offline_index:index,is_offline_show:1,show_off_price:off_price.toFixed(2),is_get_offline:is_get_offline});
-    }
+    },
+		
+		
+		clickTab(e) {
+			// console.log(e);
+			let index = e.currentTarget.dataset.index;
+			this.setData({
+				currentTabIndex: index,
+			});
+			this.setexptype_w(e);
+		}, 
  
  
  
@@ -4,18 +4,30 @@
  
 <form bindsubmit="submitForm">
 	<view class="container">
+		<view class="tab-container">
+			<view class="tab-wrapper">
+				<block wx:for="{{tabs}}">
+					<view class="tab {{currentTabIndex == index ? 'active':''}}" data-t='{{!index ? 1:0}}' data-ind="0" data-txt='cartlist[0].exp_type' data-wl_txt='cartlist[0].wind' data-index="{{index}}" bindtap="clickTab">{{item}}</view>
+				</block>
+			</view>
+		</view>
 		<!--要进行判断地址是否显示---->	
 		<view bindtap="enterAddressPage" class="user-mes mgt20" hidden='{{(bn_exp_type==1 && is_b_now==1) || (is_all_zt==1 && is_b_now==0)}}'>
 			<!---默认地址显示------>
 			<block wx:if="{{user_addr!=null}}">
  
 				<view class="user-contact">
-					<text>收货人：</text>{{user_addr.consignee}}{{'　  '}}{{user_addr.mobile}}</view>
+					<text class="bold fs36 pdr20">{{user_addr.consignee}}</text>
+					<text class="fs28">{{user_addr.mobile}}</text>
+				</view>
 				<view class="location">
-					<view class="address">{{user_addr.more_address}}{{' '}}{{user_addr.address}}</view>
-					<view class="pos-icon">
-						<image class="wh100 bdr14" src="{{imgUrl}}/miniapp/images/goodscategory/new_position.png"></image>
+					<view class="address fs26 pdt20">
+						<view class="pos-icon">
+							<image class="wh100 bdr14" src="{{imgUrl}}/miniapp/images/goodscategory/new_position.png"></image>
+						</view>
+						{{user_addr.more_address}}{{' '}}{{user_addr.address}}
 					</view>
+					
 				</view>
 				<view class="update-logistics">
 					<!-- <image class="arrow-rigth" src="{{imgUrl}}/miniapp/images/new_position.png"></image> -->
@@ -112,28 +124,31 @@
 						<icon color="#f23030" size="16" type="info"></icon>
 						{{order.store_prom}}
 					</view>
-					<view class="use-item flex-space-between">
-						<view class="flex-vertical">
-							<view bindtap='setexptype_w' data-ind="{{pidx}}" data-t='1' data-txt='cartlist[{{pidx}}].exp_type' style="padding-right:26rpx;display:{{item.distr_t==2?'none':'flex;align-items: center'}};">
+					
+					<view class="use-item flex-space-between"  wx:if="{{item.exp_type==0}}">
+						<!-- <view class="flex-vertical"> -->
+							<!-- <view bindtap='setexptype_w' data-ind="{{pidx}}" data-t='1' data-txt='cartlist[{{pidx}}].exp_type' style="padding-right:26rpx;display:none"> -->
+							<!-- <view bindtap='setexptype_w' data-ind="{{pidx}}" data-t='1' data-txt='cartlist[{{pidx}}].exp_type' style="padding-right:26rpx;display:{{item.distr_t==2?'none':'flex;align-items: center'}};"> -->
 								<!-- <icon  bindtap='setexptype_w' data-t='1' data-txt='cartlist[{{pidx}}].exp_type'  color="{{item.exp_type==1?'red':'gray'}}" size="16" type="success"></icon> -->
  
  
  
-								<block wx:if="{{item.exp_type==1}}">
+								<!-- <block wx:if="{{item.exp_type==1}}">
 									<!-- <view class="circle white xc-hookt fs20 red-b  sn"><text>Γ</text></view> -->
-									<icon data-t='0' data-txt='cartlist[{{pidx}}].exp_type' color="red" size="16" type="success"></icon>
-								</block>
-								<block wx:else>
+									<!-- <icon data-t='0' data-txt='cartlist[{{pidx}}].exp_type' color="red" size="16" type="success"></icon> -->
+								<!-- </block> -->
+								<!-- <block wx:else>
 									<view class="circle  xc-hookts on"></view>
-								</block>
-								<view bindtap='setexptype_w' data-ind="{{pidx}}" data-t='1' data-txt='cartlist[{{pidx}}].exp_type' class="yu_er">门店自提</view>
-							</view>
+								</block> -->
+								<!-- <view bindtap='setexptype_w' data-ind="{{pidx}}" data-t='1' data-txt='cartlist[{{pidx}}].exp_type' class="yu_er">门店自提</view> -->
+							<!-- </view> -->
  
-							<view data-t='0' data-txt='cartlist[{{pidx}}].exp_type' data-ind="{{pidx}}" bindtap="setexptype_w" style="display:{{item.distr_t==1?'none':'flex;align-items: center'}};">
+							<!-- <view data-t='0' data-txt='cartlist[{{pidx}}].exp_type' data-ind="{{pidx}}" bindtap="setexptype_w" style="display:none;"> -->
+							<!-- <view data-t='0' data-txt='cartlist[{{pidx}}].exp_type' data-ind="{{pidx}}" bindtap="setexptype_w" style="display:{{item.distr_t==1?'none':'flex;align-items: center'}};"> -->
 								<!-- <icon bindtap='setexptype_w' data-t='0' data-txt='cartlist[{{pidx}}].exp_type'  color="{{item.exp_type==0?'red':'gray'}}" size="16" type="success"></icon> -->
-								<block wx:if="{{item.exp_type==0}}">
+								<!-- <block wx:if="{{item.exp_type==0}}">
 									<!-- <view class="circle white xc-hookt fs20 red-b  sn"><text>Γ</text></view> -->
-									<icon data-t='0' data-txt='cartlist[{{pidx}}].exp_type' color="red" size="16" type="success"></icon>
+									<!-- <icon data-t='0' data-txt='cartlist[{{pidx}}].exp_type' color="red" size="16" type="success"></icon>
 								</block>
 								<block wx:else>
 									<view class="circle  xc-hookts on"></view>
@@ -141,16 +156,24 @@
  
 								<view bindtap='setexptype_w' data-t='0' data-ind="{{pidx}}" data-txt='cartlist[{{pidx}}].exp_type' data-wl_txt='cartlist[{{pidx}}].wind'
 								 class="yu_er">快递邮寄</view>
-							</view>
+							</view> -->
+							<view>配送方式</view>
+							<block wx:if="{{item.exp_type==0}}">
+								<!-- 点击显示物流选择 -->
+								<view class="flex-vertical" bindtap="show_wu_arr" data-txt='cartlist[{{pidx}}].wind' data-w_sele_index="{{pidx}}" style="padding-right:6rpx;">
+									<view>{{wu_arr[item.wind].name}}</view>
+									<view class="xc-right"></view>
+								</view>
+							</block>
 						</view>
-						<block wx:if="{{item.exp_type==0}}">
+						<!-- <block wx:if="{{item.exp_type==0}}"> -->
 							<!-- 点击显示物流选择 -->
-							<view class="flex-vertical" bindtap="show_wu_arr" data-txt='cartlist[{{pidx}}].wind' data-w_sele_index="{{pidx}}" style="padding-right:6rpx;">
+							<!-- <view class="flex-vertical" bindtap="show_wu_arr" data-txt='cartlist[{{pidx}}].wind' data-w_sele_index="{{pidx}}" style="padding-right:6rpx;">
 								<view>{{wu_arr[item.wind].name}}</view>
 								<view class="xc-right"></view>
 							</view>
-						</block>
-					</view>
+						</block> -->
+					<!-- </view> -->
  
 					<!-- <view bindtap="express_name" class="use-item" hidden='{{item.exp_type==1}}'>
                           <view>选择物流：</view> -->
@@ -321,14 +344,15 @@
  
 				<view class="use-item flex-space-between">
 					<view class="flex">
-						<view bindtap='setexptype' data-t='1' data-txt='cartlist[{{pidx}}].exp_type' style="padding-right:26rpx;display:{{bn_t_exp_t==2?'none':'flex;align-items:center;'}};">
+						<!-- <view bindtap='setexptype' data-t='1' data-txt='cartlist[{{pidx}}].exp_type' style="padding-right:26rpx;display:{{bn_t_exp_t==2?'none':'flex;align-items:center;'}};">
 							<icon color="{{bn_exp_type==1?'red':'gray'}}" size="16" type="success"></icon>
 							<view class="yu_er">门店自提</view>
-						</view>
-						<view bindtap='setexptype' data-t='0' data-txt='cartlist[{{pidx}}].exp_type' style="display:{{bn_t_exp_t==1?'none':'flex;align-items:center;'}};">
+						</view> -->
+						<!-- <view bindtap='setexptype' data-t='0' data-txt='cartlist[{{pidx}}].exp_type' style="display:{{bn_t_exp_t==1?'none':'flex;align-items:center;'}};">
 							<icon color="{{bn_exp_type==0?'red':'gray'}}" size="16" type="success"></icon>
 							<view class="yu_er">快递邮寄</view>
-						</view>
+						</view> -->
+						<view>配送方式</view>
 					</view>
 					<block wx:if="{{bn_exp_type==0}}">
 						<view class="flex-vertical" bindtap="show_wu_arr" data-txt='index'>
@@ -406,7 +430,7 @@
  
 	<view class="btn-wrap shadow-1" wx:if="{{show_submit}}">
 		<view class="pay-amount">
-			<view class="payable">应付金额：<text class="co-red">￥{{formData.order_amount}}</text></view>
+			<view class="payable">应付金额：<text class="co-red"><text class="fs24">￥</text>{{formData.order_amount}}</text></view>
 			<!-- <view class="co-red big"></view> -->
 		</view>
 		<button  class="tips-btn" formType="submit" id="submitOrder">提交订单</button>
@@ -20,6 +20,8 @@
 }
  
  
+
+
 page {
 	/* background-color: #FAFAFA; */
 	background-color: #F0F0F0;
@@ -31,6 +33,32 @@ page {
 	/* padding-top: 28rpx; */
 	padding-bottom: 120rpx;
 }
+
+.tab-container {
+	font-size: 28rpx;
+	margin-top: 20rpx;
+	display: flex;
+}
+
+.tab-wrapper {
+	background-color: #ccc;
+	display: flex;
+	border-radius: 40rpx;
+	overflow: hidden;
+}
+
+.tab {
+	padding: 20rpx 30rpx;
+	
+}
+
+
+.tab.active {
+	background-color: white;
+	border-radius: 40rpx;
+}
+
+
 .user-mes {
     position: relative;
     background-color: #fff;
@@ -38,23 +66,25 @@ page {
     color: #444;
 		/* margin-top: 28rpx; */
 		border-radius: 14rpx;
+		padding: 20rpx 70rpx 20rpx 20rpx;
 }
 .user-contact {
-    padding: 24rpx 26rpx;
-    font-weight: 600; 
+    /* padding: 24rpx 26rpx;
+    font-weight: 600; */ 
 }
  
 .location {
     position: relative;
-    padding: 0 70rpx 24rpx;
+    /* padding: 0 70rpx 24rpx; */
 }
  
 .pos-icon {
-    position: absolute;
-    left: 28rpx;
-    top: 6rpx;
-    width: 30rpx;
-    height: 36rpx;
+    /* position: absolute; */
+    /* left: 28rpx;
+    top: 6rpx; */
+    width: 20rpx;
+    height: 24rpx;
+		display: inline-block;
 }
  
 .border-img {
@@ -132,12 +162,12 @@ page {
 .use-item{
     display: flex;
     align-items: center;
-    height: 80rpx;
+    /* height: 80rpx; */
     /* border-bottom: 1px solid #ddd; */
-    font-size: 30rpx;
+    font-size: 26rpx;
   /* width:95%;
 margin:auto; */
-	padding: 0 26rpx;
+	padding: 20rpx;
 }
 .use-item>view{
    display: flex;
@@ -148,9 +178,9 @@ margin:auto; */
 }
 .use-item .dp{
 	display: block;
-	width: 50rpx;
-	height: 50rpx; 
-	margin-left: -6rpx;
+	width: 40rpx;
+	height: 40rpx; 
+	/* margin-left: -6rpx; */
 }
  
 .set-item {
@@ -182,11 +212,11 @@ margin:auto; */
  
 .coupon-mes {
 	/* box-sizing: border-box; */
-    height:95rpx;
-    padding: 0 26rpx;
+    /* height:95rpx; */
+    padding: 20rpx;
     background-color: #fff;
     font-size: 30rpx;
-    color: #444;
+    /* color: #444; */
     /* width: 100%; */
 		border-radius: 14rpx;
 		margin-top: 20rpx;
@@ -225,9 +255,9 @@ margin:auto; */
 .word-box {
     font-size: 26rpx;
     /* width: 600rpx; */
-    padding: 10rpx;
+    /* padding: 10rpx;
     height: 28rpx;
-    line-height: 40rpx;
+    line-height: 40rpx; */
 }
  
 .max-word {
@@ -237,7 +267,7 @@ margin:auto; */
 }
  
 .information {
-    padding: 0 26rpx;
+    /* padding: 20rpx; */
     background-color: #fff;
     /* margin-bottom: 120rpx; */
 }
@@ -245,10 +275,11 @@ margin:auto; */
 .information .item {
     display: flex;
     justify-content: space-between;
-    height: 60rpx;
-    line-height: 60rpx;
-    font-size: 26rpx;
-    color: #777;
+    /* height: 60rpx;
+    line-height: 60rpx; */
+    font-size: 24rpx;
+    /* color: #333; */
+		padding: 20rpx;
 }
  
 .btn-wrap {
@@ -364,12 +395,13 @@ margin:auto; */
 		background-color: white;
 }
 .xc-right{
-    width:20rpx;
-    height:20rpx;
+    width:12rpx;
+    height:12rpx;
     border-top:2rpx solid #000;
     border-right:2rpx solid #000;
     transform:rotate(45deg);
     display:inline-block;
+		margin-left: 10rpx;
 }
  
 .xc-coupon-frame .work-frame .work{ font-size: 30rpx; line-height: 92rpx; }
@@ -904,7 +936,7 @@ margin-left: 20rpx;
 .plus_buy{
 	background-color: #fff;
 	margin:15rpx 0;
-	padding: 20rpx 10rpx;
+	padding: 20rpx;
 	position: relative;
 }