重构购买卡头部标记

This commit is contained in:
2026-08-23 11:06:33 +08:00
parent c6dcf9687a
commit c8339feddb
2 changed files with 18 additions and 42 deletions
+15 -38
View File
@@ -685,7 +685,8 @@ body.uc-modal-open {
}
.uc-vip-level-card .aksrt-vip-level-icon {
height: 2.2em;
width: auto;
height: 1.3em;
}
.uc-vip-card__header {
@@ -1210,30 +1211,6 @@ body.uc-modal-open {
.uc-vip-level-card .vip-baicon {
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 {
position: relative;
z-index: 1;
@@ -1242,34 +1219,34 @@ body.uc-modal-open {
align-items: center;
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 {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 10px;
display: block;
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.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;
width: auto;
height: auto;
border-radius: 0;
background: transparent !important;
color: inherit;
font-size: 1em;
line-height: 1;
}
.uc-vip-level-card.level-1 .v-icon,
.uc-vip-level-card.level-2 .v-icon {
background: transparent !important;
}
.uc-vip-level-card .v-info {
text-align: left;
min-width: 0;
}
.uc-vip-level-card .v-name {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 16px;
line-height: 1.3;
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="relative uc-vip-level-card__inner">';
$cards .= '<div class="v-iconbox mb10 flex jc ac">';
$cards .= '<div class="v-icon flex jc ac">' . $lv_icon . '</div>';
$cards .= '<div class="v-info text-left"><div class="v-name font-bold">' . esc_html($lv_name) . '</div>';
$cards .= '<div class="v-iconbox mb10">';
$cards .= '<div class="v-name font-bold"><span class="v-icon">' . $lv_icon . '</span>' . esc_html($lv_name) . '</div>';
if ($lv_desc !== '') {
$cards .= '<div class="v-desc em09 muted-2-color">' . esc_html($lv_desc) . '</div>';
}
$cards .= '</div></div>';
$cards .= '</div>';
$cards .= $equity;
$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>'