|
|
@@ -2,14 +2,27 @@
|
|
|
<mobile-frame :frameStyle="frameStyle" @toPath="toPath">
|
|
|
<view class="main">
|
|
|
<view class="one">
|
|
|
- <view class="one_1">
|
|
|
+ <view class="one_1" v-if="!form._id">
|
|
|
<text class="iconfont icon-geren2" @click="toOrrder('logo')"></text>
|
|
|
<view class="name">未登录</view>
|
|
|
</view>
|
|
|
+ <view class="one_1" v-else>
|
|
|
+ <image :src="form.icon"></image>
|
|
|
+ <view class="name">
|
|
|
+ <text>{{form.name||'暂无'}}</text>
|
|
|
+ <text>普通会员</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="one_2">
|
|
|
- <text @click="toOrrder('收藏的商品')">收藏的商品</text>
|
|
|
+ <view class="one_2_1">
|
|
|
+ <text v-if="form._id">{{form.collect||0}}</text>
|
|
|
+ <text @click="toOrrder('收藏的商品')">收藏的商品</text>
|
|
|
+ </view>
|
|
|
<text class="link">|</text>
|
|
|
- <text @click="toOrrder('收藏的店铺')">收藏的店铺</text>
|
|
|
+ <view class="one_2_1">
|
|
|
+ <text v-if="form._id">{{form.collect||0}}</text>
|
|
|
+ <text @click="toOrrder('收藏的店铺')">收藏的店铺</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="two">
|
|
|
@@ -32,6 +45,8 @@
|
|
|
<view class="two_1" v-for="(item, index) in menuList" :key="index" @click="toOrrder(item.type)">
|
|
|
<view class="title">{{item.title}}</view>
|
|
|
<view class="title">
|
|
|
+ <text v-if="form._id&&item.title=='我的积分'">{{form.integral||0}}分</text>
|
|
|
+ <text v-if="form._id&&item.title=='客服电话'">{{form.phone||'123-345-6780'}}</text>
|
|
|
<text class="iconfont icon-dayufuhao"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -139,13 +154,21 @@
|
|
|
.one_1 {
|
|
|
margin: 0 0 5vw 0;
|
|
|
|
|
|
+ image {
|
|
|
+ width: 25vw;
|
|
|
+ height: 25vw;
|
|
|
+ border-radius: 25vw;
|
|
|
+ }
|
|
|
+
|
|
|
.iconfont {
|
|
|
font-size: 80px;
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
margin: 2vw 0;
|
|
|
- font-size: var(--font20Szie);
|
|
|
+ font-size: var(--font18Szie);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -153,7 +176,11 @@
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-around;
|
|
|
- font-size: var(--font18Szie);
|
|
|
+ font-size: var(--font16Szie);
|
|
|
+ .one_2_1{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
|
|
|
.link {
|
|
|
font-weight: bold;
|
|
|
@@ -172,21 +199,29 @@
|
|
|
margin: 0 0 0.1vw 0;
|
|
|
|
|
|
.title {
|
|
|
- font-size: var(--font18Szie);
|
|
|
+ font-size: var(--font16Szie);
|
|
|
}
|
|
|
|
|
|
.title:last-child {
|
|
|
color: var(--f85Color);
|
|
|
- font-size: var(--font16Szie);
|
|
|
+ font-size: var(--font14Size);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .two_1:nth-last-child(2) {
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .two_1:nth-last-child(4) {
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+ }
|
|
|
+
|
|
|
.two_2 {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
padding: 5vw;
|
|
|
background-color: var(--mainColor);
|
|
|
- margin: 0 0 0.1vw 0;
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
|
|
|
.orderList {
|
|
|
text-align: center;
|
|
|
@@ -200,7 +235,7 @@
|
|
|
.title {
|
|
|
display: inline-block;
|
|
|
margin: 2vw 0 0 0;
|
|
|
- font-size: var(--font16Szie);
|
|
|
+ font-size: var(--font12Size);
|
|
|
}
|
|
|
}
|
|
|
}
|
zs