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-row>
<el-col :span="12"> <el-col :span="12">
<el-badge dot class="item">数据查询</el-badge> <el-badge is-dot class="item">数据查询</el-badge>
<el-badge dot class="item"> <el-badge is-dot class="item">
<el-button class="share-button" icon="share" type="primary"></el-button> <el-button class="share-button" icon="share" type="primary"></el-button>
</el-badge> </el-badge>
</el-col> </el-col>
</el-row> </el-row>
```html ```html
<el-badge dot class="item">数据查询</el-badge> <el-badge is-dot class="item">数据查询</el-badge>
<el-badge dot class="item"> <el-badge is-dot class="item">
<el-button class="share-button" icon="share" type="primary"></el-button> <el-button class="share-button" icon="share" type="primary"></el-button>
</el-badge> </el-badge>
``` ```
@ -134,6 +134,6 @@
## API ## API
| 参数 | 说明 | 类型 | 可选值 | 默认值 | | 参数 | 说明 | 类型 | 可选值 | 默认值 |
|------------- |---------------- |---------------- |---------------------- |-------- | |------------- |---------------- |---------------- |---------------------- |-------- |
| value | 显示值 | string|number | | | | value | 显示值 | string, number | | |
| max | 最大值，超过最大值会显示 '{max}+'，要求 value 是 Number 类型 | 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 <sup
v-text="content" v-text="content"
class="el-badge__content" class="el-badge__content"
:class="{ 'is-fixed': $slots.default, 'is-dot': dot }" /> :class="{ 'is-fixed': $slots.default, 'is-dot': isDot }" />
</div> </div>
</template> </template>
@ -15,12 +15,12 @@ export default {
props: { props: {
value: {}, value: {},
max: Number, max: Number,
dot: Boolean isDot: Boolean
}, },
computed: { computed: {
content() { content() {
if (this.dot) return; if (this.isDot) return;
const value = this.value; const value = this.value;
const max = this.max; const max = this.max;