更新记录

0.0.2（2024-01-09） 下载此版本

1.完成自定义tabBar 2.重写uni.switchTab方法 3.组件库调整 ---> nutui-uniapp 4.解决自定义tabbar首次加载底栏白屏闪烁问题

0.0.1（2024-01-07） 下载此版本

Vue3 Vite4 pinia2 TypeScript Tailwindcss 基础框架

平台兼容性

uniapp + vite + vue3 + ts +pinia + tailwindcss 基础框架

简介

• uni-app Vue3 Vite4 pinia2 TypeScript Tailwindcss 基础框架
• cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,最好使用 vscode 开发,请直接访问 开源地址

说明

• 框架完全基于 Vue3 <script setup> 写法,不支持 Vue2;
• 可用于学习与交流;
• 如发现问题或建议可在评论区留言, 看到会及时处理;
• 如有需求亦可在评论区留言,或在此项目基础上增加;

特性

• 最新技术栈：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发; nutui-uniapp: nutui-uniapp 京东风格的轻量级移动端组件库 一个基于 Vue.js 与 uni-app 的 UI 库，允许你制作漂亮的小程序
• Tailwind CSS: Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。
• 自定义 TabBar: 利用 pinia 实现多页面共享数据, 并自定义 tabbar, 实现页面切换动画，修复自定义 tabbar 切换时白屏闪烁问题，并重新封装 uni.switchTab
• 支持按需引入: 利用 unplugin-vue-components 实现按需引入组件, 减少打包体积;

安装使用

• 安装依赖

pnpm i

• 运行

# 其他端请查看 package.json script
pnpm dev:h5

• 打包

# 其他端请查看 package.json script
pnpm build:h5