Hooke / manulife-weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
3ef21d71 1 parent 7c221e59

feat(help-center): 优化帮助中心页面交互与样式 

重构联系客服与问题详情弹窗，提取硬编码数据为常量
使用 NutPopup 组件实现弹窗交互，优化视觉样式
添加富文本内容渲染支持，提升用户体验
Expand all
Inline Side-by-side
Showing 4 changed files with 12 additions and 3 deletions
...@@ -13,6 +13,7 @@ declare module 'vue' { ...@@ -13,6 +13,7 @@ declare module 'vue' {
13 NavHeader: typeof import('./src/components/NavHeader.vue')['default'] 13 NavHeader: typeof import('./src/components/NavHeader.vue')['default']
14 NutAvatar: typeof import('@nutui/nutui-taro')['Avatar'] 14 NutAvatar: typeof import('@nutui/nutui-taro')['Avatar']
15 NutButton: typeof import('@nutui/nutui-taro')['Button'] 15 NutButton: typeof import('@nutui/nutui-taro')['Button']
16 + NutPopup: typeof import('@nutui/nutui-taro')['Popup']
16 NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar'] 17 NutSearchbar: typeof import('@nutui/nutui-taro')['Searchbar']
17 NutTabPane: typeof import('@nutui/nutui-taro')['TabPane'] 18 NutTabPane: typeof import('@nutui/nutui-taro')['TabPane']
18 NutTabs: typeof import('@nutui/nutui-taro')['Tabs'] 19 NutTabs: typeof import('@nutui/nutui-taro')['Tabs']
......
...@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file. ...@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
4 4
5 ## [Unreleased] 5 ## [Unreleased]
6 6
7 +### Changed
8 +- 优化 "帮助中心" 页面 (`src/pages/help-center`)：
9 + - 重构 "联系客服" 弹窗，将硬编码数据提取为 `contactMethods` 数组，并优化样式布局
10 + - 重构 "问题详情" 弹窗，使用 `v-html` 渲染富文本内容，并将模拟数据提取为 `mockRichText` 常量
11 + - 优化弹窗样式，使用 Tailwind CSS 提升视觉体验
12 +
7 ### Added 13 ### Added
8 - 新增 "帮助中心" 页面 (`src/pages/help-center`)： 14 - 新增 "帮助中心" 页面 (`src/pages/help-center`)：
9 - 还原设计稿 (`docs/design/manulife-V1/帮助中心`) 布局与交互 15 - 还原设计稿 (`docs/design/manulife-V1/帮助中心`) 布局与交互
......
1 <!-- 1 <!--
2 * @Date: 2026-01-29 21:30:20 2 * @Date: 2026-01-29 21:30:20
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-01-30 15:29:14 4 + * @LastEditTime: 2026-01-30 17:16:13
5 * @FilePath: /manulife-weapp/src/components/IconFont.vue 5 * @FilePath: /manulife-weapp/src/components/IconFont.vue
6 * @Description: 图标字体组件 6 * @Description: 图标字体组件
7 --> 7 -->
...@@ -38,7 +38,8 @@ import { ...@@ -38,7 +38,8 @@ import {
38 StarFill, 38 StarFill,
39 Top, 39 Top,
40 Photograph, 40 Photograph,
41 - Del 41 + Del,
42 + Close,
42 } from '@nutui/icons-vue-taro'; 43 } from '@nutui/icons-vue-taro';
43 44
44 const props = defineProps({ 45 const props = defineProps({
...@@ -87,7 +88,8 @@ const icons = { ...@@ -87,7 +88,8 @@ const icons = {
87 StarFill, 88 StarFill,
88 Top, 89 Top,
89 Photograph, 90 Photograph,
90 - Del 91 + Del,
92 + Close,
91 }; 93 };
92 94
93 const iconComponent = computed(() => { 95 const iconComponent = computed(() => {
......
This diff is collapsed. Click to expand it.