kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
47 lines (46 loc) • 959 B
Markdown
<cn>
#### 多彩文字提示
多种预设色彩的文字提示样式,用作不同场景使用。
</cn>
```vue
<template>
<div class="demo-tooltip-color">
<Divider orientation="left">Presets:</Divider>
<Space>
<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>
export default{
data() {
return {
custom:['#c20','#39f','#e3f','#6c0'],
colors:[
'pink',
'red',
'yellow',
'orange',
'cyan',
'green',
'blue',
'purple',
'geekblue',
'magenta',
'volcano',
'gold',
'lime',
]
}
}
}
</script>
```