2025-04-14 17:26:40 +08:00
|
|
|
<script setup>
|
|
|
|
|
import {defineAsyncComponent, ref} from "vue";
|
|
|
|
|
import XNav from "../../components/XNav.vue";
|
|
|
|
|
import XNoticeBar from "../../components/XNoticeBar.vue";
|
|
|
|
|
|
2025-05-06 11:36:14 +08:00
|
|
|
// #ifdef APP-PLUS
|
|
|
|
|
import AliPay from "./components/AliPay.vue";
|
|
|
|
|
import BankPay from "./components/BankPay.vue";
|
|
|
|
|
// #endif
|
|
|
|
|
|
|
|
|
|
// #ifndef APP-PLUS
|
2025-04-14 17:26:40 +08:00
|
|
|
const AliPay = defineAsyncComponent(() => import('./components/AliPay.vue'));
|
|
|
|
|
const BankPay = defineAsyncComponent(() => import('./components/BankPay.vue'));
|
2025-05-06 11:36:14 +08:00
|
|
|
// #endif
|
2025-04-14 17:26:40 +08:00
|
|
|
|
|
|
|
|
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>
|
