Hooke / manulife-weapp

Go to a project
Toggle navigation Toggle navigation pinning
You need to sign in or sign up before continuing.
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.
- 初始化项目 Git 仓库
- 创建 .gitignore 配置文件
- 创建并切换到 develop 分支
### Changed
- 暂时禁用授权模式功能 (`ENABLE_AUTH_MODE = false`)
- 拦截所有授权检查与自动跳转登录逻辑
- 禁用 401 自动续期拦截器
- 暂时禁用离线模式功能 (`ENABLE_OFFLINE_MODE = false`)
- 拦截所有离线缓存读写操作与轮询逻辑
- 修复 `src/pages/index/index.vue` 中 `ENABLE_OFFLINE_MODE` 引用缺失导致的报错
- 优化 `src/pages/index/index.vue` 减少不必要的网络监听资源消耗
- 重构首页 (`src/pages/index`)，使用 Taro + Vue 3 Setup 语法实现
- 适配 `docs/design/manulife-V1/首页` 设计稿，精确还原 UI
- 转换 CSS 为 Less，并使用 `rpx` 单位适配小程序响应式布局
- 整合离线网络检测与状态管理逻辑
- 更新首页导航栏标题为 "臻奇智荟圈"
- 重构首页样式 (`src/pages/index`)，全面采用 Tailwind CSS 替代 Less
- 替换静态图片资源为 Picsum 随机图源，提升演示灵活性
- 集成 NutUI 图标组件库，替换原有 SVG/图片图标
### Removed
- 删除项目所有离线功能相关逻辑
- 移除 `src/composables/useOfflineBookingCache.js` 和 `useOfflineBookingCachePolling.js`
- 清理 `src/app.js` 中的离线初始化代码
- 清理 `src/utils/request.js` 中的弱网缓存拦截与提示逻辑
- 清理 `src/pages/index/index.vue` 中的网络状态监听与离线模式代码
- 移除 `src/utils/uiText.js` 及相关引用
- 移除 `src/api/index.js` 中的离线专用接口定义
- 更新配置文件，移除 `ENABLE_OFFLINE_MODE` 开关
- 修复构建告警：移除首页残留的 `ENABLE_OFFLINE_MODE` 与 `@/utils/uiText` 引用
......
This diff is collapsed. Click to expand it.
<template>
<div class="page flex-col">
<div class="box_1 flex-row justify-between">
<span class="text_1">9:41</span>
<img
class="image_1"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng41ebf05313566695702fdc28688b6ed52dbbba555ddd1f6c423593ff63b3f65e"
/>
</div>
<div class="box_2 flex-col">
<div class="group_1 flex-col">
<div class="grid_1 flex-row">
<div
class="image-text_1 flex-col"
v-for="(item, index) in loopData0"
:key="index"
>
<img
class="image_2"
referrerpolicy="no-referrer"
:src="item.lanhuimage0"
/>
<span class="text-group_1" v-html="item.lanhutext0"></span>
</div>
</div>
</div>
<div class="group_2 flex-col">
<div class="text-wrapper_1 flex-row justify-between">
<span class="text_2">热卖产品：</span>
<span class="text_3">查看更多</span>
</div>
<div class="box_3 flex-col">
<span class="text_4">家庭财富传承保障计划（分红）</span>
<div class="grid_2 flex-row">
<div class="text-wrapper_2 flex-col">
<span class="text_5">收益率3.5%</span>
</div>
<div class="text-wrapper_3 flex-col">
<span class="text_6">5年超值</span>
</div>
<div class="text-wrapper_4 flex-col">
<span class="text_7">保证收益万能</span>
</div>
<div class="text-wrapper_5 flex-col">
<span class="text_8">限时2.00%</span>
</div>
</div>
<div class="section_1 flex-row justify-between">
<div class="text-wrapper_6 flex-col">
<span class="text_9">产品资料</span>
</div>
<div class="text-wrapper_7 flex-col">
<span class="text_10">计划书</span>
</div>
</div>
</div>
<div class="box_4 flex-col">
<span class="text_11">儿童教育金储备方案（分红）</span>
<div class="block_1 flex-row justify-between">
<div class="text-wrapper_8 flex-col">
<span class="text_12">收益率4.2%</span>
</div>
<div class="text-wrapper_9 flex-col">
<span class="text_13">10年期</span>
</div>
<div class="text-wrapper_10 flex-col">
<span class="text_14">教育专属</span>
</div>
</div>
<div class="block_2 flex-row justify-between">
<div class="text-wrapper_11 flex-col">
<span class="text_15">产品资料</span>
</div>
<div class="text-wrapper_12 flex-col">
<span class="text_16">计划书</span>
</div>
</div>
</div>
</div>
<div class="group_3 flex-col">
<div class="text-wrapper_13 flex-row justify-between">
<span class="text_17">本周热门资料</span>
<span class="text_18">查看更多</span>
</div>
<div class="group_4 flex-row justify-between">
<div class="image-text_2 flex-row justify-between">
<img
class="thumbnail_1"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
/>
<span class="text-group_2">256人学习</span>
</div>
<span class="text_19">78%</span>
<div class="image-text_3 flex-row justify-between">
<img
class="image_3"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1be951f3bd8f40d9a448b411caf782306928530c03c5da114f9ce990a51f9c12"
/>
<span class="text-group_3">2024年保险市场趋势分析报告</span>
</div>
</div>
<img
class="image_4"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271"
/>
<div class="group_5 flex-row">
<div class="image-text_4 flex-row justify-between">
<img
class="thumbnail_2"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
/>
<span class="text-group_4">189人学习</span>
</div>
<div class="image-text_5 flex-row justify-between">
<img
class="image_5"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng7ed1867c614047c5556036c68d3e0bc23adeec0a03a1f93504a92bd2429e78d2"
/>
<div class="text-group_5 flex-col">
<span class="text_20">高净值客户需求分析与产品匹配</span>
<span class="text_21">65%</span>
</div>
</div>
</div>
<img
class="image_6"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271"
/>
<div class="group_6 flex-row justify-between">
<div class="image-text_6 flex-row justify-between">
<img
class="thumbnail_3"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbbfb74181183949bab3fd24840ff57318c45a0419d0256444fd1c4ef1a79c138"
/>
<span class="text-group_6">142人学习</span>
</div>
<span class="text_22">52%</span>
<div class="image-text_7 flex-row justify-between">
<img
class="image_7"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng6e0e05483dc698cbc4497f50b3bd13605c7a742843afd58d656615bf0f12c3c9"
/>
<span class="text-group_7">保险合同条款解读与风险提示</span>
</div>
</div>
</div>
<div class="group_7 flex-col">
<img
class="image_8"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbf3e746af52a38753bd540d5f486761a166161ff3c8f2985aa5e994a36349ea4"
/>
<div class="list_1 flex-row">
<div
class="image-text_8 flex-col"
v-for="(item, index) in loopData1"
:key="index"
>
<img
class="label_1"
referrerpolicy="no-referrer"
:src="item.lanhuimage0"
/>
<span
class="text-group_8"
:style="{ color: item.lanhufontColor0 }"
v-html="item.lanhutext0"
></span>
</div>
</div>
<img
class="image_9"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd87bce34194e46404c7ac21a64bed8e9f8454451baaf336c5201241680a20c9d"
/>
</div>
</div>
<div class="box_5 flex-col">
<span class="text_23">臻奇智荟圈</span>
<div class="box_6 flex-row">
<div class="image-text_9 flex-row justify-between">
<img
class="thumbnail_4"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge70b40998a55fd5afcd7af006a030581403739d95f19ae93ec445e2c7a3f394e"
/>
<span class="text-group_9">搜索培训资料、案例...</span>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
loopData0: [
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng1d33b0dff470a17d9a986f1713e25a3bd12449943610bdd67a96ca95cccab96e',
lanhutext0: '计划书',
},
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng850afb7cff66e9825b628363734d7a475c4664cf264679159b1dfd5124b73113',
lanhutext0: '入职相关',
},
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbe3ecbbad98de984b03f3b9ea90551034f64caaeb54fcb543509b2871f9e6e66',
lanhutext0: '签单相关',
},
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb50c7f823c501e2898b6f1ca071b3695e9fefc551f83ff7c3c9797c92626916f',
lanhutext0: '家办相关',
},
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge93be123da82ca55f1b40c63bcb07c7efd19985397de7666fcfa7d8202ca22df',
lanhutext0: '产品知识库',
},
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf249d43500cae9c683301328abadc586ef23a2e14f09f226a4209bf5ca874717',
lanhutext0: '工具箱',
},
],
loopData1: [
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng720f91cb0b105e7be4aac241a0575bb0a7d3c26f39519a121ac7141bfe84c0c5',
lanhutext0: '首页',
lanhufontColor0: 'rgba(37,99,235,1.000000)',
},
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng355fd7cd6d5c986d30655db577fe8e511f878d37c9506e77dc53be60228d6453',
lanhutext0: 'AI答疑',
lanhufontColor0: 'rgba(156,163,175,1.000000)',
},
{
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng13ceb19b113cdc23fbf47e15ccf14d27aec044ad2c13f88539fc8459993ade6f',
lanhutext0: '我的',
lanhufontColor0: 'rgba(156,163,175,1.000000)',
},
],
constants: {},
};
},
methods: {},
};
</script>
<style src="./common.css" />
<style src="./index.css" />
/*
* @Date: 2025-06-28 10:33:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2026-01-14 21:35:58
* @FilePath: /xyxBooking-weapp/src/app.config.js
* @LastEditTime: 2026-01-29 18:17:31
* @FilePath: /manulife-weapp/src/app.config.js
* @Description: 小程序配置文件
*/
const pages = [
'pages/index/index',
'pages/auth/index',
'pages/notice/index',
'pages/booking/index',
'pages/submit/index',
'pages/addVisitor/index',
'pages/success/index',
'pages/bookingCode/index',
'pages/bookingList/index',
'pages/bookingDetail/index',
'pages/me/index',
'pages/search/index',
'pages/visitorList/index',
'pages/volunteerLogin/index',
'pages/verificationResult/index',
'pages/weakNetwork/index',
'pages/offlineBookingCode/index',
'pages/offlineBookingList/index',
'pages/offlineBookingDetail/index',
]
if (process.env.NODE_ENV === 'development') {
pages.push('pages/nfcTest/index')
pages.push('pages/tailwindTest/index')
// pages.push('pages/nfcTest/index')
// pages.push('pages/tailwindTest/index')
}
const subpackages = process.env.NODE_ENV === 'development'
? [
{
root: 'pages/demo',
pages: ['index'],
},
{
root: 'pages/examples',
pages: ['api-demo/index'],
},
// {
// root: 'pages/demo',
// pages: ['index'],
// },
]
: []
......
/*
* @Date: 2025-06-28 10:33:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2026-01-06 22:13:24
* @FilePath: /xyxBooking-weapp/src/pages/index/index.config.js
* @LastEditTime: 2026-01-29 17:51:21
* @FilePath: /manulife-weapp/src/pages/index/index.config.js
* @Description: 首页配置
*/
export default {
navigationBarTitleText: '西园寺预约'
navigationBarTitleText: '臻奇智荟圈'
}
......
/**
* index页面样式
*/
.index {
padding: 40rpx;
.nut-button {
margin-bottom: 40rpx;
}
}
This diff is collapsed. Click to expand it.