uniapp中使用colorUI说明文档

你的名字 2023-07-19 06:00 32阅读 0赞

## colorUI简介 ##

*  ColorUI迎来了2.0的升级，相比之前的版本，2.0版本重构了基础代码，增加了更多的配色，这是一个全新的小程序UI解决方案。
 *  ColorUI是一个Css类的UI组件库！不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互！
 *  不仅可以在小程序中使用，还可以在App中使用。这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的Css组件库。

## 使用 ##

1.  搜索

> 在\*\*[dcloud][]\*\*官网中的插件市场直接搜索`ColorUI-UniApp`即可或者直接在github上搜索

1.  下载源码解压

> 下载源码解压，复制根目录的 /colorui 文件夹到你的根目录

1.  引入  
    `App.vue` 引入关键Css `main.css icon.css`

<style>
    	/*每个页面公共css */
    	@import "colorui/main.css";
    	@import "colorui/icon.css";
    </style>

4 使用

<button type="primary">引入Color UI</button>

![在这里插入图片描述][20200330092846202.png]

## 在线文档 ##

*  [https://www.kancloud.cn/m22543/colorui/][https_www.kancloud.cn_m22543_colorui]
 *  [https://www.kancloud.cn/als24/color/][https_www.kancloud.cn_als24_color]

## 可以将下载下来的包文件导入HbuilderX中查看 ##

[dcloud]: https://www.dcloud.io/
[20200330092846202.png]: /images/20230528/20b121ba14a0470aaa354dd2ff682edf.png
[https_www.kancloud.cn_m22543_colorui]: https://www.kancloud.cn/m22543/colorui/
[https_www.kancloud.cn_als24_color]: https://www.kancloud.cn/als24/color/

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp中使用colorUI说明文档

colorUI简介 ColorUI迎来了2.0的升级，相比之前的版本，2.0版本重构了基础代码，增加了更多的配色，这是一个全新的小程序UI解决方案。 Colo

你的名字/ 2023年07月19日 06:00/ 0 赞/ 33 阅读

相关 Uniapp框架使用说明

目录开发工具新建项目项目结构页面结构项目开始接口配置地址接口请求页面跳转回调传参使用Vue

绝地灬酷狼/ 2023年02月14日 06:53/ 0 赞/ 403 阅读

相关 ColorUI-UniApp组件库使用笔记

uniapp里面的一个UI组件库 https://ext.dcloud.net.cn/plugin?id=239 这是一款适应于H5、微信小程序、安卓、ios、支付宝的高

心已赠人/ 2023年02月13日 11:18/ 0 赞/ 160 阅读

相关 uniapp配合colorUI制作简单的信封

uniapp配合colorUI制作简单的信封没有审美，所以样式比较简陋，背景图可以换成自己想要的样子 ![在这里插入图片描述][20210127180403325.

ゝ一世哀愁。/ 2023年01月12日 01:59/ 0 赞/ 211 阅读

相关文档说明

FecShop 文档说明 =============================== 版权所有。 2016 (c) FecShop Software

谁践踏了优雅/ 2022年09月24日 05:13/ 0 赞/ 284 阅读

相关 ColorUI 使用文档

ColorUI 简易使用文档友情链接文本大小颜色图片头像边距辅助样式阴影布局列表友

绝地灬酷狼/ 2022年09月03日 07:20/ 0 赞/ 1015 阅读

相关 pt-osc 文档使用说明

pt-osc 文档使用说明 pt-osc 文档使用说明功能介绍：工作原理: 用法介绍

拼搏现实的明天。/ 2022年05月28日 00:40/ 0 赞/ 470 阅读

相关 storm集成spring使用说明文档

文章目录 1. 集成思想 2. 集成步骤 2.1 引入pom依赖 2.2 引入spring配置文件 d

以你之姓@/ 2022年05月26日 23:57/ 0 赞/ 411 阅读

相关 eosjs使用说明文档

eosjs使用说明文档本使用说明基于EOSIO 1.0.22版本，最新版的教程请[参考这里][Link 1] 版本说明： <table> <thead>

╰+哭是因爲堅強的太久メ/ 2022年05月19日 01:06/ 0 赞/ 393 阅读

相关 colorUI框架使用教程

\-----------------------------------------------------2021/08/22更新----------------------

╰半橙微兮°/ 2022年03月10日 09:47/ 0 赞/ 2181 阅读