From d3f44a4ef648ab4bb971819179d8a9acfb161477 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期二, 11 二月 2025 14:44:36 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- packages/components/src/Card/TaskPrice.vue | 39 +++++++++++++++++++++++++++++++++++++++ 1 files changed, 39 insertions(+), 0 deletions(-) diff --git a/packages/components/src/Card/TaskPrice.vue b/packages/components/src/Card/TaskPrice.vue new file mode 100644 index 0000000..b359093 --- /dev/null +++ b/packages/components/src/Card/TaskPrice.vue @@ -0,0 +1,39 @@ +<template> + <div class="task-price"> + <div class="task-price-decimal">55</div> + <div class="task-price-unit">鍏�/灏忔椂</div> + </div> +</template> + +<script setup lang="ts"> +defineOptions({ + name: 'TaskPrice', +}); + +type Props = { + value?: number; +}; + +const props = withDefaults(defineProps<Props>(), {}); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.task-price { + display: flex; + align-items: flex-end; + color: boleGetCssVar('color', 'primary'); + + .task-price-decimal { + font-size: 32px; + line-height: 40px; + margin-right: 8px; + } + + .task-price-unit { + font-size: 20px; + line-height: 32px; + } +} +</style> -- Gitblit v1.9.1