初始版本

business_uniapp/src/packages/pages/balance/components/card.vue

@@ -0,0 +1,79 @@
+<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>