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/CompanyDesc.vue | 80 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 80 insertions(+), 0 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/task/components/CompanyDesc.vue b/apps/cMiniApp/src/subpackages/task/components/CompanyDesc.vue
new file mode 100644
index 0000000..fd14e5c
--- /dev/null
+++ b/apps/cMiniApp/src/subpackages/task/components/CompanyDesc.vue
@@ -0,0 +1,80 @@
+<template>
+ <div class="taskDetail-company-wrapper">
+ <div class="taskDetail-company-title-wrapper">
+ <div class="taskDetail-company-title">瀹佹尝浜哄姏鏃犲咖</div>
+ <RectRight v-if="showArrow" :size="8" class="taskDetail-company-arrow" />
+ </div>
+ <div class="taskDetail-company-info">
+ <img :src="IconSafe" class="safe-company-info-icon" />
+ <div class="taskDetail-company-info-text">宸茶璇� | 4涓矖浣嶅湪鎷�</div>
+ </div>
+ </div>
+</template>
+
+<script setup lang="ts">
+import IconSafe from '@/assets/task/icon-safe.png';
+import { RectRight } from '@nutui/icons-vue-taro';
+
+defineOptions({
+ name: 'CompanyDesc',
+});
+
+type Props = {
+ showArrow?: boolean;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+ showArrow: true,
+});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.taskDetail-company-wrapper {
+ padding: 28px 20px;
+ background: #f9fbff;
+ border-radius: 8px;
+
+ .taskDetail-company-title-wrapper {
+ display: flex;
+ align-items: center;
+ margin-bottom: 24px;
+
+ .taskDetail-company-title {
+ font-weight: 500;
+ font-size: 28px;
+ color: boleGetCssVar('text-color', 'primary');
+ line-height: 42px;
+ flex: 1;
+ min-width: 0;
+ @include ellipsis;
+ }
+
+ .taskDetail-company-arrow {
+ color: boleGetCssVar('text-color', 'secondary');
+ margin-left: 10px;
+ }
+ }
+
+ .taskDetail-company-info {
+ display: flex;
+ align-items: center;
+
+ .safe-company-info-icon {
+ width: 24px;
+ height: 24px;
+ margin-right: 6px;
+ }
+
+ .taskDetail-company-info-text {
+ font-size: 24px;
+ color: boleGetCssVar('text-color', 'regular');
+ line-height: 36px;
+ flex: 1;
+ min-width: 0;
+ @include ellipsis;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1