fix(user-center): put wallet and points on one asset row

Drop nested zib-widget chrome on dual cards; one surface with
side-by-side cells (stack on mobile) instead of card-on-card.
This commit is contained in:
2026-07-17 15:20:21 +08:00
parent e5b5e57bdd
commit e24780386b
3 changed files with 35 additions and 6 deletions
+32 -2
View File
@@ -6,20 +6,50 @@
box-shadow: none;
}
/* Dual asset row */
/* Dual asset row — single surface, two cells side-by-side (stack on mobile) */
.uc-assets-row {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
gap: 0;
margin-bottom: 16px;
background: var(--main-bg-color, var(--surface-1, #fff));
border-radius: var(--main-radius, 8px);
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
border: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
overflow: hidden;
}
.uc-assets-row--dual {
grid-template-columns: 1fr 1fr;
}
.uc-assets-col {
min-width: 0;
}
.uc-assets-row--dual .uc-assets-col + .uc-assets-col {
border-left: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
}
@media (max-width: 767px) {
.uc-assets-row--dual {
grid-template-columns: 1fr;
}
.uc-assets-row--dual .uc-assets-col + .uc-assets-col {
border-left: 0;
border-top: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
}
}
/* Card cells sit flat inside the row surface — no nested card chrome */
.uc-assets-row .uc-asset-card,
.uc-assets-row .uc-asset-card.zib-widget {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
padding: 16px 20px;
clear: none;
}
.uc-assets-row .uc-card-pass {
margin: 0 16px 16px;
}
.uc-asset-card {
@@ -28,7 +28,7 @@ $points_buy_on = class_exists('\AKSRT\Credits\BalanceService') && \AKSRT\Credits
$points_buy_view = $points_buy_on ? \AKSRT\Credits\BalanceService::get_instance()->get_points_buy_view((int) ($user_id ?? 0)) : [];
$currency = (string) ($currency_name ?? __('积分', 'aksrt'));
?>
<div class="uc-asset-card uc-asset-card--points zib-widget">
<div class="uc-asset-card uc-asset-card--points">
<div class="uc-asset-card__head flex jsb ac">
<div class="uc-asset-card__title">
<i class="fas fa-coins em12 mr6" aria-hidden="true"></i><?php echo esc_html($currency); ?>
@@ -59,7 +59,7 @@ $custom_s = !empty($charge_view['custom_s']);
$custom_limit = (int) ($charge_view['custom_limit'] ?? 9999);
$mark = (string) ($charge_view['currency_mark'] ?? '元');
?>
<div class="uc-asset-card uc-asset-card--wallet zib-widget">
<div class="uc-asset-card uc-asset-card--wallet">
<div class="uc-asset-card__head flex jsb ac">
<div class="uc-asset-card__title">
<i class="fas fa-wallet em12 mr6" aria-hidden="true"></i><?php esc_html_e('余额', 'aksrt'); ?>
@@ -369,6 +369,5 @@ $mark = (string) ($charge_view['currency_mark'] ?? '元');
<p><?php esc_html_e('还没有任何余额流水', 'aksrt'); ?></p>
</div>
<?php endif; ?>
</div>
<?php endif; // skip_wallet_ledger ?>
</div>