银行列表

src/pages-A/bank/index.vue

@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import { storeToRefs } from 'pinia'
+import { ref } from 'vue'
+import { useUserStore } from '@/store'
+import { useTokenStore } from '@/store/token'
+
+definePage({
+    style: {
+        navigationBarTitleText: '绑定银行卡',
+    },
+})
+
+const list = ref([{
+    bankName: '建设银行',
+}, {
+    bankName: '中国银行',
+}, {
+    bankName: '农业银行',
+}, {
+    bankName: '工商银行',
+}])
+</script>
+
+<template>
+    <view class="profile-container">
+        <view class="bank-list">
+            <view v-for="item in list" :key="item.bankName" class="bank-list-item">
+                <view class="bank-list-item-left">
+                    <view class="bank-list-item-left-hanke">
+                        <image src="/static/images/income/y-1.png" />
+                        <view class="bank-list-item-left-hanke-text">
+                            {{ item.bankName }}
+                        </view>
+                    </view>
+                </view>
+                <view class="bank-list-item-right">
+                    <u-icon name="arrow-right" size="13" color="#666" />
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.profile-container {
+  font-family: Alibaba PuHuiTi;
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  line-height: 1;
+}
+.bank-list {
+  margin: 20rpx;
+  background: #ffff;
+  border-radius: 10rpx;
+  .bank-list-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 24rpx;
+    background: #fff;
+    border-radius: 10rpx;
+    margin-bottom: 20rpx;
+    .bank-list-item-left {
+      display: flex;
+      align-items: center;
+      gap: 14rpx;
+      padding: 28rpx 0;
+      .bank-list-item-left-hanke {
+        display: flex;
+        align-items: center;
+        gap: 14rpx;
+        font-weight: 400;
+        font-size: 26rpx;
+        color: #333333;
+        image {
+          width: 30rpx;
+          height: 30rpx;
+        }
+        .bank-list-item-left-hanke-text {
+          font-weight: 400;
+          font-size: 26rpx;
+          color: #333333;
+        }
+      }
+    }
+    .bank-list-item-right {
+      display: flex;
+      align-items: center;
+      gap: 10rpx;
+      padding: 28rpx 0;
+    }
+  }
+}
+</style>

src/pages-A/withdraw/index.vue

@@ -4,12 +4,11 @@ import { ref } from 'vue'
 import { LOGIN_PAGE } from '@/router/config'
 import { useUserStore } from '@/store'
 import { useTokenStore } from '@/store/token'
-import { changtime, menuButtonInfo, safeAreaInsets, systemInfo } from '@/utils'
 
 definePage({
-  style: {
-    navigationBarTitleText: '提现',
-  },
+    style: {
+        navigationBarTitleText: '提现',
+    },
 })
 
 const userStore = useUserStore()
@@ -18,6 +17,12 @@ const tokenStore = useTokenStore()
 const { userInfo } = storeToRefs(userStore)
 
 const unlockAmount = ref('')
+
+function toBindBank() {
+  uni.navigateTo({
+    url: '/pages-A/bank/index',
+  })
+}
 </script>
 
 <template>
@@ -35,7 +40,7 @@ const unlockAmount = ref('')
                 </view>
             </view>
             <view class="widthdraw-select-card-right">
-                <view class="widthdraw-select-card-right-title">
+                <view class="widthdraw-select-card-right-title" @click.stop="toBindBank">
                     去绑卡
                 </view>
                 <u-icon name="arrow-right" size="13" color="#666" />