完善

src/pages/BankModule/Recharge/Recharge.vue

@@ -346,13 +346,16 @@
           <!-- 切换绑定的一类卡列表 -->
           <view class="showBindCardList">
             <view class="choiceBox">选择付款账户</view>
+            <view class="cardsList">
               <view
                 class="ListItem"
                 @click="ChangeCardPay(item)"
                 v-for="(item, index) in bindcardList"
                 :key="index"
               >
-              <span style="padding-right: 10px">{{ item.bindCardName }} </span>
+                <span style="padding-right: 10px"
+                  >{{ item.bindCardName }}
+                </span>
                 <span
                   >尾号：{{
                     item.bindCardNo.slice(item.bindCardNo.length - 4)
@@ -364,7 +367,33 @@
                 ></image>
               </view>
             </view>
+            <view class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
           </view>
+        </view>
+        <!-- 银行卡列表
+        <view class="accountlist">
+          <!-- 切换绑定的一类卡列表 
+          <view class="showBindCardList">
+            <view class="choiceBox">选择付款账户</view>
+            <view
+              class="ListItem"
+              @click="ChangeCardPay(item)"
+              v-for="(item, index) in bindcardList"
+              :key="index"
+            >
+              <span style="padding-right: 10px">{{ item.bindCardName }} </span>
+              <span
+                >尾号：{{
+                  item.bindCardNo.slice(item.bindCardNo.length - 4)
+                }}</span
+              >
+              <image
+                class="BankListImg"
+                src="../../../static/img/choiceBank.png"
+              ></image>
+            </view>
+          </view>
+        </view> -->
       </van-popup>
     </view>
   </view>
@@ -1475,15 +1504,28 @@ page {
   color: #39f;
   text-align: right;
 }
+.accountlist {
+  width: 100%;
+  height: 100%;
+}
 
 .showBindCardList {
+  width: 100%;
+  height: 100%;
+
   .choiceBox {
     text-align: center;
     font-weight: bold;
-    height: 50px;
-    line-height: 50px;
+    height: 100rpx;
+    line-height: 100rpx;
     padding: 0;
-    border-bottom: 0.5px solid #e6e6e6;
+    border-bottom: 1rpx solid #e6e6e6;
+  }
+
+  .cardsList {
+    width: 100%;
+    height: calc(100% - 260rpx);
+    overflow-y: scroll;
   }
 
   .ListItem {
@@ -1494,6 +1536,17 @@ page {
     position: relative;
     text-align: center;
   }
+
+  .changeCard {
+    margin: 0 auto;
+    margin-top: 40rpx;
+    height: 40rpx;
+    font-size: 28rpx;
+    font-weight: 400;
+    color: #04b871;
+    line-height: 40rpx;
+    text-align: center;
+  }
 }
 
 .SubmittedSuccessfully {
@@ -1657,7 +1710,7 @@ page {
     border-radius: 12rpx;
     display: flex;
     justify-content: center;
-    margin-right: 18rpx;
+    margin-right: 14rpx;
     font-family: PingFangSC-Medium, PingFang SC;
     margin-bottom: 24rpx;
 

src/pages/IcbcModule/Recharge/Recharge.vue

@@ -1258,7 +1258,7 @@
 			border-radius: 12rpx;
 			display: flex;
 			justify-content: center;
-			margin-right: 18rpx;
+			margin-right: 14rpx;
 			font-family: PingFangSC-Medium, PingFang SC;
 			margin-bottom: 24rpx;