hero

简单易用的UNI-APP组件库

全端全套解决方案,涵盖服务端,桌面端

快速开始

简单易用多端

参照了Element-UI的代码风格,结合UNI-APP组件的特性 + 简洁的UI设计风格开发出的简单易用的UI组件库,一次编码多端运行

全套解决方案

除了提供UI解决方案,COOL还提供了服务端Admin解决方案,桌面端Electron解决方案,一个项目只需用COOL都能解决

多个成熟案例

目前基于COOL已经开发出了多套案例,广大开发者已经将它应用于各自的项目,目前大约有1000+的公司正在使用COOL技术开发他们的项目

# 快速上手

#

# 小程序 | H5

# 安装

使用 yarn 安装 cl-uni 组件:

yarn add cl-uni

或者使用 npm 安装它:

npm i cl-uni

如果你的网络环境不佳,推荐使用 cnpm (opens new window)

# 配置

TIP

cool-uni 使用easycom模式(自动引入组件),简化组件使用。无需在页面里面引入和注册组件,按实际使用打包

# 组件自动引入

// pages.json
{
	"easycom": {
		"autoscan": true,
		"custom": {
            // 1.1.0 版本前:
            "cl-(.*)": "cl-uni/components/$1/$1.vue"

            // 1.1.0 版本后:
            "cl-(.*)": "cl-uni/components/cl-$1/cl-$1.vue"
		}
	}
}

# 引入组件样式

// App.vue
<style lang="scss">
	@import "cl-uni/index.scss";
</style>