uniapp使用colorUI 组件

最新推荐文章于 2025-04-26 16:52:40 发布

linwuji的摸爬人生

最新推荐文章于 2025-04-26 16:52:40 发布

阅读量2k

点赞数 1

分类专栏： uniapp 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_55333190/article/details/122777809

版权

uniapp 专栏收录该内容

8 篇文章

订阅专栏

本文档介绍了如何下载安装ColorUI，并在Vue项目中引入及使用。通过在app.vue中导入main.css和icon.css，可以轻松应用组件。文中特别提到了轮播图swiper组件的配置，包括autoplay、interval等属性，以及变更事件的方法。提供了详细的文档链接以便后续查阅和更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

gitHub地址 https://github.com/weilanwl/ColorUI

文档：https://www.kancloud.cn/m22543/colorui/1289245

01-下载安装

运行之后的样子

02-app.vue引如2个文件

在app.vue中引入这2文件

@import "~@/colorUI/main.css";
@import "~@/colorUI/icon.css";

03-组件的使用

复制相应功能的代码属性方法单个样式过去…
有的组件没有用到属性方法样式直接复制过去就可以用然后改改实现自己想要的样子

完！下面是方便用的文档

文档

1.轮播图 swiper

卡片式轮播

变量
    dotStyle : 导播方块的样式 
属性
    autoplay：是否自动播放
    interval：多久切换一次
    duration：切换所消耗的时间
    indicator-color:标点的颜色（未选中）
    indicator-active-color:标点的颜色（选中）
方法
    cardSwiper：@change切换事件

后续跟新 https://juejin.cn/post/7060433323344003103/