tnuiv3p-tn-color-select

图鸟 UI vue3 uniapp Plugins

Tuniao UI vue3官方仓库

该组件用于选择颜色

组件安装

npm i tnuiv3p-tn-color-select

组件位置

import TnColorSelect from 'tnuiv3p-tn-color-select/index.vue'

平台差异说明

基础使用

• 通过v-model绑定选择的颜色的值

<script setup lang="ts">
import { ref } from 'vue'

const color = ref('')
</script>

<template>
  <TnColorSelect v-model="color" />
</template>

设置颜色预览框的大小

• 通过size设置颜色预览框的大小，预设的值有sm、lg、xl，同时也可以传递自定义的值

<TnColorSelect v-model="color" size="sm" />
<TnColorSelect v-model="color" size="lg" />
<TnColorSelect v-model="color" size="xl" />
<TnColorSelect v-model="color" size="120rpx" />

API

Props

Emits