update

src/pages/addPaymentAccount/index.vue

@@ -0,0 +1,60 @@
+<script setup>
+import {defineAsyncComponent, ref} from "vue";
+import XNav from "../../components/XNav.vue";
+import XNoticeBar from "../../components/XNoticeBar.vue";
+
+const AliPay = defineAsyncComponent(() => import('./components/AliPay.vue'));
+const BankPay = defineAsyncComponent(() => import('./components/BankPay.vue'));
+
+const currentTab = ref(0);
+const tabs = [
+    {
+        name: '支付宝账号',
+        component: AliPay,
+    },
+    {
+        name: '银行卡账号',
+        component: BankPay,
+    },
+];
+
+const change = (e) => {
+    currentTab.value = e.index;
+}
+</script>
+
+<template>
+    <!-- 立即提现 -->
+    <x-nav></x-nav>
+
+    <x-notice-bar
+        status="success"
+        :tile="true"
+        text="平台承诺：所有信息仅用于打款，不会用作其他用途。为了您的资金安全，大额提现会通过第三方支付代发，请填写实名信息和银行卡进行验证。">
+    </x-notice-bar>
+
+    <view class="bg-[#fff]">
+        <tui-tabs
+            :tabs="tabs"
+            :currentTab="currentTab"
+            @change="change"
+            width="300">
+        </tui-tabs>
+
+        <Suspense>
+            <template #default>
+                <view class="px-[34rpx] !mt-[40rpx]">
+                    <component :is="tabs[currentTab].component"></component>
+                </view>
+            </template>
+
+            <template #fallback>
+                加载中...
+            </template>
+        </Suspense>
+    </view>
+</template>
+
+<style scoped lang="scss">
+
+</style>