更新记录

1.0.4(2024-08-06) 下载此版本

修改文档

1.0.3(2024-07-30) 下载此版本

适配r-theme

1.0.2(2024-07-23) 下载此版本

修复控制台警告

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

r-tag

r-tag 标签,用于标记关键词和概括主要内容。

示例

<r-space direction="vertical">
  <view>基础用法 </view>
  <r-space>
    <r-tag type="primary">标签</r-tag>
    <r-tag type="success">标签</r-tag>
    <r-tag type="danger">标签</r-tag>
    <r-tag type="warning">标签</r-tag>
  </r-space>
  <view>空心样式 </view>
  <r-space>
    <r-tag plain type="primary">标签</r-tag>
  </r-space>
  <view>圆角样式 </view>
  <r-space>
    <r-tag round type="primary">标签</r-tag>
  </r-space>
  <view>标记样式 </view>
  <r-space>
    <r-tag mark type="primary">标签</r-tag>
  </r-space>
  <view>可关闭标签</view>
  <r-space>
    <r-tag
      :show="show"
      closeable
      size="medium"
      type="primary"
      @close="show = false"
    >
      标签
    </r-tag>
  </r-space>
  <view>标签大小</view>
  <r-space>
    <r-tag type="primary">标签</r-tag>
    <r-tag type="primary" size="medium">标签</r-tag>
    <r-tag type="primary" size="large">标签</r-tag>
  </r-space>
  <view>自定义颜色</view>
  <r-space>
    <r-tag color="#7232dd">标签</r-tag>
    <r-tag color="#ffe1e1" text-color="#ad0000">标签</r-tag>
    <r-tag color="#7232dd" plain>标签</r-tag>
  </r-space>
</r-space>

API

Props

名称 说明 类型 默认值 可选值
type 类型 String default primary success danger warning
size 大小 String - large medium
color 标签颜色 String
show 是否展示标签 Boolean true false
plain 是否为空心样式 Boolean false true
round 是否为圆角样式 Boolean false true
mark 是否为标记样式 Boolean false true
textColor 文本颜色 String white
closeable 是否为可关闭标签 Boolean false true
themeName r-theme的主题名称 String default

Slots

名称 说明 参数
default 标签显示内容 -

Events

名称 说明 参数
click 点击时触发 -
close 关闭标签时触发 -

更多组件,请前往rainui

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问