From 7db5d23ab87109c57760e052db727a8ddfc85761 Mon Sep 17 00:00:00 2001 From: yuantao Date: Tue, 11 Nov 2025 18:29:30 +0800 Subject: [PATCH] =?UTF-8?q?iflow=E6=8F=8F=E8=BF=B0=E6=96=87=E4=BB=B6?= =?UTF-8?q?=E8=B0=83=E4=BC=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- IFLOW.md | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/IFLOW.md b/IFLOW.md index 39507f4..f5531b2 100644 --- a/IFLOW.md +++ b/IFLOW.md @@ -9,7 +9,7 @@ * **TypeScript**: JavaScript 的超集，提供类型检查和更好的开发体验。 * **uView-Plus**: 基于 UniApp 的 UI 组件库。 * **z-paging**: 一个用于处理分页加载的组件库。 -* **Vuex**: 状态管理库。 +* **Vuex**: 状态管理库，用于统一管理应用状态（登录状态、用户信息等）。 * **luch-request**: 基于 Promise 的网络请求库。 ## 目录结构 @@ -119,6 +119,12 @@ npm install * 包含请求和响应拦截器，用于处理通用逻辑（如错误提示、鉴权等）。 * 各业务板块的接口都应存放在 `api/modules` 下，并将单个接口进行导出以便页面按需导入。 +## 状态管理 (Vuex) + +* 项目集成了Vuex进行全局状态管理。 +* 状态管理文件位于 `store/index.ts`。 +* 使用 `useStore` 钩子在组件中访问状态。 + ## 组件 * 项目集成了 `uView-Plus` 和 `z-paging` 两个组件库。 @@ -129,6 +135,14 @@ npm install * 微信的原生组件放在页面根目录下的 `wxcomponents/`，并在使用了组件的对应页面路由配置中添加组件的引用属性 `"usingComponents": { "components": "/wxcomponents/components/components" }`。 * 组件编写应遵循项目中已有的风格。 +## 分页功能 + +* 项目使用 `z-paging` 组件实现分页功能。 +* 分页组件通过 `v-model` 绑定数据，并使用 `@query` 事件处理数据查询。 +* 在页面中直接使用 `v-for` 循环渲染数据项，如：``。 +* 通过 `paging.value?.reload()` 触发分页组件重新加载数据。 +* 通过 `paging.value?.complete()` 通知分页组件数据加载完成。 + ## 页面 * 页面配置在 `pages.json` 中管理。 @@ -147,4 +161,6 @@ npm install ## 其他 -* 页面中的分享功能应该使用原生的微信分享功能，通过 `button` 或 `` 组件的 `open-type="share"` 属性实现。 \ No newline at end of file +* 页面中的分享功能应该使用原生的微信分享功能，通过 `button` 或 `` 组件的 `open-type="share"` 属性实现。 +* 项目使用环境变量管理不同环境的配置，通过 `.env` 文件配置。 +* Vite配置文件 `vite.config.js` 包含了自定义插件用于在编译时替换 `manifest.json` 中的 appid。 \ No newline at end of file