vue引用ui组件改颜色
色样 (vue-swatches)
Help the user picking beautiful colors!
帮助用户挑选美丽的颜色!
Vue Swatches is a UI Component for Vue that allows the user to choose colors.
Vue色板是Vue的UI组件,允许用户选择颜色。
Unlike classic color pickers, where all colors are available (167 77 216 colors), Vue Swatches only shows a bunch of predefined colors.
与所有颜色都可用(167 77 216种颜色)的经典拾色器不同,Vue色板仅显示一堆预定义的颜色。
More decisions require more effort
更多决策需要更多努力
With fewer options, the user experience will be improved
更少的选择将改善用户体验
安装 (Install)
npm install --save vue-swatches
npm install --save vue-swatches
or
要么
yarn add vue-swatches
yarn add vue-swatches
基本用法 (Basic Usage)
<!-- Vue component -->
<template>
<div>
<swatches v-model="color" />
</div>
</template>
<script>
import Swatches from 'vue-swatches'
// Import the styles too, globally
import "vue-multiselect/dist/vue-multiselect.min.css"
export default {
components: { Swatches }, // window.VueSwatches.default - from CDN
data () {
return {
color: '#1CA085'
}
}
}
</script>
贡献 (Contributing)
# serve with hot reload at localhost:8080
npm run dev
# distribution build with minification
npm run bundle
# build the documentation into docs
npm run docs
# run unit tests
npm run test
翻译自: https://vuejsexamples.com/a-ui-component-for-vue-that-allows-the-user-to-choose-colors/
vue引用ui组件改颜色