github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

badge: dot => isDot

pull/2/head
qingwei.li 2016-08-17 14:16:15 +08:00
parent cc0934d89b
commit f0503c87a3
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/docs/badge.md
View File

@ -96,16 +96,16 @@
<el-row>
<el-col :span="12">
<el-badge dot class="item">数据查询</el-badge>
<el-badge dot class="item">
<el-badge is-dot class="item">数据查询</el-badge>
<el-badge is-dot class="item">
<el-button class="share-button" icon="share" type="primary"></el-button>
</el-badge>
</el-col>
</el-row>
```html
<el-badge dot class="item">数据查询</el-badge>
<el-badge dot class="item">
<el-badge is-dot class="item">数据查询</el-badge>
<el-badge is-dot class="item">
<el-button class="share-button" icon="share" type="primary"></el-button>
</el-badge>
```
@ -134,6 +134,6 @@
## API
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|------------- |---------------- |---------------- |---------------------- |-------- |
| value | 显示值 | string|number | | |
| value | 显示值 | string, number | | |
| max | 最大值，超过最大值会显示 '{max}+'，要求 value 是 Number 类型 | number | | |
| dot | 小圆点 | boolean | | false |
| is-dot | 小圆点 | boolean | | false |

6
packages/badge/src/main.vue
View File

@ -4,7 +4,7 @@
<sup
v-text="content"
class="el-badge__content"
:class="{ 'is-fixed': $slots.default, 'is-dot': dot }" />
:class="{ 'is-fixed': $slots.default, 'is-dot': isDot }" />
</div>
</template>
@ -15,12 +15,12 @@ export default {
props: {
value: {},
max: Number,
dot: Boolean
isDot: Boolean
},
computed: {
content() {
if (this.dot) return;
if (this.isDot) return;
const value = this.value;
const max = this.max;