重构购买卡头部标记

This commit is contained in:
kate522 committed 2026-08-23 11:06:33 +08:00
1 parent c6dcf9687a
commit c8339feddb
2 files changed
+18 -42

No files matched your search

+15 -38
View File
@@ -685,7 +685,8 @@ body.uc-modal-open {
} }
.uc-vip-level-card .aksrt-vip-level-icon { .uc-vip-level-card .aksrt-vip-level-icon {
height: 2.2em; width: auto;
height: 1.3em;
} }
.uc-vip-card__header { .uc-vip-card__header {
@@ -1210,30 +1211,6 @@ body.uc-modal-open {
.uc-vip-level-card .vip-baicon { .uc-vip-level-card .vip-baicon {
display: none; display: none;
} }
.uc-vip-level-card .v-iconbox {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
margin-bottom: 10px;
width: 100%;
}
.uc-vip-level-card .v-icon {
width: auto;
height: auto;
border-radius: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent !important;
flex: 0 0 auto;
color: inherit;
}
.uc-vip-level-card .v-info {
display: block;
text-align: left;
min-width: 0;
}
.uc-vip-level-card__inner { .uc-vip-level-card__inner {
position: relative; position: relative;
z-index: 1; z-index: 1;
@@ -1242,34 +1219,34 @@ body.uc-modal-open {
align-items: center; align-items: center;
min-height: 100%; min-height: 100%;
} }
/* Level icon sits inline at the left of the name; its size tracks the name text. */
.uc-vip-level-card .v-iconbox { .uc-vip-level-card .v-iconbox {
display: flex; display: block;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 10px;
width: 100%; width: 100%;
margin-bottom: 10px;
text-align: center;
} }
.uc-vip-level-card .v-icon { .uc-vip-level-card .v-icon {
width: auto;
height: auto;
border-radius: 0;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: transparent !important;
flex: 0 0 auto; flex: 0 0 auto;
width: auto;
height: auto;
border-radius: 0;
background: transparent !important;
color: inherit; color: inherit;
font-size: 1em;
line-height: 1;
} }
.uc-vip-level-card.level-1 .v-icon, .uc-vip-level-card.level-1 .v-icon,
.uc-vip-level-card.level-2 .v-icon { .uc-vip-level-card.level-2 .v-icon {
background: transparent !important; background: transparent !important;
} }
.uc-vip-level-card .v-info {
text-align: left;
min-width: 0;
}
.uc-vip-level-card .v-name { .uc-vip-level-card .v-name {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px; font-size: 16px;
line-height: 1.3; line-height: 1.3;
font-weight: 700; font-weight: 700;
@@ -149,13 +149,12 @@ foreach ([1, 2] as $lv) {
$cards .= '<div class="aksrt-panel text-center pay-vip-info flex1 level-' . $lv . ' uc-vip-level-card">'; $cards .= '<div class="aksrt-panel text-center pay-vip-info flex1 level-' . $lv . ' uc-vip-level-card">';
$cards .= '<div class="relative uc-vip-level-card__inner">'; $cards .= '<div class="relative uc-vip-level-card__inner">';
$cards .= '<div class="v-iconbox mb10 flex jc ac">'; $cards .= '<div class="v-iconbox mb10">';
$cards .= '<div class="v-icon flex jc ac">' . $lv_icon . '</div>'; $cards .= '<div class="v-name font-bold"><span class="v-icon">' . $lv_icon . '</span>' . esc_html($lv_name) . '</div>';
$cards .= '<div class="v-info text-left"><div class="v-name font-bold">' . esc_html($lv_name) . '</div>';
if ($lv_desc !== '') { if ($lv_desc !== '') {
$cards .= '<div class="v-desc em09 muted-2-color">' . esc_html($lv_desc) . '</div>'; $cards .= '<div class="v-desc em09 muted-2-color">' . esc_html($lv_desc) . '</div>';
} }
$cards .= '</div></div>'; $cards .= '</div>';
$cards .= $equity; $cards .= $equity;
$cards .= '<a class="padding-lg but jb-vip' . $lv . ' radius pay-vip uc-vip-cta" href="javascript:;" vip-level="' . (int) $vip_attr . '">' $cards .= '<a class="padding-lg but jb-vip' . $lv . ' radius pay-vip uc-vip-cta" href="javascript:;" vip-level="' . (int) $vip_attr . '">'
. '<span>' . esc_html($cta) . '</span>' . '<span>' . esc_html($cta) . '</span>'