vant/docs/examples-docs/tag.md

Tag 组件

基础用法

:::demo

<div class="tags-container">
  <zan-tag>返现</zan-tag>
  <zan-tag :plain="true">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="danger">返现</zan-tag>
  <zan-tag type="danger">四字标签</zan-tag>
  <zan-tag type="danger">一</zan-tag>
</div>

:::

高级用法

:::demo

<div class="tags-container">
  <zan-tag type="danger">返现</zan-tag>
  <zan-tag :plain="true" type="danger">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="primary">返现</zan-tag>
  <zan-tag :plain="true" type="primary">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="success">返现</zan-tag>
  <zan-tag :plain="true" type="success">返现</zan-tag>
</div>
<div class="tags-container">
  <zan-tag type="danger" :mark="true">返现</zan-tag>
</div>

:::

API

参数	说明	类型	默认值	可选值
plain	是否是空心tag	boolean	false	''
mark	是否是标记	boolean	false	''
type	tag类型	string	''	'primary', 'success', 'danger'

Slot

name	描述
-	自定义tag显示内容