|
@@ -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;
|