完善

src/pages/BankModule/Recharge/Recharge.vue

@@ -344,6 +344,35 @@
         <!-- 银行卡列表 -->
         <view class="accountlist">
           <!-- 切换绑定的一类卡列表 -->
+          <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
+                  >尾号：{{
+                    item.bindCardNo.slice(item.bindCardNo.length - 4)
+                  }}</span
+                >
+                <image
+                  class="BankListImg"
+                  src="../../../static/img/choiceBank.png"
+                ></image>
+              </view>
+            </view>
+            <view class="changeCard" @click="ChangeBankPay">我要换卡支付</view>
+          </view>
+        </view>
+        <!-- 银行卡列表
+        <view class="accountlist">
+          <!-- 切换绑定的一类卡列表 
           <view class="showBindCardList">
             <view class="choiceBox">选择付款账户</view>
             <view
@@ -364,7 +393,7 @@
               ></image>
             </view>
           </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;