diff --git a/IFLOW.md b/IFLOW.md index f1476dc..8092e93 100644 --- a/IFLOW.md +++ b/IFLOW.md @@ -8,7 +8,7 @@ * **Vue3**: 渐进式 JavaScript 框架,用于构建用户界面。 * **uView-Plus**: 基于 UniApp 的 UI 组件库。 * **z-paging**: 一个用于处理分页加载的组件库。 -* **Vuex**: 状态管理库(在当前项目中未使用,使用了简单的全局状态管理)。 +* **Vuex**: 状态管理库,用于统一管理应用状态(登录状态、用户信息等)。 ## 目录结构 @@ -119,6 +119,12 @@ npm install * 包含请求和响应拦截器,用于处理通用逻辑(如错误提示、鉴权等)。 * 各业务板块的接口都应存放在 `api/modules` 下,并将单个接口进行导出以便页面按需导入。 +## 状态管理 (Vuex) + +* 项目集成了Vuex进行全局状态管理。 +* 状态管理文件位于 `store/index.js`。 +* 使用 `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