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應用。它不僅提供了豐富的組件和頁面模板,還優雅地封裝了請求功能,為開發者提供了更好的開發體驗。