kui-vue/components/tooltip/demo/color.md

A lightweight desktop UI component library suitable for Vue.js 2.

<cn>
### 多彩文字提示
多种预设色彩的文字提示样式，用作不同场景使用。
</cn>

```vue
<template>
  <div class="demo-tooltip-color">
    <Divider orientation="left">Presets:</Divider>
    <Space wrap>
      <Tooltip
        :color="color"
        :title="color"
        v-for="color in colors"
        :key="color"
      >
        <Tag :color="color">{{ color }}</Tag>
      </Tooltip>
    </Space>
    <Divider orientation="left">Custom:</Divider>
    <Space>
      <Tooltip
        :color="color"
        :title="color"
        v-for="color in custom"
        :key="color"
      >
        <Tag :color="color">{{ color }}</Tag>
      </Tooltip>
    </Space>
  </div>
</template>
<script setup>
const custom = ["#c20", "#39f", "#e3f", "#6c0"];
const colors = [
  "pink",
  "red",
  "yellow",
  "orange",
  "cyan",
  "green",
  "blue",
  "purple",
  "magenta",
  "volcano",
  "gold",
  "lime",
];
</script>
```