apps/bMiniApp/project.private.config.json
@@ -1,15 +1,22 @@ { "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", "projectname": "bMiniApp", "setting": { "compileHotReLoad": true, "bigPackageSizeSupport": true, "skylineRenderEnable": false }, "condition": { "miniprogram": { "list": [] } }, "libVersion": "3.7.3" } "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", "projectname": "bMiniApp", "setting": { "compileHotReLoad": true, "bigPackageSizeSupport": true }, "condition": { "miniprogram": { "list": [ { "name": "", "pathName": "pages/mine/index", "query": "", "launchMode": "default", "scene": null } ] } }, "libVersion": "3.7.3" } apps/bMiniApp/src/constants/router.ts
@@ -18,4 +18,6 @@ authenticationFaRen = '/subpackages/authentication/authenticationFaRen/authenticationFaRen', authenticationJBR = '/subpackages/authentication/authenticationJBR/authenticationJBR', citySelect = '/subpackages/city/citySelect/citySelect', setting = '/subpackages/mine/setting/setting', } apps/bMiniApp/src/pages/mine/index.vue
@@ -11,7 +11,7 @@ <img :src="OssAssets.mine.Bg" class="mine-page-bg" :style="{ height: `${bgHeight}px` }" /> </template> <ContentView> <UserHomeTopView :showUserHomePageBtn="isLogin" :showOperation="isLogin"> <UserHomeTopView :showUserHomePageBtn="false" :showOperation="isLogin"> <template #avatar> <div class="mine-avatar-wrapper" @click="goLogin"> <UserAvatar :size="60" class="mine-avatar" /> apps/bMiniApp/src/subpackages/mine/setting/setting.config.ts
New file @@ -0,0 +1,3 @@ export default definePageConfig({ disableScroll: true, }); apps/bMiniApp/src/subpackages/mine/setting/setting.vue
New file @@ -0,0 +1,66 @@ <template> <PageLayout title="设置" class="setting-page-wrapper" hasBorder> <List> <ListItem title="登录账号"> <template #extra> <div class="user-account"> {{ userAccount }} </div> </template> </ListItem> <ListItem title="用户协议" @click="goMineUserPolicy"></ListItem> <ListItem title="隐私政策" @click="goPrivacyPolicy"></ListItem> <ListItem title="退出登录" @click="handleLoginout"></ListItem> </List> </PageLayout> </template> <script setup lang="ts"> import { PageLayout } from '@/components'; import { List, ListItem } from '@12333/components'; import { addStarForString, Message } from '@12333/utils'; import { useUserStore } from '@/stores/modules/user'; import { useQueryClient } from '@tanstack/vue-query'; import Taro from '@tarojs/taro'; defineOptions({ name: 'setting', }); const userStore = useUserStore(); const queryClient = useQueryClient(); const userAccount = computed(() => { return addStarForString(userStore?.userDetail?.userName, 4, 8); }); function goMineUserPolicy() { Taro.navigateTo({ url: RouterPath.mineUserPolicy, }); } function goPrivacyPolicy() { Taro.navigateTo({ url: RouterPath.privacyPolicy, }); } async function handleLoginout() { try { await Message.confirm({ message: '确定要退出登录吗?', }); userStore.logoutAndToHome(); queryClient.removeQueries(); } catch (error) {} } </script> <style lang="scss"> @import '@/styles/common.scss'; .user-account { color: boleGetCssVar('text-color', 'regular'); font-size: 24px; } </style> apps/cMiniApp/src/assets/mine/icon-female.png
apps/cMiniApp/src/assets/mine/icon-male.png
apps/cMiniApp/src/assets/mine/icon-phone.png
apps/cMiniApp/src/subpackages/curriculum/editMineInfo/editMineInfo.vue
@@ -1,5 +1,5 @@ <template> <PageLayout class="index-page-wrapper" :title="'编辑个人信息'" has-border> <PageLayout class="editMineInfo-page-wrapper" :title="'编辑个人信息'" has-border> <InnerPage></InnerPage> </PageLayout> </template> apps/cMiniApp/src/subpackages/curriculum/mineCertificateAddOrEdit/InnerPage.vue
@@ -96,25 +96,27 @@ <style lang="scss"> @import '@/styles/common.scss'; .nut-form .nut-cell.bole-form-item:not(.alignTop), page .nut-form .nut-cell.bole-form-item:not(.alignTop) { align-items: flex-start !important; } .permanent-certificate { --nut-form-item-body-slots-text-align: right; } .certificate-upload { .certificate-upload-title { font-size: 28px; padding: 26px 32px 0; .mineCertificateAddOrEdit-page-wrapper { .nut-form .nut-cell.bole-form-item:not(.alignTop), page .nut-form .nut-cell.bole-form-item:not(.alignTop) { align-items: flex-start !important; } .nut-form-item__label { padding-right: 0; font-size: 24px; width: 98%; .permanent-certificate { --nut-form-item-body-slots-text-align: right; } .certificate-upload { .certificate-upload-title { font-size: 28px; padding: 26px 32px 0; } .nut-form-item__label { padding-right: 0; font-size: 24px; width: 98%; } } } </style> apps/cMiniApp/src/subpackages/curriculum/mineCertificateAddOrEdit/mineCertificateAddOrEdit.vue
@@ -1,5 +1,5 @@ <template> <PageLayout class="index-page-wrapper" :title="'资格证书'" has-border> <PageLayout class="mineCertificateAddOrEdit-page-wrapper" :title="'资格证书'" has-border> <InnerPage></InnerPage> </PageLayout> </template> 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> @@ -92,6 +93,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({ @@ -126,133 +130,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-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; } } } apps/cMiniApp/src/subpackages/curriculum/mineDetailedInfo/InnerPage.vue
@@ -48,14 +48,16 @@ <style lang="scss"> @import '@/styles/common.scss'; .person-photo { .nut-form-item__label { padding-right: 0; .mineDetailedInfo-page-wrapper { .person-photo { .nut-form-item__label { padding-right: 0; } } } .nut-form .nut-cell.bole-form-item:not(.alignTop), page .nut-form .nut-cell.bole-form-item:not(.alignTop) { align-items: flex-start !important; .nut-form .nut-cell.bole-form-item:not(.alignTop), page .nut-form .nut-cell.bole-form-item:not(.alignTop) { align-items: flex-start !important; } } </style> apps/cMiniApp/src/subpackages/curriculum/mineDetailedInfo/mineDetailedInfo.vue
@@ -1,5 +1,5 @@ <template> <PageLayout class="index-page-wrapper" :title="'详细信息'" has-border> <PageLayout class="mineDetailedInfo-page-wrapper" :title="'详细信息'" has-border> <InnerPage></InnerPage> </PageLayout> </template> apps/cMiniApp/src/subpackages/curriculum/mineWorkExperience/mineWorkExperience.vue
@@ -1,5 +1,5 @@ <template> <PageLayout class="index-page-wrapper" :title="'工作经验'" has-border> <PageLayout class="mineWorkExperience-page-wrapper" :title="'工作经验'" has-border> <InnerPage></InnerPage> </PageLayout> </template> apps/cMiniApp/src/subpackages/mine/mineAgreementSign/InnerPage.vue
@@ -82,8 +82,10 @@ <style lang="scss"> @import '@/styles/common.scss'; .task-card-actions-text { font-size: 24px; line-height: 42px; .mineAgreementSign-page-wrapper { .task-card-actions-text { font-size: 24px; line-height: 42px; } } </style> apps/cMiniApp/src/subpackages/mine/mineAgreementSign/mineAgreementSign.vue
@@ -1,5 +1,5 @@ <template> <PageLayoutWithBg class="index-page-wrapper" :title="'协议签约'"> <PageLayoutWithBg class="mineAgreementSign-page-wrapper" :title="'协议签约'"> <InnerPage></InnerPage> </PageLayoutWithBg> </template> apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/InnerPage.vue
@@ -99,15 +99,17 @@ <style lang="scss"> @import '@/styles/common.scss'; .mine-agreement-sign-detail { padding: 20px 28px 0; .mineAgreementSignDetail-page-wrapper { .mine-agreement-sign-detail { padding: 20px 28px 0; .mine-agreement-sign-detail-card { margin-bottom: 24px; .mine-agreement-sign-detail-card { margin-bottom: 24px; } } } .detail-card-btn { color: boleGetCssVar('color', 'primary'); .detail-card-btn { color: boleGetCssVar('color', 'primary'); } } </style> apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailCard.vue
@@ -24,6 +24,8 @@ </script> <style lang="scss"> @import '@/styles/common.scss'; .mine-agreement-sign-detail-card { background-color: #fff; border-radius: 12px; apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/MineAgreementSignDetailItem.vue
@@ -35,6 +35,8 @@ </script> <style lang="scss"> @import '@/styles/common.scss'; .mine-agreement-sign-detail-item { margin-bottom: 24px; display: flex; apps/cMiniApp/src/subpackages/mine/mineAgreementSignDetail/mineAgreementSignDetail.vue
@@ -1,5 +1,5 @@ <template> <PageLayoutWithBg class="index-page-wrapper" :title="'协议详情'"> <PageLayoutWithBg class="mineAgreementSignDetail-page-wrapper" :title="'协议详情'"> <InnerPage> </InnerPage> </PageLayoutWithBg> </template> @@ -8,7 +8,7 @@ import InnerPage from './InnerPage.vue'; defineOptions({ name: 'mineAgreementSign', name: 'mineAgreementSignDetail', }); </script> apps/cMiniApp/src/subpackages/mine/mineCancel/InnerPage.vue
@@ -49,9 +49,11 @@ <style lang="scss"> @import '@/styles/common.scss'; .task-card-actions-text { font-size: 24px; line-height: 42px; color: #9fa4ac; .mineCancel-page-wrapper { .task-card-actions-text { font-size: 24px; line-height: 42px; color: #9fa4ac; } } </style> apps/cMiniApp/src/subpackages/mine/mineCancel/mineCancel.vue
@@ -1,5 +1,5 @@ <template> <PageLayoutWithBg class="index-page-wrapper" :title="'已取消'"> <PageLayoutWithBg class="mineCancel-page-wrapper" :title="'已取消'"> <InnerPage></InnerPage> </PageLayoutWithBg> </template> apps/cMiniApp/src/subpackages/mine/mineCollectTask/InnerPage.vue
@@ -49,22 +49,24 @@ <style lang="scss"> @import '@/styles/common.scss'; .my-collect-task { display: flex; align-items: center; justify-content: space-between; padding: 30px 40px; .mineCollectTask-page-wrapper { .my-collect-task { display: flex; align-items: center; justify-content: space-between; padding: 30px 40px; .my-collect-task-title { font-size: 28px; line-height: 40px; color: boleGetCssVar('text-color', 'primary'); } .my-collect-task-title { font-size: 28px; line-height: 40px; color: boleGetCssVar('text-color', 'primary'); } .my-collect-task-btn { font-size: 24px; line-height: 34px; color: boleGetCssVar('text-color', 'regular'); .my-collect-task-btn { font-size: 24px; line-height: 34px; color: boleGetCssVar('text-color', 'regular'); } } } </style> apps/cMiniApp/src/subpackages/mine/mineCollectTask/mineCollectTask.vue
@@ -1,5 +1,5 @@ <template> <PageLayoutWithBg class="index-page-wrapper" :title="'我收藏的任务'"> <PageLayoutWithBg class="mineCollectTask-page-wrapper" :title="'我收藏的任务'"> <InnerPage></InnerPage> </PageLayoutWithBg> </template> apps/cMiniApp/src/subpackages/mine/mineHire/InnerPage.vue
@@ -75,8 +75,10 @@ <style lang="scss"> @import '@/styles/common.scss'; .task-card-actions-text { font-size: 24px; line-height: 42px; .mineHire-page-wrapper { .task-card-actions-text { font-size: 24px; line-height: 42px; } } </style> apps/cMiniApp/src/subpackages/mine/mineHire/mineHire.vue
@@ -1,5 +1,5 @@ <template> <PageLayoutWithBg class="index-page-wrapper" :title="'已录用'"> <PageLayoutWithBg class="mineHire-page-wrapper" :title="'已录用'"> <InnerPage></InnerPage> </PageLayoutWithBg> </template> apps/cMiniApp/src/subpackages/mine/mineSign/InnerPage.vue
@@ -74,8 +74,10 @@ <style lang="scss"> @import '@/styles/common.scss'; .task-card-actions-text { font-size: 24px; line-height: 42px; .mineSign-page-wrapper { .task-card-actions-text { font-size: 24px; line-height: 42px; } } </style> apps/cMiniApp/src/subpackages/mine/mineSign/mineSign.vue
@@ -1,5 +1,5 @@ <template> <PageLayoutWithBg class="index-page-wrapper" :title="'我的报名'"> <PageLayoutWithBg class="mineSign-page-wrapper" :title="'我的报名'"> <InnerPage></InnerPage> </PageLayoutWithBg> </template>