alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs(Badge): fix missing demo (#7976)

Browse Source
This commit is contained in:
neverland
2021-01-23 16:38:09 +08:00
committed by GitHub
parent 93298ec3b7
commit 7a190058ae
2 changed files with 96 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/badge/demo/index.vue
+35
View File
@@ -3,6 +3,12 @@
<van-badge content="5">
<div class="child" />
</van-badge>
<van-badge content="10">
<div class="child" />
</van-badge>
<van-badge content="Hot">
<div class="child" />
</van-badge>
<van-badge dot>
<div class="child" />
</van-badge>
@@ -12,6 +18,9 @@
<van-badge content="20" max="9">
<div class="child" />
</van-badge>
<van-badge content="50" max="20">
<div class="child" />
</van-badge>
<van-badge content="200" max="99">
<div class="child" />
</van-badge>
@@ -21,12 +30,37 @@
<van-badge content="5" color="#1989fa">
<div class="child" />
</van-badge>
<van-badge content="10" color="#1989fa">
<div class="child" />
</van-badge>
<van-badge dot color="#1989fa">
<div class="child" />
</van-badge>
</demo-block>
<demo-block :title="t('customContent')">
<van-badge>
<div class="child" />
<template #content>
<van-icon name="success" class="badge-icon" />
</template>
</van-badge>
<van-badge>
<div class="child" />
<template #content>
<van-icon name="cross" class="badge-icon" />
</template>
</van-badge>
<van-badge>
<div class="child" />
<template #content>
<van-icon name="down" class="badge-icon" />
</template>
</van-badge>
</demo-block>
<demo-block :title="t('standalone')">
<van-badge content="20" style="margin-left: 16px" />
<van-badge content="200" max="99" style="margin-left: 16px" />
</demo-block>
</template>
@@ -76,6 +110,7 @@ export default {
.badge-icon {
display: block;
margin-left: 0;
font-size: 10px;
line-height: 16px;
}