在app.json或index.json中引入组件,详细介绍见快速上手
"usingComponents": {
"van-tag": "path/to/vant-weapp/dist/tag/index"
}通过type属性控制标签颜色,默认为灰色
<van-tag>标签</van-tag>
<van-tag type="primary">标签</van-tag>
<van-tag type="success">标签</van-tag>
<van-tag type="danger">标签</van-tag>
<van-tag type="warning">标签</van-tag>设置plain属性设置为空心样式
<van-tag plain>标签</van-tag>
<van-tag plain type="primary">标签</van-tag>
<van-tag plain type="success">标签</van-tag>
<van-tag plain type="danger">标签</van-tag>
<van-tag plain type="warning">标签</van-tag>通过round设置为圆角样式
<van-tag round>标签</van-tag>
<van-tag round type="primary">标签</van-tag>
<van-tag round type="success">标签</van-tag>
<van-tag round type="danger">标签</van-tag>
<van-tag round type="warning">标签</van-tag>通过mark设置为标记样式(半圆角)
<van-tag mark>标签</van-tag>
<van-tag mark type="primary">标签</van-tag>
<van-tag mark type="success">标签</van-tag>
<van-tag mark type="danger">标签</van-tag>
<van-tag mark type="warning">标签</van-tag><van-tag color="#f2826a">标签</van-tag>
<van-tag color="#f2826a" plain>标签</van-tag>
<van-tag color="#7232dd">标签</van-tag>
<van-tag color="#7232dd" plain>标签</van-tag>
<van-tag color="#ffe1e1" text-color="#ad0000">标签</van-tag><van-tag type="danger">标签</van-tag>
<van-tag type="danger" size="medium">标签</van-tag>
<van-tag type="danger" size="large">标签</van-tag>| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| type | 类型,可选值为primary success danger warning |
string | - | - |
| size | 大小, 可选值为large medium |
string | - | - |
| color | 标签颜色 | string | - | - |
| plain | 是否为空心样式 | boolean | false |
- |
| round | 是否为圆角样式 | boolean | false |
- |
| mark | 是否为标记样式 | boolean | false |
- |
| text-color | 文本颜色,优先级高于color属性 |
string | white |
- |
| 名称 | 说明 |
|---|---|
| - | 自定义 Tag 显示内容 |
| 类名 | 说明 |
|---|---|
| custom-class | 根节点样式类 |