lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

个人页面增加 会员显示

Browse Source
This commit is contained in:
流星
2026-04-11 13:24:15 +08:00
parent c30b518105
commit 12fd0558d9
1 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
resources/views/chat/partials/user-actions.blade.php
View File

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