mirror of
https://github.com/element-plus/element-plus.git
synced 2024-11-21 01:02:59 +08:00
feat: el-tag resolve conversation
This commit is contained in:
parent
1b3eadfd43
commit
a26ab382e6
@ -1,8 +1,8 @@
|
||||
<template>
|
||||
<el-tag closable>默认标签</el-tag>
|
||||
<el-tag size="medium" closable>中等标签</el-tag>
|
||||
<el-tag size="small" closable>小型标签</el-tag>
|
||||
<el-tag size="mini" closable>超小标签</el-tag>
|
||||
<el-tag closable>Default Label</el-tag>
|
||||
<el-tag size="medium" closable>Medium Label</el-tag>
|
||||
<el-tag size="small" closable>Small Label</el-tag>
|
||||
<el-tag size="mini" closable>Mini Label</el-tag>
|
||||
<div class="tag-group">
|
||||
<span class="tag-group__title">Dark</span>
|
||||
<el-tag
|
||||
@ -36,11 +36,11 @@
|
||||
data() {
|
||||
return {
|
||||
items: [
|
||||
{ type: '', label: '标签一' },
|
||||
{ type: 'success', label: '标签二' },
|
||||
{ type: 'info', label: '标签三' },
|
||||
{ type: 'danger', label: '标签四' },
|
||||
{ type: 'warning', label: '标签五' }
|
||||
{ type: '', label: 'Label 1' },
|
||||
{ type: 'success', label: 'Label 2' },
|
||||
{ type: 'info', label: 'Label 3' },
|
||||
{ type: 'danger', label: 'Label 4' },
|
||||
{ type: 'warning', label: 'Label 5' }
|
||||
]
|
||||
}
|
||||
}
|
||||
|
@ -29,12 +29,12 @@
|
||||
</template>
|
||||
|
||||
<script lang='ts'>
|
||||
import { h, computed } from 'vue';
|
||||
import { computed, defineComponent } from 'vue';
|
||||
const ELEMENT: {
|
||||
size?: number;
|
||||
} = {}
|
||||
|
||||
export default {
|
||||
export default defineComponent({
|
||||
name: "ElTag",
|
||||
props: {
|
||||
closable: Boolean,
|
||||
@ -85,5 +85,5 @@ export default {
|
||||
handleClick,
|
||||
}
|
||||
},
|
||||
};
|
||||
});
|
||||
</script>
|
||||
|
Loading…
Reference in New Issue
Block a user