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/mine/mineCurriculumVitae/InnerPage.vue | 255 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 255 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue b/apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue new file mode 100644 index 0000000..f0d25e7 --- /dev/null +++ b/apps/cMiniApp/src/subpackages/mine/mineCurriculumVitae/InnerPage.vue @@ -0,0 +1,255 @@ +<template> + <ContentView> + <nut-noticebar + text="涓汉绠�鍘嗗凡瀹屽杽50%锛屽畬鍠勭畝鍘嗗彲鎻愬崌褰曠敤鐜�" + :left-icon="false" + background="transparent" + close-mode + /> + <div class="mine-curriculum-info-wrapper"> + <UserAvatar :size="60" class="mine-curriculum-avatar" /> + <div class="mine-curriculum-info-content"> + <div class="mine-curriculum-info-item"> + <div class="mine-curriculum-info-item-left"> + <div class="mine-curriculum-info-item-name"> + {{ userStore.userDetail?.userName ?? '' }} + </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" /> + </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" /> + <div class="mine-curriculum-info-item-phone"> + {{ userStore.userDetail?.phoneNumber ?? '' }} + </div> + </div> + <div class="mine-curriculum-info-item-detail"> + {{ '26宀� | 闈炲鐢� | 鏈' }} + </div> + </div> + </div> + </div> + <List class="mine-curriculum-intention"> + <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> + </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', +}); + +const userStore = useUserStore(); +const isLogin = useIsLogin(); + +function goEditMineInfo() { + Taro.navigateTo({ + url: RouterPath.editMineInfo, + }); +} +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.mine-curriculum-info-wrapper { + padding: 24px 0 50px; + display: flex; + + .mine-curriculum-avatar { + margin-right: 24px; + } + + .mine-curriculum-info-content { + display: flex; + flex-direction: column; + padding: 12px 0; + justify-content: space-between; + flex: 1; + min-width: 0; + + .mine-curriculum-info-item { + display: flex; + align-items: center; + justify-content: space-between; + + .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: 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 { + 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