Tag 标记

使用指南

import { Tag } from 'vant';
Vue.use(Tag);

代码演示

基础用法

通过 type 属性控制 Tag 颜色，默认为灰色

<van-tag>标签</van-tag>
<van-tag type="danger">标签</van-tag>
<van-tag type="success">标签</van-tag>
<van-tag type="primary">标签</van-tag>

空心样式

设置plain属性设置为空心样式

<van-tag plain>标签</van-tag>
<van-tag plain type="danger">标签</van-tag>
<van-tag plain type="primary">标签</van-tag>
<van-tag plain type="success">标签</van-tag>

圆角样式

通过mark设置为圆角样式

<van-tag mark>标签</van-tag>
<van-tag mark type="danger">标签</van-tag>
<van-tag mark type="primary">标签</van-tag>
<van-tag mark type="success">标签</van-tag>

API

Slot

原文:

https://youzan.github.io/vant/#/zh-CN/tag