zzak/x-forend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 完成对接

Browse Source
This commit is contained in:
anonymous
2024-12-31 21:07:08 +08:00
parent ecd30a2e82
commit fecf6535a8
99 changed files with 2253 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages-sub/asset/index.vue
+61
View File
@@ -0,0 +1,61 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '我的资产',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="min-h-screen py-15">
<view class="mx-15 text-16 font-bold text-#333">我的资产</view>
<view
class="mt-15 mx-15 rounded-20 text-#476FFF main-content p-15 rounded-10 shadow-[0_5px_30px_rgba(149,195,255,0.4)]"
>
<view class="text-14 text-#6784C7">总投资金</view>
<view class="text-35 mt-10 font-bold">10000.00</view>
<view class="flex mt-15">
<view class="flex-1">
<view class="text-12 text-#6784C7 font-light">我的分红</view>
<view class="text-16 font-bold mt-5">10000.00</view>
</view>
<view class="flex-1">
<view class="text-12 text-#6784C7 font-light">数字人民币</view>
<view class="text-16 font-bold mt-5">10000.00</view>
</view>
<view class="flex-1">
<view class="text-12 text-#6784C7 font-light">认购点</view>
<view class="text-16 font-bold mt-5">10000.00</view>
</view>
</view>
</view>
<view class="text-16 mx-15 mb-15 font-bold text-#333 mt-30">资产记录</view>
<view
class="flex px-15 py-8 border-b items-center border-#E5E5E5 border-b-solid"
v-for="item in 10"
:key="item"
>
<image src="/static/images/page-sub/invite-icon.png" class="w-32 h-32 self-center" />
<view class="flex flex-col flex-1 ml-15">
<view class="text-14 text-#333">邀请好友奖励</view>
<view class="text-12 mt-10 text-#999">奖励</view>
<view class="text-12 mt-10 text-#999">2024-12-27 10:00:00</view>
</view>
<view class="flex flex-col items-end">
<view class="text-14 font-bold text-#FF5F5F">+20 股</view>
<view class="text-14 mt-10 py-4 px-10 bg-#71C78A1A text-#71C78A">已到账</view>
</view>
</view>
</view>
</template>
<style>
.main-content {
background-image: url('@/static/images/page-sub/team/main-bg.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
</style>
src/pages-sub/convert/index.vue
+78
View File
@@ -0,0 +1,78 @@
<route lang="json5">
{
style: {
navigationStyle: 'custom',
navigationBarTitleText: '转换',
},
}
</route>
<template>
<view class="min-h-screen pb-100">
<NavBar>
<template #right>
<image
@click="onWithdrawalDetail"
src="/static/images/page-sub/recharge.png"
class="w-24 h-24"
/>
</template>
</NavBar>
<view class="p-15">
<view class="mt-15">
<view class="flex items-center justify-between">
<view class="text-14 text-#333">我的股数</view>
<view class="text-12 text-#999">可转换股数：1202.45</view>
</view>
<view
class="flex items-center text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10"
>
<input type="number" placeholder="请输入股数" class="text-14 text-#333 flex-1" />
<view class="text-12 text-gradient">全部</view>
</view>
<view class="text-12 text-#889BC6 mt-15">马尔代夫股权每股价值500元</view>
</view>
</view>
<view
class="bg-white fixed bottom-0 left-0 right-0 px-15 py-10 shadow-[0_0_10px_rgba(10,68,245,0.1)]"
>
<view class="flex items-center pb-safe">
<view
class="btn-gradient flex-1 text-center text-white rounded-full text-14 px-30 py-10"
@click="onSubmit"
>
确认转换至余额
</view>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'
const onWithdrawalDetail = () => {
uni.navigateTo({
url: '/pages-sub/withdrawal-detail/index',
})
}
const onSelectPayType = () => {
uni.$once('withdrawal-type', (data: any) => {
console.log(data)
})
uni.navigateTo({
url: '/pages-sub/withdrawal-type/index?type=select',
})
}
const onSubmit = () => {
uni.showModal({
title: '提示',
content: '转换成功',
showCancel: false,
})
uni.navigateBack()
}
</script>
<style scoped></style>
src/pages-sub/introduction/index.vue
+23
View File
@@ -0,0 +1,23 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '公司简介',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="pt-15 pb-50 min-h-screen">
<view class="text-center text-16 font-bold">国际钱包</view>
<image
class="w-345 h-170 rounded-10 mt-15 mx-auto block"
src="@/static/images/page-sub/introduction.png"
mode="aspectFill"
/>
<view class="text-gray-500 mx-16 text-14 mt-15">
国际钱包（集团）有限公司由具有160年历史的上海纺织集团和具有70年外贸历史的原东方国际集团联合重组而成，是一家拥有先进制造业与现代服务业，以时尚产业、健康产业和供应链服务为核心主业，以科技实业、产业地产、金融投资为支撑，构建“一体两翼三支撑”总体格局的大型综合性企业集团。名列中国企业500强第275位，上海企业100强第25位。
集团拥有总资产627亿元、员工5.8万人（海外员工占70%），2023年快报营业收入780亿元，进出口56.64亿美元（出口41.34亿美元、进口15.3亿美元）。集团在海外拥有96家业务机构，分布在五大洲27个国家和地区。所属企业389家，上市公司4家（东方创业、申达股份、龙头股份、香港联泰控股）。
</view>
</view>
</template>
src/pages-sub/invest-detail/index.vue
+29
View File
@@ -0,0 +1,29 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '投资记录',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="min-h-screen pb-100">
<view
class="flex px-15 py-8 border-b border-#E5E5E5 border-b-solid"
v-for="item in 10"
:key="item"
>
<image src="/static/images/page-sub/money-icon.png" class="w-32 h-32 self-center" />
<view class="flex flex-col flex-1 justify-between ml-15">
<view class="text-14 text-#333">5G通信</view>
<view class="text-12 text-#999">投资</view>
<view class="text-12 text-#999">2024-12-27 10:00:00</view>
</view>
<view class="flex flex-col items-end">
<view class="text-16 text-#FF5F5F">+1000 RMB</view>
<view class="text-14 mt-18 py-4 px-10 bg-#71C78A1A text-#71C78A">投资成功</view>
</view>
</view>
</view>
</template>
src/pages-sub/invest-immediately/index.vue
+60
View File
@@ -0,0 +1,60 @@
<route lang="json5">
{
style: {
navigationStyle: 'custom',
navigationBarTitleText: '立即投资',
},
}
</route>
<template>
<view class="min-h-screen pb-100">
<NavBar>
<template #right>
<image @click="onRecharge" src="/static/images/page-sub/recharge.png" class="w-24 h-24" />
</template>
</NavBar>
<view class="p-15">
<view class="text-20 text-#333">RMB</view>
<view class="mt-15">
<view class="text-14 text-#333">投资金额</view>
<view class="text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
<input type="number" placeholder="请输入投资金额" class="text-14 text-#333" />
</view>
<view class="text-12 text-#889BC6 mt-15">当前余额：10012.12</view>
</view>
<view class="mt-50">
<view class="text-14 text-#333">支付密码</view>
<view class="text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
<input type="password" placeholder="请输入支付密码" class="text-14 text-#333" />
</view>
</view>
</view>
<view class="fixed bottom-0 left-0 right-0 px-15 pb-safe">
<view
class="btn-gradient mb-15 text-center text-white rounded-full text-16 px-30 py-10"
@click="onSubmit"
>
提交
</view>
</view>
</view>
</template>
<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'
const onRecharge = () => {
uni.navigateTo({
url: '/pages-sub/invest-detail/index',
})
}
const onSubmit = () => {
uni.redirectTo({
url: '/pages-sub/invest-result/index',
})
}
</script>
<style scoped></style>
src/pages-sub/invest-result/index.vue
+26
View File
@@ -0,0 +1,26 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '投资成功',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="min-h-screen flex flex-col items-center justify-center">
<image mode="aspectFit" src="/static/images/page-sub/invest-success.png" class="w-150 h-150" />
<view class="text-17 text-#333">恭喜您！投资成功</view>
<!-- 返回 -->
<view class="mt-15">
<view @click="onBack" class="btn-gradient text-14 text-white rounded-full px-30 py-10">
返回
</view>
</view>
</view>
</template>
<script setup lang="ts">
const onBack = () => {
uni.navigateBack()
}
</script>
src/pages-sub/invite/index.vue
+74
View File
@@ -0,0 +1,74 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '邀请好友',
navigationBarBackgroundColor: '#fff',
navigationStyle: 'custom',
},
}
</route>
<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'
import VueQrcode from '@chenfengyuan/vue-qrcode'
const qrcodeValue = '/pages/register/index?invite=888888'
const onCopy = (code: string) => {
uni.setClipboardData({
data: code,
})
}
const onLottery = () => {
uni.navigateTo({
url: '/pages-sub/lottery/index',
})
}
</script>
<template>
<view class="pb-100 min-h-screen invite-page">
<NavBar />
<view class="flex justify-center mt-80">
<view class="text-white btn-gradient rounded-full px-30 py-10 text-14">邀请好友</view>
<view class="ml-15 bg-white rounded-full px-30 py-10 text-14" @click="onLottery">
<text class="text-gradient">幸运大转盘</text>
</view>
</view>
<view class="flex flex-col items-center mt-180">
<view
class="flex items-center text-16 text-#333 bg-[rgba(255,255,255,0.8)] rounded-full px-15 py-4 text-12 mt-8"
>
<view>
邀请码
<text class="font-bold">9999999</text>
</view>
<view
class="btn-gradient text-white rounded-full px-15 py-4 text-12 ml-10"
@click="onCopy('99999')"
>
复制
</view>
</view>
<view class="mt-15 rounded-10 overflow-hidden flex">
<VueQrcode :value="qrcodeValue" :options="{ size: 200 }" />
</view>
<view
class="btn-gradient text-white rounded-full text-14 px-30 py-8 mt-30"
@click="onCopy(qrcodeValue)"
>
复制邀请链接
</view>
</view>
</view>
</template>
<style lang="scss" scoped>
.invite-page {
background-image: url('@/static/images/page-sub/invite-bg.png');
background-repeat: no-repeat;
background-position: top;
background-size: 100%;
}
</style>
src/pages-sub/lottery/index.vue
+19
View File
@@ -0,0 +1,19 @@
<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'
</script>
<route lang="json5">
{
style: {
navigationBarTitleText: '幸运大转盘',
navigationBarBackgroundColor: '#fff',
navigationStyle: 'custom',
},
}
</route>
<template>
<view class="min-h-screen">
<NavBar />
</view>
</template>
src/pages-sub/official-community/index.vue
+46
View File
@@ -0,0 +1,46 @@
<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'
import VueQrcode from '@chenfengyuan/vue-qrcode'
</script>
<route lang="json5">
{
style: {
navigationBarTitleText: '官方社群',
navigationBarBackgroundColor: '#fff',
navigationStyle: 'custom',
},
}
</route>
<template>
<view class="official-community-page">
<NavBar />
<view class="p-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]">
<view class="text-16 font-bold text-#333">扫码进入</view>
<wd-icon name="arrow-down" color="#333" size="18px"></wd-icon>
<view class="btn-gradient rounded-full w-fit mx-auto text-16 text-white py-10 px-15">
微聊总群：50101011
</view>
<VueQrcode class="!w-270 !h-270 mx-auto" :value="'qrcodeValue'" :options="{ size: 600 }" />
</view>
<view class="p-15 text-center bg-white rounded-10 m-15 shadow-[0_0_10px_rgba(0,0,0,0.1)]">
<view class="text-16 font-bold text-#333">扫码进入</view>
<wd-icon name="arrow-down" color="#333" size="18px"></wd-icon>
<view class="btn-gradient rounded-full w-fit mx-auto text-16 text-white py-10 px-15">
QQ群2群：1011101011
</view>
<VueQrcode class="!w-270 !h-270 mx-auto" :value="'qrcodeValue'" :options="{ size: 600 }" />
</view>
</view>
</template>
<style>
.official-community-page {
min-height: 100vh;
padding-bottom: 100rpx;
background-image: url('@/static/images/bg.png');
background-position: top;
background-size: cover;
}
</style>
src/pages-sub/realname/index.vue
+92
View File
@@ -0,0 +1,92 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '实名认证',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="withdrawal-type-edit-page pb-100 min-h-screen">
<view class="p-15 m-15 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
<view class="flex items-center py-15 text-14">
<image src="@/static/images/page-sub/realname/realname-type.png" class="w-20 h-20" />
<view class="ml-8">证件类型</view>
<view class="flex-1 text-right text-14">身份证</view>
</view>
<view class="flex items-center py-15 text-14">
<image src="@/static/images/page-sub/realname/realname-name.png" class="w-20 h-20" />
<view class="ml-8">真实姓名</view>
<input
class="flex-1 text-right text-14"
placeholder-class=" text-#889BC6 text-right"
type="text"
placeholder="请输入真实姓名"
v-model="form.name"
/>
</view>
<view class="flex items-center py-15 text-14">
<image src="@/static/images/page-sub/realname/realname-number.png" class="w-20 h-20" />
<view class="ml-8">身份证号</view>
<input
class="flex-1 text-right text-14"
placeholder-class=" text-#889BC6 text-right"
type="text"
placeholder="请输入身份证号"
v-model="form.idCard"
/>
</view>
</view>
<view class="fixed bottom-0 left-0 right-0 pb-safe">
<button class="btn-gradient text-white rounded-full m-15 text-16" @click="onAddType">
提交
</button>
</view>
<view class="flex flex-col items-center" v-if="false">
<image
src="@/static/images/page-sub/realname/realname-success.png"
class="w-150 h-150 block"
mode="aspectFit"
/>
<view class="text-center mt-15 text-14 text-#999">恭喜您，实名认证成功</view>
<button class="btn-gradient px-30 text-white rounded-full m-15 text-16" @click="onBack">
返回
</button>
<image
src="@/static/images/page-sub/realname/realname-fail.png"
class="w-150 h-150 block"
mode="aspectFit"
/>
<view class="text-center mt-15 text-14 text-#999">您的实名认证正在审核中，请耐心等待</view>
<button class="btn-gradient px-30 text-white rounded-full m-15 text-16" @click="onBack">
返回
</button>
<image
src="@/static/images/page-sub/realname/realname-checking.png"
class="w-150 h-150 block"
mode="aspectFit"
/>
<view class="text-center mt-15 text-14 text-#999">您的实名认证审核未通过，请重新提交</view>
<button class="btn-gradient px-30 text-white rounded-full m-15 text-16">重新提交</button>
</view>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const form = ref({
type: '',
})
const onBack = () => {
uni.navigateBack()
}
</script>
<style lang="scss" scoped>
.withdrawal-type-edit-page {
--wot-input-placeholder-color: #889bc6;
--wot-cell-wrapper-padding: 0;
}
</style>
src/pages-sub/team/index.vue
+116
View File
@@ -0,0 +1,116 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '我的邀请',
navigationBarBackgroundColor: '#fff',
navigationStyle: 'custom',
},
}
</route>
<template>
<view class="team-page">
<NavBar>
<template #right>
<view @click="handleRule" class="text-14 text-#333">邀请奖励规则</view>
</template>
</NavBar>
<view class="px-15 py-30 relative rounded-10 mt-50 w-345 mx-auto main-content">
<image
class="w-150 h-150 rounded-10 mt-15 mx-auto block absolute right-15 bottom-30"
src="@/static/images/page-sub/team/team-main-hero.png"
mode="aspectFit"
/>
<view class="flex flex-col">
<view class="text-14 text-#6784C7">看看人数</view>
<view class="text-35 font-bold text-#476FFF mt-10 leading-35">1234</view>
</view>
</view>
<image
class="w-201 h-46 rounded-10 mt-30 mx-auto block"
src="@/static/images/page-sub/team/team-title.png"
mode="aspectFill"
/>
<view class="flex overflow-auto mt-25 pr-15 pl-8">
<view
class="px-40 ml-8 py-10 flex-shrink-0 rounded-10 bg-white"
v-for="(item, index) in levelList"
:key="item.title"
:class="{
'btn-gradient': currentLevelIndex === index,
}"
@click="() => (currentLevelIndex = index)"
>
<image class="w-30 h-30 rounded-10 mx-auto block" :src="item.icon" mode="aspectFill" />
<view class="text-14 mt-10 text-center">{{ item.title }}</view>
</view>
</view>
<view class="mt-25 bg-white rounded-10 w-345 mx-auto">
<view class="flex p-15 items-center" v-for="item in 10" :key="item">
<Avatar class="w-40 h-40" />
<view class="flex-1 flex flex-col ml-15">
<view class="text-14 text-#333">用户名</view>
<view class="text-12 mt-10 text-#999">1234567890</view>
<view class="text-12 mt-10 text-#999">2024-12-27 12:00:00</view>
</view>
<!-- <view class="bg-#71C78A80 text-white text-12 rounded-10 px-10 py-5">邀请成功</view> -->
<view class="text-14 font-bold text-#FF5F5F">+20 股</view>
</view>
</view>
<wd-action-sheet v-model="showRule" title="邀请奖励规则">
<view class="text-16 text-#333 p-15">
<view class="mb-10">1.每邀请一人可以获得1万投资金，2000数字人民币 1点认购点</view>
<view class="mb-10">2.邀请满5人可以额外获得5万投资金。1万数字人民币 5点认购点</view>
<view class="mb-10">3.邀请满10人可以额外获得10万投资金。2万数字人民币 10点认购点</view>
<view class="mb-10">4.邀请满20人可以额外获得20万投资金。5万数字人民币 20点认购点</view>
<view class="mb-10">5.邀请满50人可以额外获得50万投资金。10万数字人民币 50点认购点</view>
</view>
</wd-action-sheet>
</view>
</template>
<script setup lang="ts">
import Avatar from '@/components/Avatar.vue'
import NavBar from '@/components/NavBar.vue'
import Level1 from '@/static/images/page-sub/team/level-1.png'
import Level2 from '@/static/images/page-sub/team/level-2.png'
import Level3 from '@/static/images/page-sub/team/level-3.png'
const showRule = ref(false)
const handleRule = () => {
showRule.value = true
}
const currentLevelIndex = ref(0)
const levelList = ref([
{
title: '一级用户',
icon: Level1,
},
{
title: '二级用户',
icon: Level2,
},
{
title: '三级用户',
icon: Level3,
},
])
</script>
<style lang="scss" scoped>
.team-page {
min-height: 100vh;
padding-bottom: 100rpx;
background-image: url('@/static/images/bg.png');
background-position: top;
background-size: cover;
}
.main-content {
background-image: url('@/static/images/page-sub/team/main-bg.png');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
</style>
src/pages-sub/withdrawal-detail/index.vue
+29
View File
@@ -0,0 +1,29 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '提现记录',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="min-h-screen pb-100">
<view
class="flex px-15 py-8 border-b border-#E5E5E5 border-b-solid"
v-for="item in 10"
:key="item"
>
<image src="/static/images/invest/unionpay-icon.png" class="w-32 h-32 self-center" />
<view class="flex flex-col flex-1 justify-between ml-15">
<view class="text-14 text-#333">银行卡</view>
<view class="text-12 text-#999">提现</view>
<view class="text-12 text-#999">2024-12-27 10:00:00</view>
</view>
<view class="flex flex-col items-end">
<view class="text-16 text-#FF5F5F">-1000 RMB</view>
<view class="text-14 mt-18 py-4 px-10 bg-#71C78A1A text-#71C78A">提现成功</view>
</view>
</view>
</view>
</template>
src/pages-sub/withdrawal-type/edit.vue
+105
View File
@@ -0,0 +1,105 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '编辑收款方式',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="withdrawal-type-edit-page pb-100 min-h-screen">
<view class="p-15 m-15 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
<view class="flex items-center py-15 text-14">
<view>收款类型</view>
<wd-select-picker
type="radio"
custom-class="!p-0"
custom-value-class="text-14 text-#889BC6 text-right"
class="flex-1"
placeholder="请选择收款类型"
v-model="form.type"
:columns="columns"
@change="handleChange"
></wd-select-picker>
</view>
<view class="flex items-center py-15 text-14">
<view>开户行</view>
<input
class="flex-1 text-right text-14"
placeholder-class=" text-#889BC6 text-right"
type="text"
placeholder="请输入开户行"
v-model="form.bank"
/>
</view>
<view class="flex items-center py-15 text-14">
<view>持卡人姓名</view>
<input
class="flex-1 text-right text-14"
placeholder-class=" text-#889BC6 text-right"
type="text"
placeholder="请输入持卡人姓名"
v-model="form.name"
/>
</view>
<view class="flex items-center py-15 text-14">
<view>银行账号</view>
<input
class="flex-1 text-right text-14"
placeholder-class=" text-#889BC6 text-right"
type="text"
placeholder="请输入银行账号"
v-model="form.account"
/>
</view>
<view class="flex items-center py-15 text-14">
<view>备注</view>
<input
class="flex-1 text-right text-14"
placeholder-class=" text-#889BC6 text-right"
type="text"
placeholder="请输入备注"
v-model="form.remark"
/>
</view>
</view>
<view class="fixed bottom-0 left-0 right-0 pb-safe">
<button class="btn-gradient text-white rounded-full m-15 text-16" @click="onAddType">
提交
</button>
</view>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const form = ref({
type: '',
})
const columns = [
{
label: '支付宝',
value: '1',
},
{
label: '微信',
value: '2',
},
{
label: '银行卡',
value: '3',
},
]
const handleChange = (value: string) => {
console.log(value)
}
</script>
<style lang="scss" scoped>
.withdrawal-type-edit-page {
--wot-input-placeholder-color: #889bc6;
--wot-cell-wrapper-padding: 0;
}
</style>
src/pages-sub/withdrawal-type/index.vue
+59
View File
@@ -0,0 +1,59 @@
<route lang="json5">
{
style: {
navigationBarTitleText: '收款方式',
navigationBarBackgroundColor: '#fff',
},
}
</route>
<template>
<view class="withdrawal-type-page min-h-screen pb-100">
<view
class="flex items-center justify-between py-15 text-14 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10 m-15 p-15"
v-for="item in 10"
:key="item"
@click="onSelectType(item)"
>
<image class="w-45 h-45" src="@/static/images/invest/alipay-icon.png" mode="aspectFit" />
<view class="flex-1 ml-15">
<view class="text-16 font-bold">支付宝</view>
<view class="mt-10 text-14 text-#889BC6">132****113</view>
</view>
<wd-icon name="arrow-right" size="14px"></wd-icon>
</view>
<view class="fixed bottom-0 left-0 right-0 pb-safe">
<button class="text-16 btn-gradient text-white rounded-full m-15" @click="onAddType">
添加收款方式
</button>
</view>
</view>
</template>
<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app'
let isSelect = false
onLoad((options) => {
if (options.type === 'select') {
isSelect = true
}
})
const onSelectType = (item) => {
if (isSelect) {
uni.$emit('withdrawal-type', item)
uni.navigateBack()
} else {
uni.navigateTo({
url: '/pages-sub/withdrawal-type/edit?id=1',
})
}
}
const onAddType = () => {
uni.navigateTo({
url: '/pages-sub/withdrawal-type/edit',
})
}
</script>
src/pages-sub/withdrawal/index.vue
+91
View File
@@ -0,0 +1,91 @@
<route lang="json5">
{
style: {
navigationStyle: 'custom',
navigationBarTitleText: '提现',
},
}
</route>
<template>
<view class="min-h-screen pb-100">
<NavBar>
<template #right>
<image
@click="onWithdrawalDetail"
src="/static/images/page-sub/recharge.png"
class="w-24 h-24"
/>
</template>
</NavBar>
<view class="p-15">
<view class="mt-15">
<view class="text-14 text-#333">提现金额</view>
<view
class="flex items-center text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10"
>
<input type="number" placeholder="请输入提现金额" class="text-14 text-#333 flex-1" />
<view class="text-12 text-#04A9F9">全部</view>
</view>
<view class="text-12 text-#889BC6 mt-15">当前余额：10012.12</view>
</view>
<view class="mt-50">
<view class="text-14 text-#333">收款方式</view>
<view
class="flex items-center text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10"
@click="onSelectPayType"
>
<view class="flex-1">请选择收款方式</view>
<wd-icon name="arrow-right" size="16px"></wd-icon>
</view>
</view>
<view class="mt-50">
<view class="text-14 text-#333">交易密码</view>
<view class="text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
<input type="password" placeholder="请输入交易密码" class="text-14 text-#333" />
</view>
</view>
</view>
<view
class="bg-white fixed bottom-0 left-0 right-0 px-15 py-10 shadow-[0_0_10px_rgba(10,68,245,0.1)]"
>
<view class="flex items-center pb-safe">
<view class="text-gradient flex-1 text-14">到账CNY:13123.00</view>
<view
class="btn-gradient text-center text-white rounded-full text-14 px-30 py-10"
@click="onSubmit"
>
申请提现
</view>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'
const onWithdrawalDetail = () => {
uni.navigateTo({
url: '/pages-sub/withdrawal-detail/index',
})
}
const onSelectPayType = () => {
uni.$once('withdrawal-type', (data: any) => {
console.log(data)
})
uni.navigateTo({
url: '/pages-sub/withdrawal-type/index?type=select',
})
}
const onSubmit = () => {
uni.redirectTo({
url: '/pages-sub/invest-result/index',
})
}
</script>
<style scoped></style>