本文介绍了如何利用VUE CLI 3.0 和 uni-simple-router 搭建Uniapp项目，并详细阐述了如何整合ColorUI，包括在main.js中全局注册css，在app.vue中导入样式，设置路由以及配置请求插件luch-request。最后展示了配置完成后运行的页面效果。
Uniapp整合ColorUI进行项目开发
构建工具：
-
VUE CLI 3.0 https://vue3js.cn/docs/zh/guide/migration/introduction.html
-
uni-simple-router https://hhyang.cn/v2/
1.使用Hbuilder新建uni-app 项目
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wv3Ll65J-1618683034675)(file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image002.jpg)]
2.导入colorUI组件 https://www.color-ui.com/
3.整合colorUI
3.1 main.js 全局注册css
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0LK3BADV-1618683034679)(file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image004.jpg)]
3.2 app.vue 导入css
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v0qcnQbo-1618683034681)(file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
