统一用户信息付费查看
This commit is contained in:
@@ -106,35 +106,43 @@
|
||||
</div>
|
||||
|
||||
{{-- 详细信息区:外层 x-show 控制显隐,内层单独写 flex 避免被 Alpine 覆盖 --}}
|
||||
<div x-show="userInfo.exp_num !== undefined" style="margin-top: 12px;">
|
||||
<div x-show="userInfo.username" style="margin-top: 12px;">
|
||||
<div style="display: flex; flex-direction: row; gap: 8px;">
|
||||
<!-- 经验 -->
|
||||
<div
|
||||
style="flex: 1; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
|
||||
<span style="color: #64748b; font-size: 11px; margin-bottom: 2px;">经验</span>
|
||||
<span x-text="userInfo.exp_num"
|
||||
style="font-weight: 700; color: #4f46e5; font-size: 14px;"></span>
|
||||
<span x-text="displayAssetValue('exp_num')"
|
||||
x-on:click="revealAssetValue('exp_num')"
|
||||
:title="assetValueTitle('exp_num')"
|
||||
:style="assetValueStyle('exp_num', '#4f46e5')"></span>
|
||||
</div>
|
||||
<!-- 金币 -->
|
||||
<div
|
||||
style="flex: 1; background: #fdfae8; border: 1px solid #fef08a; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
|
||||
<span style="color: #b45309; font-size: 11px; margin-bottom: 2px;">金币</span>
|
||||
<span x-text="userInfo.jjb"
|
||||
style="font-weight: 700; color: #d97706; font-size: 14px;"></span>
|
||||
<span x-text="displayAssetValue('jjb')"
|
||||
x-on:click="revealAssetValue('jjb')"
|
||||
:title="assetValueTitle('jjb')"
|
||||
:style="assetValueStyle('jjb', '#d97706')"></span>
|
||||
</div>
|
||||
<!-- 存款 -->
|
||||
<div
|
||||
style="flex: 1; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
|
||||
<span style="color: #047857; font-size: 11px; margin-bottom: 2px;">存款</span>
|
||||
<span x-text="userInfo.bank_jjb"
|
||||
style="font-weight: 700; color: #059669; font-size: 14px;"></span>
|
||||
<span x-text="displayBankBalance()"
|
||||
x-on:click="revealBankBalance()"
|
||||
:title="bankBalanceTitle()"
|
||||
:style="bankBalanceStyle()"></span>
|
||||
</div>
|
||||
<!-- 魅力 -->
|
||||
<div
|
||||
style="flex: 1; background: #fdf2f8; border: 1px solid #fbcfe8; border-radius: 6px; padding: 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center;">
|
||||
<span style="color: #be185d; font-size: 11px; margin-bottom: 2px;">魅力</span>
|
||||
<span x-text="userInfo.meili"
|
||||
style="font-weight: 700; color: #db2777; font-size: 14px;"></span>
|
||||
<span x-text="displayAssetValue('meili')"
|
||||
x-on:click="revealAssetValue('meili')"
|
||||
:title="assetValueTitle('meili')"
|
||||
:style="assetValueStyle('meili', '#db2777')"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user