From 026bb31975034b53709642cdc2043ad0b6b8f8a8 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期四, 13 二月 2025 10:48:27 +0800 Subject: [PATCH] feat: mine --- apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue | 242 ++++++++++++++++++++++++----------------------- 1 files changed, 124 insertions(+), 118 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue b/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue index 9d00f77..2b59940 100644 --- a/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue +++ b/apps/cMiniApp/src/subpackages/curriculum/mineCurriculumVitae/InnerPage.vue @@ -17,14 +17,15 @@ </div> <div class="mine-curriculum-info-item-gender"> <div class="mine-curriculum-info-item-gender-dot">路</div> - <img :src="IconAuth" class="mine-curriculum-info-item-gender-icon" /> + <img v-if="1" :src="IconMale" class="mine-curriculum-info-item-gender-icon" /> + <img v-else :src="IconFemale" class="mine-curriculum-info-item-gender-icon" /> </div> </div> <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"> - <img :src="IconAuth" class="mine-curriculum-info-item-phone-icon" /> + <img :src="IconPhone" class="mine-curriculum-info-item-phone-icon" /> <div class="mine-curriculum-info-item-phone"> {{ userStore.userDetail?.phoneNumber ?? '' }} </div> @@ -97,6 +98,9 @@ import { RouterPath } from '@/constants'; import IconArrow from '@/assets/setting/icon-arrow.png'; import IconAuth from '@/assets/mine/icon-auth.png'; +import IconMale from '@/assets/mine/icon-male.png'; +import IconFemale from '@/assets/mine/icon-female.png'; +import IconPhone from '@/assets/mine/icon-phone.png'; import Taro from '@tarojs/taro'; defineOptions({ @@ -131,151 +135,153 @@ <style lang="scss"> @import '@/styles/common.scss'; -.mine-curriculum-noticebar { - .nut-noticebar__page { - padding: 0; - } -} - -.mine-curriculum-info-wrapper { - padding: 24px 0 60px; - display: flex; - - .mine-curriculum-avatar { - margin-right: 24px; +.mineCurriculumVitae-page-wrapper { + .mine-curriculum-noticebar { + .nut-noticebar__page { + padding: 0; + } } - .mine-curriculum-info-content { + .mine-curriculum-info-wrapper { + padding: 24px 0 60px; display: flex; - flex-direction: column; - padding: 12px 0; - justify-content: space-between; - flex: 1; - min-width: 0; - .mine-curriculum-info-item { + .mine-curriculum-avatar { + margin-right: 24px; + } + + .mine-curriculum-info-content { display: flex; - align-items: center; + flex-direction: column; + padding: 12px 0; justify-content: space-between; + flex: 1; + min-width: 0; - .mine-curriculum-info-item-left { - display: inline-flex; + .mine-curriculum-info-item { + display: flex; align-items: center; + justify-content: space-between; - .mine-curriculum-info-item-name { - font-size: 32px; + .mine-curriculum-info-item-left { + display: inline-flex; + align-items: center; + + .mine-curriculum-info-item-name { + font-size: 32px; + line-height: 40px; + font-weight: 600; + color: boleGetCssVar('text-color', 'primary'); + } + + .mine-curriculum-info-item-gender { + display: inline-flex; + align-items: center; + + .mine-curriculum-info-item-gender-dot { + margin: 0 8px; + line-height: 40px; + } + + .mine-curriculum-info-item-gender-icon { + width: 28px; + height: 28px; + } + } + + .mine-curriculum-info-item-phone { + font-size: 28px; + line-height: 40px; + font-weight: 400; + color: boleGetCssVar('text-color', 'primary'); + } + + .mine-curriculum-info-item-phone-icon { + width: 40px; + height: 40px; + } + } + + .mine-curriculum-info-item-detail { + font-size: 24px; line-height: 40px; + color: boleGetCssVar('text-color', 'primary'); + } + } + } + } + + .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-info-item-gender { + .mine-curriculum-intention-title-edit { display: inline-flex; align-items: center; + font-size: 22px; + color: boleGetCssVar('text-color', 'regular'); - .mine-curriculum-info-item-gender-dot { - margin: 0 8px; - line-height: 40px; + .mine-curriculum-intention-title-edit-icon { + width: 32px; + height: 32px; } - - .mine-curriculum-info-item-gender-icon { - width: 36px; - height: 36px; - } - } - - .mine-curriculum-info-item-phone { - font-size: 28px; - line-height: 40px; - font-weight: 400; - color: boleGetCssVar('text-color', 'primary'); - } - - .mine-curriculum-info-item-phone-icon { - width: 24px; - height: 24px; } } - .mine-curriculum-info-item-detail { - font-size: 24px; - line-height: 40px; - color: boleGetCssVar('text-color', 'primary'); + .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 { - 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; + .mine-curriculum-intention-bold { font-weight: 600; + font-size: 28px; 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-enit-btn { + font-size: 22px; + color: boleGetCssVar('text-color', 'regular'); + } - .mine-curriculum-intention-title-edit-icon { - width: 32px; - height: 32px; - } + .mine-curriculum-intention-detail { + .pro-list-item-inner { + border-bottom: none; } - } - - .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; - color: boleGetCssVar('text-color', 'primary'); - } - } - - .mine-curriculum-intention-enit-btn { - font-size: 22px; - color: boleGetCssVar('text-color', 'regular'); - } - - .mine-curriculum-intention-detail { - .pro-list-item-inner { - border-bottom: none; } } } -- Gitblit v1.9.1