基于uniapp封装了请求、状态管理的一个规范化的基础项目模板

uniapp-template

介绍

uniapp 集成模板，使用的是cli搭建的 uniapp，封装了请求、pinia跟 pinia 的持久化，使用sass预处理器。项目结构分配合理，可以开箱即用（为了多样性，所以不集成特定的 ui 组件库在里面，需要导入自己需要使用的 ui 组件库），更好的直接从平时开发 vue 直接投入开发 uniapp 应用，更加专注于页面业务，从而减少项目开发前的一些配置工作，里面也添加了常见的中间按钮突出的布局，大家可以进行沿用或者替换掉
项目地址

开发语言

Vue3 + Typescript

项目结构

├─components  // 自定义组件
│  └─custom-tabbar // 自定义的tabbar,可实现中间凸起效果
├─pages 
│  ├─home // 业务页面
│  ├─mine // 业务页面
│  └─publish // 业务页面
├─service
│  ├─config // 配置请求的 baseurl 跟 timeout
│  ├─modules // 统一管理各个页面的请求封装接口
│  │  └─types // 各个请求的ts类型声明可以放在这里
│  └─request // 封装的请求
├─static
│  └─tabbar // 存放tabbar的图片
└─store
    └─modules // 创建基于 pinia 的 store,已进行可持久化

/pages/home/index.vue页面写着了各个集成使用的测试例子，方便大家查看拉取下来安装完依赖后看看是否集成成功

以下是页面功能跟测试例子的截图

总结

我在诗中找到了自己，我在旅程中找到了诗。