From 2d4a6ebe75599eaa51d5fb0f522dc9fa6825af00 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 12 二月 2025 14:58:29 +0800
Subject: [PATCH] feat: mine
---
apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue | 139 ++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 128 insertions(+), 11 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue b/apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue
index 61d5f17..f0d25e7 100644
--- a/apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue
+++ b/apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue
@@ -19,7 +19,7 @@
<img :src="IconAuth" class="mine-curriculum-info-item-gender-icon" />
</div>
</div>
- <IconFont name="rect-right" size="16" color="#6D6E6E"></IconFont>
+ <IconFont name="rect-right" size="16" color="#6D6E6E" @click="goEditMineInfo"></IconFont>
</div>
<div class="mine-curriculum-info-item">
<div class="mine-curriculum-info-item-left">
@@ -35,28 +35,64 @@
</div>
</div>
<List class="mine-curriculum-intention">
- <div class="mine-curriculum-intention-title">
- <div class="mine-curriculum-intention-title-text">姹傝亴鎰忓悜</div>
- <div class="mine-curriculum-intention-title-edit">
- 缂栬緫
- <img :src="IconArrow" class="" />
+ <div class="mine-curriculum-intention-content">
+ <div class="mine-curriculum-intention-title">
+ <div class="mine-curriculum-intention-title-text">姹傝亴鎰忓悜</div>
+ <div class="mine-curriculum-intention-title-edit">
+ 缂栬緫
+ <img :src="IconArrow" class="mine-curriculum-intention-title-edit-icon" />
+ </div>
</div>
+ <MineAgreementSignDetailItem label="鏈熸湜宀椾綅" class="mine-curriculum-intention-job">
+ <template #detail>
+ <div class="mine-curriculum-intention-job-content">
+ <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
+ <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
+ <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
+ <div class="mine-curriculum-intention-job-item">瀹㈡埧鏈嶅姟鍛�</div>
+ </div>
+ </template>
+ </MineAgreementSignDetailItem>
+ <MineAgreementSignDetailItem label="绌洪棽鏃堕棿">
+ <template #detail>
+ <div class="mine-curriculum-intention-bold">涓嶉檺</div>
+ </template>
+ </MineAgreementSignDetailItem>
+ <MineAgreementSignDetailItem label="姹傝亴鐘舵��">
+ <template #detail>
+ <div class="mine-curriculum-intention-bold">绉瀬鎵惧伐浣�</div>
+ </template>
+ </MineAgreementSignDetailItem>
</div>
+
+ <ListItem title="璧勬牸璇佷功">
+ <template #extra>
+ <div class="mine-curriculum-intention-enit-btn">缂栬緫</div>
+ </template>
+ </ListItem>
+ <ListItem title="宸ヤ綔缁忛獙">
+ <template #extra>
+ <div class="mine-curriculum-intention-enit-btn">缂栬緫</div>
+ </template>
+ </ListItem>
+ <ListItem title="璇︾粏淇℃伅" class="mine-curriculum-intention-detail">
+ <template #extra>
+ <div class="mine-curriculum-intention-enit-btn">缂栬緫</div>
+ </template>
+ </ListItem>
</List>
- <ListItem title="璧勬牸璇佷功">
- <template #extra>
- <div class="user-account">缂栬緫</div>
- </template>
- </ListItem>
</ContentView>
</template>
<script setup lang="ts">
import { useUserStore } from '@/stores/modules/user';
import { useIsLogin } from '@/hooks';
+import MineAgreementSignDetailItem from '../mineAgreementSignDetail/MineAgreementSignDetailItem.vue';
import { List, ListItem } from '@12333/components';
+import { RouterPath } from '@/constants';
import IconArrow from '@/assets/setting/icon-arrow.png';
import IconAuth from '@/assets/mine/icon-auth.png';
+import Taro from '@tarojs/taro';
defineOptions({
name: 'InnerPage',
@@ -64,6 +100,12 @@
const userStore = useUserStore();
const isLogin = useIsLogin();
+
+function goEditMineInfo() {
+ Taro.navigateTo({
+ url: RouterPath.editMineInfo,
+ });
+}
</script>
<style lang="scss">
@@ -97,6 +139,7 @@
.mine-curriculum-info-item-name {
font-size: 32px;
line-height: 40px;
+ font-weight: 600;
color: boleGetCssVar('text-color', 'primary');
}
@@ -118,6 +161,7 @@
.mine-curriculum-info-item-phone {
font-size: 28px;
line-height: 40px;
+ font-weight: 400;
color: boleGetCssVar('text-color', 'primary');
}
@@ -135,4 +179,77 @@
}
}
}
+
+.mine-curriculum-intention {
+ padding: 30px 0;
+ border-radius: 12px;
+
+ .mine-curriculum-intention-content {
+ padding: 0 boleGetCssVar('size', 'body-padding-h') 40px;
+ border-bottom: 1px solid #f6f6f6;
+
+ .mine-curriculum-intention-title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 40px;
+
+ .mine-curriculum-intention-title-text {
+ font-size: 32px;
+ font-weight: 600;
+ color: boleGetCssVar('text-color', 'primary');
+ }
+
+ .mine-curriculum-intention-title-edit {
+ display: inline-flex;
+ align-items: center;
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'regular');
+
+ .mine-curriculum-intention-title-edit-icon {
+ width: 32px;
+ height: 32px;
+ }
+ }
+ }
+
+ .mine-curriculum-intention-job {
+ align-items: flex-start;
+
+ .mine-curriculum-intention-job-content {
+ display: inline-flex;
+ flex-wrap: wrap;
+
+ .mine-curriculum-intention-job-item {
+ font-size: 20px;
+ color: boleGetCssVar('color', 'primary');
+ padding: 6px 16px;
+ background-color: #edf2ff;
+ border-radius: 4px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ margin-right: 16px;
+ margin-bottom: 14px;
+ }
+ }
+ }
+
+ .mine-curriculum-intention-bold {
+ font-weight: 600;
+ font-size: 28px;
+ }
+ }
+
+ .mine-curriculum-intention-enit-btn {
+ font-size: 22px;
+ color: boleGetCssVar('text-color', 'regular');
+ }
+
+ .mine-curriculum-intention-detail {
+ .pro-list-item-inner {
+ border-bottom: none;
+ }
+ }
+}
</style>
--
Gitblit v1.9.1