Hooke / manulife-weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
448c3df4 1 parent c435ce12

refactor(pages/index): 重构首页并移除离线功能相关代码 

- 删除旧版首页 Less 样式文件，全面采用 Tailwind CSS
- 更新首页配置，将导航栏标题改为"臻奇智荟圈"
- 重构首页 Vue 组件，适配新设计稿并使用 Taro + Vue 3 Setup 语法
- 移除所有离线功能相关逻辑、网络状态监听和弱网缓存代码
- 清理应用配置文件，移除未使用的页面路由
- 更新 CHANGELOG 文档记录所有变更
- 添加设计稿相关资源文件
Expand all
Inline Side-by-side
Showing 8 changed files with 304 additions and 42 deletions
...@@ -8,3 +8,31 @@ All notable changes to this project will be documented in this file. ...@@ -8,3 +8,31 @@ All notable changes to this project will be documented in this file.
8 - 初始化项目 Git 仓库 8 - 初始化项目 Git 仓库
9 - 创建 .gitignore 配置文件 9 - 创建 .gitignore 配置文件
10 - 创建并切换到 develop 分支 10 - 创建并切换到 develop 分支
11 +
12 +### Changed
13 +- 暂时禁用授权模式功能 (`ENABLE_AUTH_MODE = false`)
14 +- 拦截所有授权检查与自动跳转登录逻辑
15 +- 禁用 401 自动续期拦截器
16 +- 暂时禁用离线模式功能 (`ENABLE_OFFLINE_MODE = false`)
17 +- 拦截所有离线缓存读写操作与轮询逻辑
18 +- 修复 `src/pages/index/index.vue` 中 `ENABLE_OFFLINE_MODE` 引用缺失导致的报错
19 +- 优化 `src/pages/index/index.vue` 减少不必要的网络监听资源消耗
20 +- 重构首页 (`src/pages/index`)，使用 Taro + Vue 3 Setup 语法实现
21 +- 适配 `docs/design/manulife-V1/首页` 设计稿，精确还原 UI
22 +- 转换 CSS 为 Less，并使用 `rpx` 单位适配小程序响应式布局
23 +- 整合离线网络检测与状态管理逻辑
24 +- 更新首页导航栏标题为 "臻奇智荟圈"
25 +- 重构首页样式 (`src/pages/index`)，全面采用 Tailwind CSS 替代 Less
26 +- 替换静态图片资源为 Picsum 随机图源，提升演示灵活性
27 +- 集成 NutUI 图标组件库，替换原有 SVG/图片图标
28 +
29 +### Removed
30 +- 删除项目所有离线功能相关逻辑
31 +- 移除 `src/composables/useOfflineBookingCache.js` 和 `useOfflineBookingCachePolling.js`
32 +- 清理 `src/app.js` 中的离线初始化代码
33 +- 清理 `src/utils/request.js` 中的弱网缓存拦截与提示逻辑
34 +- 清理 `src/pages/index/index.vue` 中的网络状态监听与离线模式代码
35 +- 移除 `src/utils/uiText.js` 及相关引用
36 +- 移除 `src/api/index.js` 中的离线专用接口定义
37 +- 更新配置文件，移除 `ENABLE_OFFLINE_MODE` 开关
38 +- 修复构建告警：移除首页残留的 `ENABLE_OFFLINE_MODE` 与 `@/utils/uiText` 引用
......
This diff is collapsed. Click to expand it.
1 +<template>
2 + <div class="page flex-col">
3 + <div class="box_1 flex-row justify-between">
4 + <span class="text_1">9:41</span>
5 + <img
6 + class="image_1"
7 + referrerpolicy="no-referrer"
8 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng41ebf05313566695702fdc28688b6ed52dbbba555ddd1f6c423593ff63b3f65e"
9 + />
10 + </div>
11 + <div class="box_2 flex-col">
12 + <div class="group_1 flex-col">
13 + <div class="grid_1 flex-row">
14 + <div
15 + class="image-text_1 flex-col"
16 + v-for="(item, index) in loopData0"
17 + :key="index"
18 + >
19 + <img
20 + class="image_2"
21 + referrerpolicy="no-referrer"
22 + :src="item.lanhuimage0"
23 + />
24 + <span class="text-group_1" v-html="item.lanhutext0"></span>
25 + </div>
26 + </div>
27 + </div>
28 + <div class="group_2 flex-col">
29 + <div class="text-wrapper_1 flex-row justify-between">
30 + <span class="text_2">热卖产品：</span>
31 + <span class="text_3">查看更多</span>
32 + </div>
33 + <div class="box_3 flex-col">
34 + <span class="text_4">家庭财富传承保障计划（分红）</span>
35 + <div class="grid_2 flex-row">
36 + <div class="text-wrapper_2 flex-col">
37 + <span class="text_5">收益率3.5%</span>
38 + </div>
39 + <div class="text-wrapper_3 flex-col">
40 + <span class="text_6">5年超值</span>
41 + </div>
42 + <div class="text-wrapper_4 flex-col">
43 + <span class="text_7">保证收益万能</span>
44 + </div>
45 + <div class="text-wrapper_5 flex-col">
46 + <span class="text_8">限时2.00%</span>
47 + </div>
48 + </div>
49 + <div class="section_1 flex-row justify-between">
50 + <div class="text-wrapper_6 flex-col">
51 + <span class="text_9">产品资料</span>
52 + </div>
53 + <div class="text-wrapper_7 flex-col">
54 + <span class="text_10">计划书</span>
55 + </div>
56 + </div>
57 + </div>
58 + <div class="box_4 flex-col">
59 + <span class="text_11">儿童教育金储备方案（分红）</span>
60 + <div class="block_1 flex-row justify-between">
61 + <div class="text-wrapper_8 flex-col">
62 + <span class="text_12">收益率4.2%</span>
63 + </div>
64 + <div class="text-wrapper_9 flex-col">
65 + <span class="text_13">10年期</span>
66 + </div>
67 + <div class="text-wrapper_10 flex-col">
68 + <span class="text_14">教育专属</span>
69 + </div>
70 + </div>
71 + <div class="block_2 flex-row justify-between">
72 + <div class="text-wrapper_11 flex-col">
73 + <span class="text_15">产品资料</span>
74 + </div>
75 + <div class="text-wrapper_12 flex-col">
76 + <span class="text_16">计划书</span>
77 + </div>
78 + </div>
79 + </div>
80 + </div>
81 + <div class="group_3 flex-col">
82 + <div class="text-wrapper_13 flex-row justify-between">
83 + <span class="text_17">本周热门资料</span>
84 + <span class="text_18">查看更多</span>
85 + </div>
86 + <div class="group_4 flex-row justify-between">
87 + <div class="image-text_2 flex-row justify-between">
88 + <img
89 + class="thumbnail_1"
90 + referrerpolicy="no-referrer"
91 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
92 + />
93 + <span class="text-group_2">256人学习</span>
94 + </div>
95 + <span class="text_19">78%</span>
96 + <div class="image-text_3 flex-row justify-between">
97 + <img
98 + class="image_3"
99 + referrerpolicy="no-referrer"
100 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1be951f3bd8f40d9a448b411caf782306928530c03c5da114f9ce990a51f9c12"
101 + />
102 + <span class="text-group_3">2024年保险市场趋势分析报告</span>
103 + </div>
104 + </div>
105 + <img
106 + class="image_4"
107 + referrerpolicy="no-referrer"
108 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271"
109 + />
110 + <div class="group_5 flex-row">
111 + <div class="image-text_4 flex-row justify-between">
112 + <img
113 + class="thumbnail_2"
114 + referrerpolicy="no-referrer"
115 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
116 + />
117 + <span class="text-group_4">189人学习</span>
118 + </div>
119 + <div class="image-text_5 flex-row justify-between">
120 + <img
121 + class="image_5"
122 + referrerpolicy="no-referrer"
123 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng7ed1867c614047c5556036c68d3e0bc23adeec0a03a1f93504a92bd2429e78d2"
124 + />
125 + <div class="text-group_5 flex-col">
126 + <span class="text_20">高净值客户需求分析与产品匹配</span>
127 + <span class="text_21">65%</span>
128 + </div>
129 + </div>
130 + </div>
131 + <img
132 + class="image_6"
133 + referrerpolicy="no-referrer"
134 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271"
135 + />
136 + <div class="group_6 flex-row justify-between">
137 + <div class="image-text_6 flex-row justify-between">
138 + <img
139 + class="thumbnail_3"
140 + referrerpolicy="no-referrer"
141 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
142 + />
143 + <span class="text-group_6">142人学习</span>
144 + </div>
145 + <span class="text_22">52%</span>
146 + <div class="image-text_7 flex-row justify-between">
147 + <img
148 + class="image_7"
149 + referrerpolicy="no-referrer"
150 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng6e0e05483dc698cbc4497f50b3bd13605c7a742843afd58d656615bf0f12c3c9"
151 + />
152 + <span class="text-group_7">保险合同条款解读与风险提示</span>
153 + </div>
154 + </div>
155 + </div>
156 + <div class="group_7 flex-col">
157 + <img
158 + class="image_8"
159 + referrerpolicy="no-referrer"
160 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbf3e746af52a38753bd540d5f486761a166161ff3c8f2985aa5e994a36349ea4"
161 + />
162 + <div class="list_1 flex-row">
163 + <div
164 + class="image-text_8 flex-col"
165 + v-for="(item, index) in loopData1"
166 + :key="index"
167 + >
168 + <img
169 + class="label_1"
170 + referrerpolicy="no-referrer"
171 + :src="item.lanhuimage0"
172 + />
173 + <span
174 + class="text-group_8"
175 + :style="{ color: item.lanhufontColor0 }"
176 + v-html="item.lanhutext0"
177 + ></span>
178 + </div>
179 + </div>
180 + <img
181 + class="image_9"
182 + referrerpolicy="no-referrer"
183 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd87bce34194e46404c7ac21a64bed8e9f8454451baaf336c5201241680a20c9d"
184 + />
185 + </div>
186 + </div>
187 + <div class="box_5 flex-col">
188 + <span class="text_23">臻奇智荟圈</span>
189 + <div class="box_6 flex-row">
190 + <div class="image-text_9 flex-row justify-between">
191 + <img
192 + class="thumbnail_4"
193 + referrerpolicy="no-referrer"
194 + src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge70b40998a55fd5afcd7af006a030581403739d95f19ae93ec445e2c7a3f394e"
195 + />
196 + <span class="text-group_9">搜索培训资料、案例...</span>
197 + </div>
198 + </div>
199 + </div>
200 + </div>
201 +</template>
202 +<script>
203 +export default {
204 + data() {
205 + return {
206 + loopData0: [
207 + {
208 + lanhuimage0:
209 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1d33b0dff470a17d9a986f1713e25a3bd12449943610bdd67a96ca95cccab96e',
210 + lanhutext0: '计划书',
211 + },
212 + {
213 + lanhuimage0:
214 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng850afb7cff66e9825b628363734d7a475c4664cf264679159b1dfd5124b73113',
215 + lanhutext0: '入职相关',
216 + },
217 + {
218 + lanhuimage0:
219 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbe3ecbbad98de984b03f3b9ea90551034f64caaeb54fcb543509b2871f9e6e66',
220 + lanhutext0: '签单相关',
221 + },
222 + {
223 + lanhuimage0:
224 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb50c7f823c501e2898b6f1ca071b3695e9fefc551f83ff7c3c9797c92626916f',
225 + lanhutext0: '家办相关',
226 + },
227 + {
228 + lanhuimage0:
229 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge93be123da82ca55f1b40c63bcb07c7efd19985397de7666fcfa7d8202ca22df',
230 + lanhutext0: '产品知识库',
231 + },
232 + {
233 + lanhuimage0:
234 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf249d43500cae9c683301328abadc586ef23a2e14f09f226a4209bf5ca874717',
235 + lanhutext0: '工具箱',
236 + },
237 + ],
238 + loopData1: [
239 + {
240 + lanhuimage0:
241 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng720f91cb0b105e7be4aac241a0575bb0a7d3c26f39519a121ac7141bfe84c0c5',
242 + lanhutext0: '首页',
243 + lanhufontColor0: 'rgba(37,99,235,1.000000)',
244 + },
245 + {
246 + lanhuimage0:
247 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng355fd7cd6d5c986d30655db577fe8e511f878d37c9506e77dc53be60228d6453',
248 + lanhutext0: 'AI答疑',
249 + lanhufontColor0: 'rgba(156,163,175,1.000000)',
250 + },
251 + {
252 + lanhuimage0:
253 + 'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng13ceb19b113cdc23fbf47e15ccf14d27aec044ad2c13f88539fc8459993ade6f',
254 + lanhutext0: '我的',
255 + lanhufontColor0: 'rgba(156,163,175,1.000000)',
256 + },
257 + ],
258 + constants: {},
259 + };
260 + },
261 + methods: {},
262 +};
263 +</script>
264 +<style src="./common.css" />
265 +<style src="./index.css" />
1 /* 1 /*
2 * @Date: 2025-06-28 10:33:00 2 * @Date: 2025-06-28 10:33:00
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-01-14 21:35:58 4 + * @LastEditTime: 2026-01-29 18:17:31
5 - * @FilePath: /xyxBooking-weapp/src/app.config.js 5 + * @FilePath: /manulife-weapp/src/app.config.js
6 * @Description: 小程序配置文件 6 * @Description: 小程序配置文件
7 */ 7 */
8 const pages = [ 8 const pages = [
9 'pages/index/index', 9 'pages/index/index',
10 'pages/auth/index', 10 'pages/auth/index',
11 - 'pages/notice/index',
12 - 'pages/booking/index',
13 - 'pages/submit/index',
14 - 'pages/addVisitor/index',
15 - 'pages/success/index',
16 - 'pages/bookingCode/index',
17 - 'pages/bookingList/index',
18 - 'pages/bookingDetail/index',
19 - 'pages/me/index',
20 - 'pages/search/index',
21 - 'pages/visitorList/index',
22 - 'pages/volunteerLogin/index',
23 - 'pages/verificationResult/index',
24 - 'pages/weakNetwork/index',
25 - 'pages/offlineBookingCode/index',
26 - 'pages/offlineBookingList/index',
27 - 'pages/offlineBookingDetail/index',
28 ] 11 ]
29 12
30 if (process.env.NODE_ENV === 'development') { 13 if (process.env.NODE_ENV === 'development') {
31 - pages.push('pages/nfcTest/index') 14 + // pages.push('pages/nfcTest/index')
32 - pages.push('pages/tailwindTest/index') 15 + // pages.push('pages/tailwindTest/index')
33 } 16 }
34 17
35 const subpackages = process.env.NODE_ENV === 'development' 18 const subpackages = process.env.NODE_ENV === 'development'
36 ? [ 19 ? [
37 - { 20 + // {
38 - root: 'pages/demo', 21 + // root: 'pages/demo',
39 - pages: ['index'], 22 + // pages: ['index'],
40 - }, 23 + // },
41 - {
42 - root: 'pages/examples',
43 - pages: ['api-demo/index'],
44 - },
45 ] 24 ]
46 : [] 25 : []
47 26
......
1 /* 1 /*
2 * @Date: 2025-06-28 10:33:00 2 * @Date: 2025-06-28 10:33:00
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2026-01-06 22:13:24 4 + * @LastEditTime: 2026-01-29 17:51:21
5 - * @FilePath: /xyxBooking-weapp/src/pages/index/index.config.js 5 + * @FilePath: /manulife-weapp/src/pages/index/index.config.js
6 * @Description: 首页配置 6 * @Description: 首页配置
7 */ 7 */
8 export default { 8 export default {
9 - navigationBarTitleText: '西园寺预约' 9 + navigationBarTitleText: '臻奇智荟圈'
10 } 10 }
......
1 -/**
2 - * index页面样式
3 - */
4 -.index {
5 - padding: 40rpx;
6 -
7 - .nut-button {
8 - margin-bottom: 40rpx;
9 - }
10 -}
This diff is collapsed. Click to expand it.