79 lines
2.5 KiB
Vue
79 lines
2.5 KiB
Vue
<template>
|
|
<view class="w-full relative mt-[70rpx] z-10">
|
|
<view class="wrapper backdrop-blur-sm">
|
|
<view class="flex items-center">
|
|
<u-image
|
|
:src="userStore.userInfo.logo"
|
|
width="60"
|
|
height="60"
|
|
border-radius="50%"
|
|
></u-image>
|
|
<view class="text-base text-white ml-2">
|
|
{{ userStore.userInfo.name }}
|
|
</view>
|
|
|
|
<view class="ml-auto mr-3 text-white" @click="toCashOutRecord">提现记录</view>
|
|
</view>
|
|
<view
|
|
class="flex justify-between"
|
|
style="margin-top: 32rpx"
|
|
>
|
|
<view>
|
|
<price
|
|
:content="userStore.userInfo.money"
|
|
main-size="72rpx"
|
|
minor-size="48rpx"
|
|
font-weight="900"
|
|
color="#ffffff"
|
|
></price>
|
|
<view class="mt-1 text-base text-white font-medium">
|
|
当前余额(元)
|
|
</view>
|
|
</view>
|
|
<view
|
|
class="text-primary text-center text-xs bg-white inline"
|
|
style="height: 72rpx; margin-top: 30px; padding: 18rpx 28rpx; border-radius: 30px 0 0 30px;"
|
|
@click="toCashOut()"
|
|
>
|
|
<text>我要提现</text>
|
|
<u-icon name="arrow-right" size="24"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import {useUserStore} from '@/stores/user'
|
|
import {useRouter} from "uniapp-router-next";
|
|
import { WithdrawEnum } from '@/enums/withdraw'
|
|
|
|
const router = useRouter()
|
|
const userStore = useUserStore()
|
|
|
|
const toCashOutRecord = () => {
|
|
uni.navigateTo({
|
|
url: `/packages/pages/cash_out_record/cash_out_record?apply_type=${WithdrawEnum.COMMISSION}`
|
|
})
|
|
}
|
|
|
|
//提现
|
|
const toCashOut = () => {
|
|
uni.navigateTo({
|
|
url: `/packages/pages/cash_out/cash_out?apply_type=${WithdrawEnum.COMMISSION}`
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.wrapper {
|
|
height: 316rpx;
|
|
padding: 32rpx 0 52rpx 32rpx;
|
|
flex-shrink: 0;
|
|
border-radius: 32rpx;
|
|
border: 2rpx solid #ffffffcc;
|
|
background: #ffffff4d;
|
|
box-shadow: 0 6rpx 72rpx 0 #10653333;
|
|
backdrop-filter: blur(48rpx);
|
|
}
|
|
</style> |