iflow描述文件调优

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` 循环渲染数据项，如：`<view class="item" v-for="item in dataList" :key="item.id">`。
+*   通过 `paging.value?.reload()` 触发分页组件重新加载数据。
+*   通过 `paging.value?.complete()` 通知分页组件数据加载完成。
+
 ## 页面
 
 *   页面配置在 `pages.json` 中管理。
@@ -147,4 +161,6 @@ npm install
 
 ## 其他
 
-* 页面中的分享功能应该使用原生的微信分享功能，通过 `button` 或 `<u-button>` 组件的 `open-type="share"` 属性实现。
+* 页面中的分享功能应该使用原生的微信分享功能，通过 `button` 或 `<u-button>` 组件的 `open-type="share"` 属性实现。
+* 项目使用环境变量管理不同环境的配置，通过 `.env` 文件配置。
+* Vite配置文件 `vite.config.js` 包含了自定义插件用于在编译时替换 `manifest.json` 中的 appid。