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配置如下:
两种html5图片展示效果,动画效果流畅,兼容主流浏览器,php中文网推荐下载! 使用方法: 1、在head区域引入样式表文件app.css,index.css和fonts.css 2、在你的网页中加入注释区域代码即可 3、图标均使用Web开放字体,具体文件见css目录

main.js配置如下:

pages.json配置如下:

五、页面使用如下:

页面效果图:

推荐:《uniapp教程》









