TuniaoUi是一个基于uni-app开发的UI框架,旨在提供丰富的组件和快速开发能力。它已经支持了H5、微信小程序和APP等不同平台,并且提供了许多酷炫的页面模板。
功能和特点
敏捷开发
TuniaoUi集成了TuniaoUi和z-paging两个高性能刷新组件,使得开发变得更加敏捷。通过使用这些组件,开发者可以快速构建出功能丰富的页面。
多种集成
TuniaoUi还集成了许多其他实用的库,包括animate.css动画库和lodash.js工具库。这样的集成使得开发过程更加便捷,开发者可以直接使用这些库来增添页面的酷炫效果或处理各种复杂逻辑。
优雅的请求封装
TuniaoUi对axios进行了三层封装,使得代码更加优雅,请求更加便捷。封装的请求包括是否携带token请求头设置,并加入了请求拦截和响应拦截,以提供更好的用户体验。此外,请求封装还实现了无感知地刷新token的功能,这对于需要保持登录状态的应用非常有用。
丰富的页面模板
框架目前提供了Tuniao-Ui的三个页面模板,并将在后续更新中不断增加更多模板。这些页面模板可以为开发者节省大量的开发时间,同时也提供了一些通用页面(如表单、登录、个人信息、刷新加载、全屏滚动)以及使用案例。
使用说明
如果你想使用TuniaoUi,按照以下步骤操作:
- 下载插件,并修改项目名称(包含package.json文件中的项目名称)。
- 下载项目所需依赖(如果没有包管理文件,你需要先初始化包管理文件):
- 如果已存在包管理文件,请执行
npm install
或yarn
命令。 - 如果不存在包管理文件,请执行
npm init -y
命令后再执行npm install
或yarn
命令。
- 如果已存在包管理文件,请执行
- 完成下载后,直接运行即可。
- 关于页面配置:如果你有不需要的页面模板,可以直接删除它们,并记得删除page.json中对应的页面配置代码。
- 关于请求封装和token携带:这部分已经在pages/mine/mine.vue中提供示例请求,你可以根据自身业务需求进行调整和使用。
通过以上步骤,你可以开始使用TuniaoUi框架,快速构建跨平台的uni-app应用。它不仅提供了丰富的组件和页面模板,还优雅地封装了请求功能,为开发者提供了更好的开发体验。