hookehuyr

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

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