更新记录
1.0(2022-08-16) 下载此版本
2022年 8月16日 首次提交
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.5.0 | × | √ | × | × | × | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | × | × | × | × | × |
uniapp(Vue3)-ts-vite-windicss 快速开发模板
利用uniapp
+ windicss
+ ts
+ vite
搭建的一套基础模板
- windicss以及flex布局的css工具拓展
- pinia + localStorage 持久化处理,记录用户信息
- 统一的request api请求处理 4.自定义的tabBar,支持各种样式
背景:windicss真的爽,不接受反驳
安装:
命令行执行yarn
或者npm i
,安装所需依赖
启动
h5
yarn dev:h5
小程序
yarn dev:mp-weixin
然后打开微信开发者工具选择/dist/dev/mp-weixin
文件夹
Build
yarn build:mp-weixin
然后打开微信开发者工具选择/dist/build/mp-weixin
文件夹
预览(h5 build 的时候,会出现样式丢失问题,因而与图片不符)
项目地址
已知问题
h5 build 的时候,会出现样式丢失问题(不会吧,真的有人用uniapp开发h5)。 如下 live demo
感谢
dcasia/mini-program-tailwind 超好用的windicss转译插件
🔗 链接:github
tobe-fe-dalao/fast-vue3 本项目大量借鉴了该项目
🔗 链接:github
遇到问题
请在下方留言,或者联系QQ:83006652 请勿随意差评