From 537286fcc9b37fd6cfbea1d1f07583a77adcef6b Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 03 九月 2025 17:08:38 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
packages/components/src/Card/WithdrawMoneyCard.vue | 63 +++++++++++++++++++++++++++++++
1 files changed, 63 insertions(+), 0 deletions(-)
diff --git a/packages/components/src/Card/WithdrawMoneyCard.vue b/packages/components/src/Card/WithdrawMoneyCard.vue
new file mode 100644
index 0000000..a3210f3
--- /dev/null
+++ b/packages/components/src/Card/WithdrawMoneyCard.vue
@@ -0,0 +1,63 @@
+<template>
+ <div class="withdraw-money-card">
+ <div class="withdraw-money-card-value">
+ <div class="withdraw-money-card-value-unit">锟�</div>
+ <div class="withdraw-money-card-value-num">{{ toThousand(props.money) }}</div>
+ </div>
+ <div class="withdraw-money-card-type">{{ props.title }}</div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { toThousand } from '@12333/utils';
+
+defineOptions({
+ name: 'WithdrawMoneyCard',
+});
+
+type Props = {
+ money: number;
+ title: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {});
+
+const emit = defineEmits<{
+ (e: 'update:checkedId', value: string): void;
+}>();
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.withdraw-money-card {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ // background-color: #ffffff;
+ padding: 70px 0;
+
+ .withdraw-money-card-value {
+ display: flex;
+ align-items: center;
+ font-weight: 600;
+ color: boleGetCssVar('text-color', 'primary');
+
+ .withdraw-money-card-value-unit {
+ font-size: 32px;
+ }
+
+ .withdraw-money-card-value-num {
+ font-size: 64px;
+ }
+ }
+
+ .withdraw-money-card-type {
+ margin-top: 10px;
+ font-weight: 400;
+ font-size: 28px;
+ color: boleGetCssVar('text-color', 'primary');
+ }
+}
+</style>
--
Gitblit v1.9.1