Browse Source

个人中心常用工具新增购物车和在线客服

gcz 2 năm trước cách đây
mục cha
commit
009b6923b6
1 tập tin đã thay đổi với 34 bổ sung5 xóa
  1. 34 5
      center/center.vue

+ 34 - 5
center/center.vue

@@ -66,15 +66,23 @@
 		</view>
 		<view class="tools page-wrap">
 			<view class="title">常用工具</view>
-			<view class="u-flex u-row-left">
+			<view class="tools-wrap u-flex u-row-left">
 				<view class="tool-item" 
 					  v-for="(item,index) in tools" 
 					  @click="toolsClick(item)"
 					  :key="index">
-					<view class="up">
-						<u-icon :name="item.ico" color="#333333" size="60rpx"></u-icon>
-					</view>
-					<view class="down">{{item.name}}</view>
+					  <view class="" v-if="item.chat==1">
+					  	<button class="button-item" type="default" open-type="contact">
+							<u-icon :name="item.ico" color="#333333" size="60rpx"></u-icon>
+							<view style="margin-top: 10rpx;">在线客服</view>
+						</button>
+					  </view>
+					  <view class="" v-else>
+					  	<view class="up">
+					  		<u-icon :name="item.ico" color="#333333" size="60rpx"></u-icon>
+					  	</view>
+					  	<view class="down">{{item.name}}</view>
+					  </view>
 				</view>
 			</view>
 		</view>
@@ -123,6 +131,8 @@
 					// {name:'充值中心',url:'/center/recharge',ico:this.$commonConfig.staticUrl+'/img/tool-chongzhi.png'},
 					{name:'地址管理',url:'center/addrlist',ico:this.$commonConfig.staticUrl+'/img/tool-map.png',checkauth:true},
 					{name:'客服电话',phone:'',ico:this.$commonConfig.staticUrl+'/img/tool-phone.png'},
+					{name:'购物车',url:'shopping/cart',ico:this.$commonConfig.staticUrl+'/img/center-icon-cart.png',checkauth:true},
+					{name:'在线客服',chat:'1',ico:this.$commonConfig.staticUrl+'/img/center-icon-chat.png'},
 				]
 			}
 		},
@@ -169,6 +179,9 @@
 				  });
 				  return
 				}
+				if ('chat' in item) {
+					return
+				}
 				if(item.checkauth){
 					this.checkauth(item.url)
 				}else{
@@ -313,6 +326,11 @@ page{
 	}
 }
 .tools{
+	.tools-wrap{
+		background-color: #fff;
+		padding: 30rpx 0;
+		border-radius: 8rpx;
+	}
 	.tool-item{
 		margin-left: 40rpx;
 		text-align: center;
@@ -326,6 +344,17 @@ page{
 			line-height: 31rpx;
 		}
 	}
+	.button-item{
+		background-color: transparent;
+		line-height: 1;
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #666666;
+		border: 0;
+		padding: 0;
+		top: -2px;
+		&::after{border: initial;}
+	}
 }
 .pay-code-warp{
 	height: 100vh;