fix(player): 移除钱包与充值页银行卡芯片装饰
去掉 ProfileView、RechargeView 中的 bank-card-chip 元素及样式。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -123,9 +123,6 @@ const balanceAmountClass = computed(() => {
|
|||||||
<div class="card-overlay">
|
<div class="card-overlay">
|
||||||
<div class="bank-card-top">
|
<div class="bank-card-top">
|
||||||
<div class="bank-card-top-left">
|
<div class="bank-card-top-left">
|
||||||
<div class="bank-card-chip" aria-hidden="true">
|
|
||||||
<span /><span /><span />
|
|
||||||
</div>
|
|
||||||
<img src="/logo.png" alt="TheBet365" class="brand-logo" />
|
<img src="/logo.png" alt="TheBet365" class="brand-logo" />
|
||||||
<div class="bank-card-brand-text">
|
<div class="bank-card-brand-text">
|
||||||
<span class="brand-name">THEBET365</span>
|
<span class="brand-name">THEBET365</span>
|
||||||
@@ -387,31 +384,6 @@ const balanceAmountClass = computed(() => {
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bank-card-chip {
|
|
||||||
width: 34px;
|
|
||||||
height: 24px;
|
|
||||||
border-radius: 5px;
|
|
||||||
background: linear-gradient(135deg, #e8c96a 0%, #c9a227 40%, #a8841f 100%);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.25);
|
|
||||||
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 3px;
|
|
||||||
padding: 0 7px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bank-card-chip span {
|
|
||||||
display: block;
|
|
||||||
height: 2px;
|
|
||||||
border-radius: 1px;
|
|
||||||
background: rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bank-card-chip span:nth-child(2) { width: 70%; }
|
|
||||||
.bank-card-chip span:nth-child(3) { width: 50%; }
|
|
||||||
|
|
||||||
.brand-logo {
|
.brand-logo {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
|
|||||||
@@ -214,9 +214,6 @@ onMounted(fetchMethods);
|
|||||||
<div class="bank-card-deco bank-card-deco--1" aria-hidden="true" />
|
<div class="bank-card-deco bank-card-deco--1" aria-hidden="true" />
|
||||||
<div class="bank-card-deco bank-card-deco--2" aria-hidden="true" />
|
<div class="bank-card-deco bank-card-deco--2" aria-hidden="true" />
|
||||||
<div class="bank-card-top">
|
<div class="bank-card-top">
|
||||||
<div class="bank-card-chip" aria-hidden="true">
|
|
||||||
<span /><span /><span />
|
|
||||||
</div>
|
|
||||||
<div class="bank-card-bank">{{ selectedMethod.bankName }}</div>
|
<div class="bank-card-bank">{{ selectedMethod.bankName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bank-card-number-row">
|
<div class="bank-card-number-row">
|
||||||
@@ -417,31 +414,6 @@ onMounted(fetchMethods);
|
|||||||
gap: 12px;
|
gap: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bank-card-chip {
|
|
||||||
width: 36px;
|
|
||||||
height: 26px;
|
|
||||||
border-radius: 6px;
|
|
||||||
background: linear-gradient(135deg, #e8c96a 0%, #c9a227 40%, #a8841f 100%);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.25);
|
|
||||||
box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.3);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 4px;
|
|
||||||
padding: 0 8px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bank-card-chip span {
|
|
||||||
display: block;
|
|
||||||
height: 2px;
|
|
||||||
border-radius: 1px;
|
|
||||||
background: rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bank-card-chip span:nth-child(2) { width: 70%; }
|
|
||||||
.bank-card-chip span:nth-child(3) { width: 50%; }
|
|
||||||
|
|
||||||
.bank-card-bank {
|
.bank-card-bank {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
|
|||||||
Reference in New Issue
Block a user