uni-app实现一个循环卡片效果

ColorUI-UniApp是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的Css组件库，项目里好多地方都用的到这个UI组件 今天记录一个ColorUI-UniApp的使用和实现循环卡片效果。

1:从github上下载
https://github.com/weilanwl/ColorUI

image

2：将ColorUI-UniApp里面的文件夹colorui导入自己的项目

image

3：打开App.vue文件，引入全局colorui样式

@import "colorui/main.css";
@import "colorui/icon.css";

image

注意：局部引入
只需要在用到的页面引入即可

image

4:实现一个循环卡片效果

ok，大致的效果就是这样的啦，在UI 界面上用到的是非常的多的哦