Badge add text prop

This commit is contained in:
梁灏 2018-06-21 11:34:25 +08:00
parent 0ff5080733
commit fdafcd2cc5
4 changed files with 28 additions and 6 deletions

View file

@ -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: {

View file

@ -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>