cloud-ui.vusion
Version:
Vusion Cloud UI
74 lines (56 loc) • 1.25 kB
Markdown
# 选择扩展 Tag
## 示例
### 基本形式
``` html
<u-tag>标签一</u-tag>
```
### 类型
``` html
<u-linear-layout>
<u-tag type="gray">gray</u-tag>
<u-tag type="primary">primary</u-tag>
<u-tag type="success">success</u-tag>
<u-tag type="warning">warning</u-tag>
<u-tag type="error">error</u-tag>
</u-linear-layout>
```
### 可删除
``` html
<u-tag closeable>标签一</u-tag>
```
### 方法
``` vue
<template>
<u-tag :color="color" closeable @close="close">{{text}}</u-tag>
</template>
<script>
export default {
data() {
return {
text: '标签一',
color: '#ff4949',
};
},
methods: {
close() {
console.log('close');
},
},
};
</script>
```
## TableView API
### Attrs/Props
| Attr/Prop | Type | Default | Description |
| --------- | ---- | ------- | ----------- |
| closeable | Boolean | | 控制是否可关闭 |
| color | String | | 控制背景颜色 |
| type | String | | 类型选择,值有`primary`, `gray`, `success`, `warning`, `error` |
### Slots
#### (default)
### Events
#### @close
点击关闭icon触发
| Param | Type | Description |
| ----- | ---- | ----------- |
| event | Object | 事件对象 |