个人页面增加 会员显示

This commit is contained in:
2026-04-11 13:24:15 +08:00
parent c30b518105
commit 12fd0558d9
@@ -622,26 +622,31 @@
'color: deeppink' : '')"></span> 'color: deeppink' : '')"></span>
</h4> </h4>
{{-- VIP + 在职职务:一行显示,外框宽度自适应内容 --}} {{-- VIP + 在职职务:强制一行显示 --}}
<div x-show="userInfo.vip.Name || userInfo.position_name" <div x-show="userInfo.vip?.Name || userInfo.position_name"
style="display: flex; align-items: center; gap: 6px; margin-top: 6px; flex-wrap: wrap;"> style="display: inline-flex; align-items: center; gap: 6px; margin-top: 6px;
flex-wrap: nowrap; white-space: nowrap; overflow: hidden;">
{{-- VIP 标签 --}} {{-- VIP 标签 --}}
<div x-show="userInfo.vip.Name" <div x-show="userInfo.vip?.Name"
style="display: inline-flex; align-items: center; gap: 4px; width: fit-content; max-width: 100%; style="display: inline-flex; align-items: center; gap: 4px;
padding: 2px 10px; background: #fff7ed; border: 1px solid #fdba74; width: fit-content; padding: 2px 10px;
border-radius: 999px; font-size: 11px; color: #ea580c; font-weight: bold; background: #fff7ed; border: 1px solid #fdba74;
white-space: nowrap; flex: 0 0 auto;"> border-radius: 999px; font-size: 11px;
<span style="font-size: 12px;"x-text="userInfo.vip.Icon"></span> color: #ea580c; font-weight: bold;
<span x-text="userInfo.vip.Name"></span> flex: 0 0 auto; white-space: nowrap;">
<span style="font-size: 12px;" x-text="userInfo.vip?.Icon"></span>
<span x-text="userInfo.vip?.Name"></span>
</div> </div>
{{-- 在职职务标签 --}} {{-- 在职职务标签 --}}
<div x-show="userInfo.position_name" <div x-show="userInfo.position_name"
style="display: inline-flex; align-items: center; gap: 4px; width: fit-content; max-width: 100%; style="display: inline-flex; align-items: center; gap: 4px;
padding: 2px 10px; background: #f3e8ff; border: 1px solid #d8b4fe; width: fit-content; padding: 2px 10px;
border-radius: 999px; font-size: 11px; color: #7c3aed; font-weight: bold; background: #f3e8ff; border: 1px solid #d8b4fe;
white-space: nowrap; flex: 0 0 auto;"> border-radius: 999px; font-size: 11px;
color: #7c3aed; font-weight: bold;
flex: 0 0 auto; white-space: nowrap;">
<span x-text="userInfo.position_icon || '🎖️'" style="font-size: 12px;"></span> <span x-text="userInfo.position_icon || '🎖️'" style="font-size: 12px;"></span>
<span x-text="(userInfo.department_name ? userInfo.department_name + ' · ' : '') + userInfo.position_name"></span> <span x-text="(userInfo.department_name ? userInfo.department_name + ' · ' : '') + userInfo.position_name"></span>
</div> </div>