更新记录
1.0.0(2026-02-02)
下载此版本
- 五种状态类型:primary、success、warning、danger、default
- 三种尺寸:small、default、large
- 支持镂空样式(plain)
- 自动处理颜色和尺寸
平台兼容性
uni-app(5.0)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| - |
√ |
√ |
- |
√ |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
Status-Tag 状态标签
用于显示状态的标签组件,支持多种类型和尺寸。
功能特性
- 五种状态类型:primary、success、warning、danger、default
- 三种尺寸:small、default、large
- 支持镂空样式(plain)
- 自动处理颜色和尺寸
Props
| 属性名 |
类型 |
默认值 |
说明 |
| type |
String |
"default" |
标签类型 |
| plain |
Boolean |
false |
是否镂空 |
| size |
String |
"default" |
尺寸:small、default、large |
使用示例
<template>
<StatusTag type="success">成功</StatusTag>
<StatusTag type="danger" plain>危险</StatusTag>
<StatusTag size="large" type="warning">警告</StatusTag>
</template>