rose-orchid / color-board

使用vue开发的色盘，取色器

概述

color-board是一个全端支持，免费的，开源的取色工具。您可以基于此进行二次开发，样式升级，功能拓展等。

• 基于Color Ui样式库
• 基于Uniapp

特点

• 即开即用
• 体积小，功能较丰富，代码简单

github

https://github.com/TreasuredMemories/color-board

插件市场

https://ext.dcloud.net.cn/plugin?id=11879

部署

App.vue引入样式文件

<style>
	/*每个页面公共css */
	@import url("@/static/icon/icon.css");
	@import url("@/static/css/main.css");
</style>

简单导入部署即可，如下：

<template>
	<view>
		<colorBoard></colorBoard>
	</view>
</template>

<script>
	import colorBoard from '@/components/color-board/color-board'
	export default {
		components:{
			colorBoard
		},
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}

注：部分样式文件引用自ColorUi组件库，请在static目录下查看,

预览

*

真机预览

其它推荐

微信小程序notesbook中体验