Skip to content

G
gxpt_wechat
Commit 50efed67 by zhangzhen
Options

细节优化

parent 59c8e7fa
Showing with 70 additions and 48 deletions
components/login/login.vue
......@@ -92,6 +92,7 @@
register(registData).then(res => {
uni.hideLoading();
if (res.data.code == 200) {
uni.setStorageSync('loginStatus', res.data.data.type)
uni.setStorageSync('tokenHeaders', "Authori-zation")
uni.setStorage({
key: uni.getStorageSync('tokenHeaders'),
......
pages/my/myInfo.vue
......@@ -47,9 +47,9 @@
<text class="text-gray">修改资料</text>
</view>
<view v-if="loginStatus" class="nav-right nav-right-2" @tap.stop="onNavToShare">
<!-- <view v-if="loginStatus" class="nav-right nav-right-2" @tap.stop="onNavToShare">
<text class="text-gray">邀请有礼</text>
</view>
</view> -->
</view>
<view class="remeber-info-box">
......@@ -142,7 +142,7 @@
</view>
<view class="flex-row-center">
<view class="item-box" @tap="onNavToRecords(1)">
<view class="icon-img">
<view class="icon-img bg-pink-wallet">
<image :src="assetsPath+'/user/wallet_icon_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
......@@ -153,7 +153,7 @@
</view>
</view>
<view class="item-box" @tap="onNavToRecords(2)">
<view class="icon-img">
<view class="icon-img bg-pink-wallet">
<image :src="assetsPath+'/user/wallet_icon_2.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
......@@ -164,7 +164,7 @@
</view>
</view>
<view class="item-box" @tap="onNavToRecords(3)">
<view class="icon-img">
<view class="icon-img bg-pink-wallet">
<image :src="assetsPath+'/user/wallet_icon_3.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
......@@ -175,20 +175,20 @@
</view>
</view>
<view class="item-box" @tap="onNavByPath('couponList')">
<view class="icon-img">
<view class="icon-img bg-pink-wallet">
<image :src="assetsPath+'/user/wallet_icon_4.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">优惠券</text>
</view>
<view class="value-box">
<view class="value-box ">
<text class="text-black text-lg text-bold">{{userInfo.number|| 0}}</text>
</view>
</view>
<view class="item-box" @tap="onNavByPath('equityFundLog')">
<view class="icon-img">
<image :class="userInfo.consumerMember && userInfo.consumerMember.isRights?'':'filter-box'" :src="assetsPath+'/user/wallet_icon_1.png'" mode="scaleToFill"></image>
<view class="icon-img bg-pink-wallet" :class="userInfo.consumerMember && userInfo.consumerMember.isRights?'':'filter-box'">
<image :src="assetsPath+'/user/wallet_icon_5.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">权益金</text>
......@@ -211,15 +211,13 @@
</view>
<view class="flex-row-center">
<view v-for="(item,k) in orderTypeList" :key="k" class="item-box" @tap="onNavToOrderRecord(item)">
<view class="icon-img">
<image :src="item.iconPath" mode="scaleToFill"></image>
<view v-if="item.point" class="point-box">
<text>{{item.point}}</text>
<view class="icon-img order-status">
<image class="img-bg" :src="item.iconPath" mode="widthFix"></image>
<view class="point-box">
<text class="order-text" :class="'order-text-'+k">{{item.label}}</text>
<text class="text-white">{{item.point || 0}}</text>
</view>
</view>
<view class="text-box">
<text class="text-gray">{{item.label}}</text>
</view>
</view>
</view>
</view>
......@@ -233,7 +231,7 @@
<view class="flex-row-center tool-list">
<view v-if="userInfo.consumerMember && userInfo.consumerMember.isRecharge" class="item-box" @tap="onNavByPath('recharge')">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_4.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_4_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">充值记录</text>
......@@ -241,23 +239,12 @@
</view>
<view v-if="userInfo.consumerMember && userInfo.consumerMember.isRights" class="item-box" @tap="onNavByPath('equity')">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_4.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_4_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">购买记录</text>
</view>
</view>
<!-- <view v-if="userInfo.consumerMember && userInfo.consumerMember.isRights" class="item-box" @tap="onNavByPath('equityFundLog')">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_4.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">收益明细</text>
</view>
</view> -->
</view>
<view class="item-box" @tap="onNavByPath('payRecord')">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_5.png'" mode="scaleToFill"></image>
......@@ -268,7 +255,7 @@
</view>
<view class="item-box" @tap="onNavByPath('licensePlateNumber')">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_1.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_1_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">我的车辆</text>
......@@ -276,7 +263,7 @@
</view>
<view class="item-box" @tap="onHandle(1)">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_2.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_2_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">客服咨询</text>
......@@ -284,7 +271,7 @@
</view>
<view class="item-box" @tap="onHandle(2)">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_3.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_3_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">WIFI连接</text>
......@@ -292,7 +279,7 @@
</view>
<view class="item-box" @tap="onNavByPath('storeList')">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_6.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_6_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">全国门店</text>
......@@ -300,7 +287,7 @@
</view>
<view class="item-box" @tap="onNavByPath('useCouponIllustrate')">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_7.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_7_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">联系我们</text>
......@@ -308,7 +295,7 @@
</view>
<view v-if="loginStatus" class="item-box" @tap="onShareByQrcode">
<view class="icon-img">
<image :src="assetsPath+'/user/tool_7.png'" mode="scaleToFill"></image>
<image :src="assetsPath+'/user/tool_8_1.png'" mode="scaleToFill"></image>
</view>
<view class="text-box">
<text class="text-gray">二维码分享</text>
......@@ -526,25 +513,25 @@
orderTypeList:[
{
label:"已预约",
iconPath:config.assetsPath+"/user/order_icon_1.png",
iconPath:config.assetsPath+"/user/icon1.png",
value:1,
point:0
},
{
label:"使用中",
iconPath:config.assetsPath+"/user/order_icon_1.png",
iconPath:config.assetsPath+"/user/icon2.png",
value:2,
point:0
},
{
label:"已使用",
iconPath:config.assetsPath+"/user/order_icon_2.png",
iconPath:config.assetsPath+"/user/icon3.png",
value:3,
point:0
},
{
label:"已取消",
iconPath:config.assetsPath+"/user/order_icon_3.png",
iconPath:config.assetsPath+"/user/icon4.png",
value:4,
point:0
}
......@@ -1193,21 +1180,55 @@
.point-box{
position: absolute;
top: 0;
right: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #e40583;
width: 4vw;
height: 4vw;
border-radius: 50%;
color: #ffffff;
font-size: 20upx;
// width: 100%;
height: 100%;
}
}
.bg-pink-wallet{
background-color: #FDF0F8;
}
.text-box{
margin: 0 0 4upx;
}
.order-status{
width: 100%;
.img-bg{
width: 100%;
max-height: 100upx;
}
.point-box{
padding-left: 14upx;
display: flex;
.order-text{
font-size: 24rpx;
color: #FFFFFF;
margin-bottom: 4upx;
}
.text-white{
font-size: 22upx;
margin-bottom: 6upx;
}
.order-text-0{
text-shadow: 0rpx 2rpx 6rpx rgba(228,5,131,0.5);
}
.order-text-1{
text-shadow: 0rpx 2rpx 6rpx rgba(5,73,228,0.5);
}
.order-text-2{
text-shadow: 0rpx 2rpx 6rpx rgba(228,57,5,0.5);
}
.order-text-3{
text-shadow: 0rpx 2rpx 6rpx rgba(199,5,228,0.5);
}
}
}
}
}
.tool-list{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment