From 006e8527857850dfd01371384afa532af5a001f7 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 12 二月 2025 14:58:56 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
apps/cMiniApp/src/subpackages/task/components/TaskDetailWelfareItem.vue | 44 ++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 44 insertions(+), 0 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/task/components/TaskDetailWelfareItem.vue b/apps/cMiniApp/src/subpackages/task/components/TaskDetailWelfareItem.vue
new file mode 100644
index 0000000..cdbf61c
--- /dev/null
+++ b/apps/cMiniApp/src/subpackages/task/components/TaskDetailWelfareItem.vue
@@ -0,0 +1,44 @@
+<template>
+ <div class="taskDetail-welfare-list-item">
+ <img :src="IconAttentioActive" class="taskDetail-welfare-list-item-icon" />
+ <div class="taskDetail-welfare-list-item-text">楂樻俯琛ヨ创</div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import IconAttentioActive from '@/assets/task/icon-attention-active.png';
+
+defineOptions({
+ name: 'TaskDetailWelfareItem',
+});
+
+// type Props = {};
+
+// const props = withDefaults(defineProps<Props>(), {});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.taskDetail-welfare-list-item {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ width: 25%;
+
+ .taskDetail-welfare-list-item-icon {
+ width: 72px;
+ height: 72px;
+ margin-bottom: 24px;
+ }
+
+ .taskDetail-welfare-list-item-text {
+ font-weight: 400;
+ font-size: 24px;
+ color: boleGetCssVar('text-color', 'regular');
+ line-height: 36px;
+ text-align: center;
+ /* @include ellipsis; */
+ }
+}
+</style>
--
Gitblit v1.9.1