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:
msh-agent
2026-05-03 03:56:54 +08:00
parent a9686c7d45
commit bddce0794f

View File

@@ -21,19 +21,19 @@
</view>
</view>
</view>
<!-- 用户标签在会员等级下方展示 -->
<view class="user-tags" v-if="userInfo && uid && userInfo.tagName">
<view class="num" v-if="userInfo && userInfo.phone && uid">
<view class="num-txt">{{userInfo.phone}}</view>
<view class="icon">
<image :src="urlDomain+'crmebimage/perset/staticImg/edit.png'" mode=""></image>
</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 class="num" v-if="userInfo && userInfo.phone && uid">
<view class="num-txt">{{userInfo.phone}}</view>
<view class="icon">
<image :src="urlDomain+'crmebimage/perset/staticImg/edit.png'" mode=""></image>
</view>
</view>
<view class="phone" v-if="!userInfo.phone && isLogin" @tap="bindPhone">绑定手机号</view>
<!-- #ifdef APP-PLUS -->
@@ -606,12 +606,14 @@
}
}
}
/* 用户标签test-0415 后续:会员等级下方展示) */
/* 用户标签:会员等级下方、手机号右侧排开 */
.user-tags {
display: flex;
flex-wrap: wrap;
gap: 8rpx;
margin-top: 8rpx;
margin-left: 16rpx;
flex: 1;
min-width: 0;
.user-tag {
padding: 2rpx 16rpx;