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/

uniapp使用colorUI 组件相关推荐

ColorUI组件库简易教程之交互组件
官方示例在此!!!官方示例在此!!!官方示例在此!!! 这主要是基于uni-app开发的,所以,请多看uni-app文档,了解一些标签.属性,可以更好的使用该组件目录交互组件 Bar操作条 Nav ...
div旋转 vue_详细解析：uniapp项目|vue组件形式实现的水珠晃动loading纯CSS动效
前言上一篇文件给大家分享了一个颇具科技感的loading动效,[→传送门]这篇文章,小凡再来跟大家分享一个很酷的水珠晃动loading动效,依然是纯CSS实现的哦! 一.效果展示及思路分析 1.效果 ...
Uniapp 导入 Vant 组件库
Uniapp 导入 Vant 组件库 Vant Weapp 开发文档 Vant Weapp - 轻量.可靠的小程序 UI 组件库创建 wxcomponents 目录在 uniapp 项目的根目录下 ...
微信小程序踩坑记——ColorUI组件的使用
微信小程序踩坑记--组件的使用组件类型 ColorUI Vant weapp ColorUI 首先贴上官网链接:官网链接,GitHub链接简介 ColorUI是一个css库!!!在你引入样式后可以 ...
uni-app使用map组件开发map地图，获取后台返回经纬度进行标点
unia-pp实现map组件,获取后台返回经纬度进行标点官方文档使用步骤代码示例官方文档使用步骤使用uniapp是因为它是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可以发 ...
UNI-APP在自定义组件中内嵌H5/Html网页，可自定义webview大小，加载不闪屏
问题描述: UNI-APP在自定义组件中内嵌H5/Html网页时,通过内置组件 web-view 实现(如下),发现会自动铺满整个页面,不可控制大小(默认充满屏幕不可控制大小) <web-vie ...
uniapp配合colorUI制作简单的信封
uniapp配合colorUI制作简单的信封没有审美,所以样式比较简陋,背景图可以换成自己想要的样子一.先写一个点击事件用来弹出信封. <view @click="dianji&q ...
uniapp结合uView组件库做项目中遇到的系列问题（一）
一.使用u-image组件显示图片时 H5正常显示小程序显示不了 //小程序不能显示 H5可以显示 <u-image width="100%" mode="wid ...
uniapp内置组件
目录 3.1.视图容器 view scroll-view swiper match-media 3.2.表单组件 form input App平台iOS端软键盘上方横条去除方案关于软键盘弹出的逻辑说 ...
uni-app注册全局组件 - 符合easycom
通知本文已过时,HBuilderX已发布新的自定义组件方法:uni_modules 本文的/components/xx/xx.vue会在新版uni-app中与原生ui组件冲突. 新方法详见: [we ...

uniapp使用colorUI 组件

01-下载安装

02-app.vue引如2个文件

03-组件的使用

文档

1.轮播图 swiper

uniapp使用colorUI 组件相关推荐

最新文章

热门文章