From b25f2dde3a57c3b8e007ac3059587e9d0cec3764 Mon Sep 17 00:00:00 2001 From: xuxin <15279969124@163.com> Date: Thu, 9 Jul 2026 11:45:36 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E5=BE=AE?= =?UTF-8?q?=E8=B0=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/styles/components/side-nav.scss | 22 +++++++++- src/assets/styles/pages/profile.scss | 6 ++- src/components/MentorAsidePanel.vue | 2 +- src/components/SideNav.vue | 49 ++++++++++++++++++---- src/views/Profile.vue | 5 +-- 5 files changed, 68 insertions(+), 16 deletions(-) diff --git a/src/assets/styles/components/side-nav.scss b/src/assets/styles/components/side-nav.scss index 874bde0..f05f92e 100644 --- a/src/assets/styles/components/side-nav.scss +++ b/src/assets/styles/components/side-nav.scss @@ -88,7 +88,7 @@ } &__item-label { - flex: 1; + } &__badge { @@ -100,6 +100,26 @@ font-weight: 600; } + /* 索引0菜单项的"全网"小标签 */ + &__tag-quanwang { + display: flex; + align-items: center; + justify-content: center; + padding: 0.02rem 0.04rem; + min-width: 0.28rem; + height: 0.17rem; + background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%); + border-radius: 0.04rem; + font-family: 'MiSans'; + font-style: normal; + font-weight: 520; + font-size: 0.10rem; + line-height: 0.13rem; + text-align: center; + color: #FFFFFF; + flex: none; + } + &__footer { display: flex; flex-direction: column; diff --git a/src/assets/styles/pages/profile.scss b/src/assets/styles/pages/profile.scss index d0ab9bc..6486903 100644 --- a/src/assets/styles/pages/profile.scss +++ b/src/assets/styles/pages/profile.scss @@ -5,7 +5,7 @@ &__content { margin-left: 2rem; flex: 1; - padding: 0.12rem 0.36rem; + padding-bottom: 0.12rem; height: var(--app-height, 100vh); box-sizing: border-box; overflow: hidden; @@ -17,7 +17,8 @@ // 页面标题区 &__header { - margin-bottom: 0.16rem; + padding: 0.16rem 0.24rem; + background: #fff; } &__title { @@ -51,6 +52,7 @@ flex: 1; min-height: 0; overflow: hidden; + margin: 0.16rem 0.24rem; } // 右侧边栏 diff --git a/src/components/MentorAsidePanel.vue b/src/components/MentorAsidePanel.vue index 14925fd..9ef9a21 100644 --- a/src/components/MentorAsidePanel.vue +++ b/src/components/MentorAsidePanel.vue @@ -143,7 +143,7 @@
- 正在生成对话预览... + 正在加载...
diff --git a/src/components/SideNav.vue b/src/components/SideNav.vue index d5a0d0a..574d760 100644 --- a/src/components/SideNav.vue +++ b/src/components/SideNav.vue @@ -10,16 +10,24 @@ @@ -27,11 +35,6 @@
- -
@@ -259,6 +262,34 @@ import navShareIcon from '@/assets/images/nav/nav-share-icon.png' // 导师页图标（暂用 profile 图标占位，有设计稿后替换为专属图标） import navMentorIcon from '@/assets/images/nav/nav-profile-icon.png' +/** + * 选中/hover 状态下的图标 SVG 数组 + * 按索引与 mainMenus 中的菜单项一一对应 + * 索引0 对应第一个菜单项，索引1 对应第二个，以此类推 + */ +const activeIconSvgs: string[] = [ + // 索引0 — 职位（Jobs） + '', + // 索引1 — 第二个菜单项（待替换） + '', + // 索引2 — 第三个菜单项（待替换） + '', + // 索引3 — 第四个菜单项（待替换） + '', + // 索引4 — 第五个菜单项（待替换） + '', + // 索引5 — 第六个菜单项（待替换） + '', +] + +/** + * 根据菜单索引获取选中状态图标 + * 当菜单处于 hover 或 active 状态时使用此图标替换默认图标 + */ +function getActiveIcon(index: number): string { + return activeIconSvgs[index] || '' +} + const route = useRoute() const router = useRouter() const store = useStore() @@ -356,6 +387,8 @@ const mainMenus = computed(() => { const showShareDialog = ref(false) const showMessageDialog = ref(false) const showFeedbackDialog = ref(false) +/** 当前hover的菜单索引，-1表示无hover */ +const hoverIndex = ref(-1) /** 会员权限拦截弹窗 */ const showMemberAccessDialog = ref(false) /** 会员购买弹窗 */ diff --git a/src/views/Profile.vue b/src/views/Profile.vue index 7a485d5..70f6cd2 100644 --- a/src/views/Profile.vue +++ b/src/views/Profile.vue @@ -15,10 +15,7 @@
-

个人资料 ⓘ

-

- 设定个人资料以匹配岗位需求，包括教育背景、实习经历等，大部分信息可以从简历中自动获取，也可以手动修改。 -

+

个人资料