fix(user-tag): 用户标签放到手机号右侧(同行展示)
调整布局:标签从单独一行移到 .num(手机号)行内,靠右排开 - flex:1 + min-width:0 占满剩余宽度避免挤压编辑图标 - 仍保持半透明白胶囊样式 - 与会员等级胶囊在同一视觉层级,不破坏顶部信息区结构 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -21,19 +21,19 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 用户标签:在会员等级下方展示 -->
|
|
||||||
<view class="user-tags" v-if="userInfo && uid && userInfo.tagName">
|
|
||||||
<text
|
|
||||||
class="user-tag"
|
|
||||||
v-for="(tag, idx) in String(userInfo.tagName).split(',').filter(Boolean)"
|
|
||||||
:key="idx"
|
|
||||||
>{{ tag }}</text>
|
|
||||||
</view>
|
|
||||||
<view class="num" v-if="userInfo && userInfo.phone && uid">
|
<view class="num" v-if="userInfo && userInfo.phone && uid">
|
||||||
<view class="num-txt">{{userInfo.phone}}</view>
|
<view class="num-txt">{{userInfo.phone}}</view>
|
||||||
<view class="icon">
|
<view class="icon">
|
||||||
<image :src="urlDomain+'crmebimage/perset/staticImg/edit.png'" mode=""></image>
|
<image :src="urlDomain+'crmebimage/perset/staticImg/edit.png'" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
|
<!-- 用户标签:在会员等级下方手机号右侧展示 -->
|
||||||
|
<view class="user-tags" v-if="userInfo.tagName">
|
||||||
|
<text
|
||||||
|
class="user-tag"
|
||||||
|
v-for="(tag, idx) in String(userInfo.tagName).split(',').filter(Boolean)"
|
||||||
|
:key="idx"
|
||||||
|
>{{ tag }}</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="phone" v-if="!userInfo.phone && isLogin" @tap="bindPhone">绑定手机号</view>
|
<view class="phone" v-if="!userInfo.phone && isLogin" @tap="bindPhone">绑定手机号</view>
|
||||||
<!-- #ifdef APP-PLUS -->
|
<!-- #ifdef APP-PLUS -->
|
||||||
@@ -606,12 +606,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* 用户标签(test-0415 后续:会员等级下方展示) */
|
/* 用户标签:会员等级下方、手机号右侧排开 */
|
||||||
.user-tags {
|
.user-tags {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 8rpx;
|
gap: 8rpx;
|
||||||
margin-top: 8rpx;
|
margin-left: 16rpx;
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
|
||||||
.user-tag {
|
.user-tag {
|
||||||
padding: 2rpx 16rpx;
|
padding: 2rpx 16rpx;
|
||||||
|
|||||||
Reference in New Issue
Block a user