Badge add text prop
This commit is contained in:
parent
0ff5080733
commit
fdafcd2cc5
4 changed files with 28 additions and 6 deletions
|
@ -14,14 +14,17 @@
|
|||
</style>
|
||||
<template>
|
||||
<div>
|
||||
<Badge dot :count="count">
|
||||
<Badge :count="count">
|
||||
<a href="#" class="demo-badge"></a>
|
||||
</Badge>
|
||||
<Badge :count="0" showZero>
|
||||
<a href="#" class="demo-badge"></a>
|
||||
</Badge>
|
||||
<Button @click="setCount">set count</Button>
|
||||
|
||||
<br><br>
|
||||
<Badge text="hot">
|
||||
<Button type="ghost">Hello</Button>
|
||||
</Badge>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
@ -29,7 +32,7 @@
|
|||
props: {},
|
||||
data () {
|
||||
return {
|
||||
count: 50
|
||||
count: 5
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
|
|
@ -2,7 +2,9 @@
|
|||
<div style="margin: 100px;background: #f8f8f9;padding: 100px;">
|
||||
<Card title="选项" :padding="0" shadow style="width: 300px;">
|
||||
<CellGroup @on-click="handleClick">
|
||||
<Cell title="标题一" name="a1" label="附属内容" to="/button"></Cell>
|
||||
<Cell title="标题一" name="a1" label="附属内容" to="/button">
|
||||
<Badge count="10" slot="extra"></Badge>
|
||||
</Cell>
|
||||
<Cell title="标题一" name="a2" label="附属内容" extra="详细信息"></Cell>
|
||||
<Cell title="标题一" name="a3" label="附属内容" extra="详细信息" to="/button"></Cell>
|
||||
<Cell title="标题一" name="a4" label="附属内容" selected></Cell>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue