记录下uni-ui项目中引入ColorUI的方法
colorui是一款适应于h5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的css组件库。那么在uni-ui项目中怎么引入colorui?下面本篇文章给大家介绍一下uni-ui项目引入colorui-uniapp插件的方法。
一、uniapp插件市场搜索ColorUI-UniApp插件,下载,解压
二、将colorui文件复制到uni-ui项目根目录下,如图:
三、uni-ui项目App.vue文件配置如下:
至此uni-ui项目引入ColorUI-UniApp插件结束
四、自定义导航栏
cu-custom.vue配置如下:
main.js配置如下:
pages.json配置如下:
五、页面使用如下:
页面效果图:
推荐:《uniapp教程》
文章推荐
-
详解uni-app(vue)基于InnerAudioContext封装一个基本的音频组件
相关学习推荐:微信小程序开发原由同样的是因为小程序官方不维护audio组件了音频组件的要求与限制1、点击播放或者暂停2、...
uniapp
2个月前 (11-21) 125 -
什么是uni-app
uni-app 介绍(推荐教程:uni-app框架教程)uni-app 是一个使用 Vue.js 开发跨平台应用的前端框...
uniapp
2个月前 (11-21) 131 -
uni-app之小程序包大小优化
背景在开发微信小程序的过程中,随着业务逻辑日渐庞大之后,突显了一些问题。首先我们发现在 dev mode 时,本地包大小...
uniapp
2个月前 (11-21) 352 -
uni-app在不同平台下拨打电话的示例
场景在App中拨打电话是一个比较常见的应用场景,但是我们通过搜索文章,发现,大部分的博文都是uni-app官网的copy...
uniapp
2个月前 (11-21) 258 -
uni-app适配到微信小程序注意事项
.markdown-body{word-break:break-word;line-height:1.75;font-w...
uniapp
2个月前 (11-21) 149
最新文章
- 在Python中,for循环和while循环之间的区别是什么? 4秒前
- 什么样的企业最需要Python开发人员? 43秒前
- 揭示Python编程行业中具备未来潜力的就业方向 1分钟前
- 如何利用Python构建智能语音助手 2分钟前
- Python程序:输入逗号分隔的字符串 3分钟前
- 探索Python在人工智能中的引人注目应用案例 4分钟前
- Python程序将一个元素添加到数组中 5分钟前
- 揭示Python编程行业中最有激情的就业方向 6分钟前
- Python编程能力对初入职场的毕业生的重要性 7分钟前
- 在Python中更新嵌套字典 7分钟前