anonymous
79 lines
2.0 KiB
Vue
79 lines
2.0 KiB
Vue
<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>
|