uniapp使用colorUI

已于 2022-08-16 10:37:37 修改
阅读量3.4k 收藏 3
点赞数 1
分类专栏： uniApp 文章标签： uniApp colorUI
于 2020-03-17 10:10:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45799605/article/details/104915483
版权

colorUI 官网下载https://www.color-ui.com/
在这里插入图片描述
粘贴到自己项目中
在app.vue中引入

@import "colorui/main.css";

@import "colorui/icon.css";

在这里插入图片描述
3.在main.js引入cu-custom组件
import cuCustom from ‘colorui/components/cu-custom.vue’
Vue.config.productionTip = false
这样就可以直接在页面使用colorui中的组件。
​

正函数　
关注
专栏目录
基于uni-app和colorUI开发H5初始模板
12-22
非常简单，使用方便
Uniapp整合ColorUI进行项目开发
wangxulei123的博客
04-18 1247
Uniapp整合ColorUI进行项目开发 构建工具： VUE CLI 3.0 https://vue3js.cn/docs/zh/guide/migration/introduction.html uni-simple-router https://hhyang.cn/v2/ 1.使用Hbuilder新建uni-app 项目 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wv3Ll65J-1618683034675)(file:///C:/Users/ADMI
uniapp实现简单圆形色盘、取色器、拾色器(1)
weixin_45980434的博客
06-24 462
使用canvas实现的简单圆形色盘，可自定义相关大小，简单移植即可使用，多平台都可使用。此取色盘与第一版取色方式不同，有些地方需要注意。
colorUI使用
热门推荐
苏帕AI
08-19 2万+
colorUI使用 一、colorUI简介 官网地址—还在完善 colorUI特点： 组件精美，色彩十分鲜艳 封装特特特特别的好，每一个样式都是单独的class选择器，都是封装极好的css小组件 兼容性，扩展性极好。亲测在vant weep组件上可以完美使用，并且对于微信原生组件的支持很好。 二、使用方法 下载 GIthub地址：https://blog.csdn.net/IT_TIfa...
uniApp安装color ui
声声的博客
10-21 678
2、解压压缩包，将colorui文件夹放到自己的项目中。官方网址：https://www.color-ui.com。1、去colorui官网下载colorui压缩包。3.在main.js中引入cu-custom组件。4、在app.vue中引入css。
uniapp 使用 colorUI
08-24 1531
1、新建uniapp项目 test 2、导入colorUI示例项目用hbuildx导入（点击跳转到示例项目） 3、将示例项目中的 colorui 文件夹复制到 test 项目的根目录 4、 test/App.vue 中引入 css <style> @import "./colorui/main.css"; @import "./colorui/icon.css"; @import './common/app.css' </style> 完成以上步骤后，可以使用col
ColorUI-UniApp：构建跨平台应用的高颜值CSS组件库
chenchuang0128的博客
06-04 3934
ColorUI-UniApp作为一款高颜值、高度自定义的CSS组件库，为跨平台应用开发提供了强大的支持。其丰富的组件、美观的设计和高度的自定义性使得它成为前端开发者的得力助手。
jeecg-uniapp:JEECG BOOT APP移动解决方案，采用Uniapp + ColorUI框架，一份代码解决多终端适配（APP，小程序，H5）
03-19
采用技术架构：Uniapp，ColorUI，Vue。 项目目标：为企业提供一套成熟的APP开发框架，轻松与Jeecg Boot对接，文档解决多终端适配（APP，小程序，H5），目前框架已经实现登录机制，用户信息设置，移动首页，菜单等...
uniapp之colorUI 高阶教程一之自定义tabbar及瀑布流布局
carbonzhao的专栏
12-16 1250
只能说时代的发展，浪潮的汹涌滚动，让你我身为程序员的码农阶级不得不持续的学习、演化、逼迫前行！现如今大前端盛行，前后分离各自注重各自的发展和专研方向。 angular.js，vue.js, reactNative.js等等，都是大势所趋，数据驱动程序已经算是发展方向！所有程序的核心其实就是数据，我们只注意数据的修改，即可实现页面的刷新变动，不再频繁的调用UI本身的属性去刷新UI本身 ，这种思维的优势异常明显！ 身为IOS出身，却不得不逼迫自已疯狂的学习进步，不知道是我的悲哀还是幸运。 同学们也可以直接
uni-app+color-ui+uview-ui 搭建的H5端初始demo
04-09
已经封装好request请求，api模块化管理，页面水印，cds请求等各种常用的js
ColorUI-小程序原生高颜值组件库--ColorUI组件库.zip
09-23
简介hi!开发者！ColorUI迎来了2.0的升级，相比之前的版本，2.0版本重构了基础代码，增加了更多的配色，这是一个全新的小程序UI解决方案。ColorUI是一个Css类的UI组件库！不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互！项目为个人开源项目，如果项目有帮到你，希望能支持下开发者。使用下载源码包可得到 Demo 和 Template 两个项目， Demo 包含所有组件源码。 Template 是一个已经引用了ColorUI的空白模板。Demo 即文档。在线文档 编写中...交流微信群：加入微信群请先添加开发者微信，备注GitHub。QQ群：240787041 或扫描二维码。
ColorUi.rar
05-30
是一个开源的样式比较丰富的微信小程序UI，解压微信开发者工具打开项目，需要什么组件去引入组件复制代码就行
colorui.rar
11-29
小程序colorui使用，直接在app.wxss引入俩个文件即可。 例如： @import 'pages/weui/weui.wxss'; @import 路径;
基于uni-app、colorUi、uView，支持小程序、H5、Android和IOS
01-15
项目基于vue，使用colorUi与uView，完美支持微信小程序，包含功能：聊天室、金融量化、抽奖、地图轨迹回放、电子签名、图片/海报编辑器、自定义相机/键盘、拍照图片水印、智能抠图、照片墙、在线答题、证件识别、...
ColorUI_UniApp_html_uniapp_js_DEMO_colorui_
10-03
【ColorUI_UniApp】这个压缩包内的文件，很可能是包含了使用ColorUI框架和uni-app开发的一个示例项目。其中可能包含`main.js`（应用入口文件）、`pages`目录（存放各个页面的Vue组件）、`components`目录（自定义...
uni-app 微信小程序之整合colorui
@必意玲
12-04 480
uni-app版本支持多端，兼容性经过近上万使用者测试、反馈、改进，目前已非常稳定！说白了，就是uni-app版本的，只是uni-app版本更适合使用colorui。
uniapp之colorUI
熊宗的博客
06-29 2251
1.colorUI官网链接：https://www.color-ui.com/ 2.在app.vue引入css: @import "colorui/main.css"; @import "colorui/icon.css"; 3.在main.js引入cu-custom组件 import cuCustom from 'colorui/components/cu-custom.vue' Vue.component('cu-custom',cuCustom) 4.在index页面使用colo.
uniapp 引入colorui
最新发布
07-31
uniApp引入ColorUI库是为了丰富应用界面的设计元素和样式，ColorUI是一个基于Vue.js设计风格的轻量级UI组件库，特别适合用于快速构建跨平台的H5、小程序以及uniApp项目。通过引入ColorUI，开发者可以方便地使用预设的颜色主题、按钮样式、卡片布局等，提升开发效率并保证UI的一致性和美观度。 要在uniApp项目中引入ColorUI，通常需要按照以下步骤操作： 1. **安装依赖**：使用npm或者yarn在项目目录下运行命令行安装ColorUI库： ``` npm install @color-ui/colorui --save 或者 yarn add @color-ui/colorui ``` 2. **注册全局使用**：在main.js文件中导入并注册ColorUI提供的样式和组件： ```javascript import Vue from 'vue'; import '@color-ui/colorui/index.css'; // 引入样式表 import { ElMessage } from '@color-ui/components'; // 示例：引入消息提示组件 Vue.component('ElMessage', ElMessage); // 注册组件 ``` 3. **在组件中使用**：在需要使用ColorUI组件的地方，可以直接引用和使用已注册的组件，例如`<el-message>`。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

正函数　

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值