aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改银行卡支付图标和文案

Browse Source
This commit is contained in:
X1627315083
2024-07-17 17:01:04 +08:00
parent da28c686fc
commit fb6c3cba63
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/images/homePage/bankCard.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 4H0v-.75C0 2.56.448 2 1 2h14c.552 0 1 .56 1 1.25V4zm0 2.5V13a1 1 0 01-1 1H1a1 1 0 01-1-1V6.5h16zM4 10a1 1 0 100 2h1a1 1 0 100-2H4z" fill="#000"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 281 B

10
src/component/HomePage/UpgradePlan.vue
View File

@@ -85,8 +85,8 @@
</div> </div>
<label> <label>
<input name="Stripe" type="radio" value="stripe" v-model="modeOfPayment"> <input name="Stripe" type="radio" value="stripe" v-model="modeOfPayment">
<img src="../../assets/images/homePage/StripeIcon.png" alt=""> <img src="../../assets/images/homePage/bankCard.svg" alt="">
<span>Stripe</span> <span>Credit Card</span>
</label> </label>
<div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'stripe'?'active':'']"> <div class="UpgradePlan_payAffirm_content_btn" :class="[modeOfPayment == 'stripe'?'active':'']">
@@ -472,8 +472,8 @@ export default defineComponent({
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 3rem 0; margin: 3rem 0;
height: 20rem; // height: 20rem;
overflow-y: auto; // overflow-y: auto;
>label{ >label{
display: flex; display: flex;
align-items: center; align-items: center;
@@ -618,7 +618,7 @@ export default defineComponent({
.ant-modal-body{ .ant-modal-body{
padding: calc(5rem*1.2) calc(5rem*1.2) !important; padding: calc(5rem*1.2) calc(5rem*1.2) !important;
height: calc(50rem*1.2); height: calc(55rem*1.2);
// height: calc(65rem*1.2); // height: calc(65rem*1.2);
} }
} }