fix(user-center): 防止大额资产金额断行
This commit is contained in:
1 parent
e7ffb44b45
commit
56d1b2a417
9 files changed
+59
-5
No files matched your search
@@ -15,7 +15,7 @@
|
||||
/* Dual asset row — layout only (no outer mega-card). Desktop: 1 row; mobile: 2 rows. */
|
||||
.uc-assets-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: 12px;
|
||||
margin-bottom: 10px;
|
||||
background: transparent;
|
||||
@@ -65,10 +65,15 @@
|
||||
grid-column: auto;
|
||||
grid-row: auto;
|
||||
}
|
||||
.uc-asset-card__body {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
/* One surface per asset (wallet / points) — never nest inside another card shell */
|
||||
.uc-asset-card {
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: var(--main-bg-color, var(--surface-1, #fff));
|
||||
@@ -78,6 +83,11 @@
|
||||
padding: 16px 20px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* Amount keeps its row; actions wrap below as a whole when space runs out. */
|
||||
.uc-asset-card__body {
|
||||
flex-wrap: wrap;
|
||||
row-gap: 10px;
|
||||
}
|
||||
/* Card-pass under a col must not look like a second stacked card */
|
||||
.uc-assets-col > .uc-card-pass {
|
||||
margin: 0;
|
||||
@@ -95,6 +105,12 @@
|
||||
color: var(--main-color, #4e5358);
|
||||
}
|
||||
.uc-asset-card__amount {
|
||||
flex: none;
|
||||
max-width: 100%;
|
||||
white-space: nowrap;
|
||||
font-variant-numeric: tabular-nums;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 1.75rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@@ -62,9 +62,10 @@
|
||||
var points = data.credit_balance !== undefined ? data.credit_balance : data.points_balance;
|
||||
if (wallet !== undefined && wallet !== null && wallet !== '') {
|
||||
var walletNumber = Number(wallet);
|
||||
var walletText = Number.isFinite(walletNumber) ? walletNumber.toFixed(2) : String(wallet);
|
||||
var walletText = Number.isFinite(walletNumber) ? walletNumber.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : String(wallet);
|
||||
document.querySelectorAll('[data-aksrt-wallet-value]').forEach(function (element) {
|
||||
element.textContent = walletText;
|
||||
element.title = walletText;
|
||||
});
|
||||
}
|
||||
if (points !== undefined && points !== null && points !== '') {
|
||||
@@ -72,6 +73,7 @@
|
||||
var pointsText = Number.isFinite(pointsNumber) ? pointsNumber.toLocaleString() : String(points);
|
||||
document.querySelectorAll('[data-aksrt-points-value]').forEach(function (element) {
|
||||
element.textContent = pointsText;
|
||||
element.title = pointsText;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -117,6 +117,7 @@
|
||||
notyf(result.json.message || '签到成功', 'success', 5, 'aksrt-balance-signin-toast');
|
||||
document.querySelectorAll('[data-credits-value]').forEach(function (element) {
|
||||
element.textContent = Number(result.json.balance || 0).toLocaleString();
|
||||
element.title = element.textContent;
|
||||
});
|
||||
setButtonState('done');
|
||||
refresh();
|
||||
|
||||
Reference in new issue
Block a user