docs(Tag): update demo (#7020)

This commit is contained in:
neverland
2020-08-19 17:15:37 +08:00
committed by GitHub
parent 4116bc731a
commit ba46a15c30
4 changed files with 199 additions and 192 deletions
+66 -11
View File
@@ -2,16 +2,71 @@
exports[`renders demo correctly 1`] = `
<div>
<div><span class="van-tag van-tag--primary">标签</span> <span class="van-tag van-tag--success">标签</span> <span class="van-tag van-tag--danger">标签</span> <span class="van-tag van-tag--warning">标签</span></div>
<div><span class="van-tag van-tag--round van-tag--primary">标签</span> <span class="van-tag van-tag--round van-tag--success">标签</span> <span class="van-tag van-tag--round van-tag--danger">标签</span> <span class="van-tag van-tag--round van-tag--warning">标签</span></div>
<div><span class="van-tag van-tag--mark van-tag--primary">标签</span> <span class="van-tag van-tag--mark van-tag--success">标签</span> <span class="van-tag van-tag--mark van-tag--danger">标签</span> <span class="van-tag van-tag--mark van-tag--warning">标签</span></div>
<div><span class="van-tag van-tag--plain van-tag--primary">标签</span> <span class="van-tag van-tag--plain van-tag--success">标签</span> <span class="van-tag van-tag--plain van-tag--danger">标签</span> <span class="van-tag van-tag--plain van-tag--warning">标签</span></div>
<div><span class="van-tag van-tag--default" style="background-color: rgb(242, 130, 106);">标签</span> <span class="van-tag van-tag--default" style="background-color: rgb(114, 50, 221);">标签</span> <span class="van-tag van-tag--plain van-tag--default" style="color: rgb(114, 50, 221);">标签</span> <span class="van-tag van-tag--default" style="background-color: rgb(255, 225, 225); color: rgb(173, 0, 0);">标签</span></div>
<div><span class="van-tag van-tag--danger">标签</span> <span class="van-tag van-tag--medium van-tag--danger">标签</span> <span class="van-tag van-tag--large van-tag--danger">标签</span></div>
<div><span class="van-tag van-tag--medium van-tag--primary" name="van-fade">
标签
<i class="van-icon van-icon-cross van-tag__close"><!----></i></span> <span class="van-tag van-tag--medium van-tag--success" name="van-fade">
标签
<i class="van-icon van-icon-cross van-tag__close"><!----></i></span></div>
<div>
<div class="van-cell">
<div class="van-cell__title"><span>primary 类型</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--primary">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>success 类型</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--success">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>danger 类型</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--danger">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>warning 类型</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--warning">标签</span></div>
</div>
</div>
<div>
<div class="van-cell">
<div class="van-cell__title"><span>空心样式</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--plain van-tag--primary">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>圆角样式</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--round van-tag--primary">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>标记样式</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--mark van-tag--primary">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>可关闭标签</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--medium van-tag--primary" name="van-fade">
标签
<i class="van-icon van-icon-cross van-tag__close"><!----></i></span></div>
</div>
</div>
<div>
<div class="van-cell">
<div class="van-cell__title"><span>小号标签</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--primary">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>中号标签</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--medium van-tag--primary">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>大号标签</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--large van-tag--primary">标签</span></div>
</div>
</div>
<div>
<div class="van-cell">
<div class="van-cell__title"><span>背景颜色</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--default" style="background-color: rgb(114, 50, 221);">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>文字颜色</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--default" style="background-color: rgb(255, 225, 225); color: rgb(173, 0, 0);">标签</span></div>
</div>
<div class="van-cell">
<div class="van-cell__title"><span>空心颜色</span></div>
<div class="van-cell__value"><span class="van-tag van-tag--plain van-tag--default" style="color: rgb(114, 50, 221);">标签</span></div>
</div>
</div>
</div>
`;