状态组件 - IkStatu
用于状态标签显示
props
props | 类型 | 说明 | 默认值 |
---|---|---|---|
title | String | 状态显示内容 | '' |
type | String as PropType<'primary' |'success' | 'warning' | 'info' | 'danger'| 'cyan'| 'blueBlack'| 'purple'| 'orange'| 'brown'> | tag 的类型 (除 el-tag 支持的了,其余均为为自定义类型) | 'success' |
color | String | 文字颜色(传了 type 时,color 和 background 不生效) | true |
background | String | 背景色 | '' |
effect | String as PropType<'dark' | 'light' | 'plain'> | Tag 的主题 | 'light' |
circle | Boolean | 状态显示内容前的圆点 | true |
circleW | Number | 状态显示内容前的圆点的宽度 | 8 |
circleH | Number | 状态显示内容前的圆点的高度 | 8 |
borderWidth | Number | 状态显示边框 | 1 |
borderType | String as PropType<'solid' | 'dashed' | 'dotted' | 'danger'> | 状态显示边框类型 | solid |
示例代码
vue
<template>
<!-- 示例 (直接传入类型)-->
<IkStatu type="success" title="成功" />
<!-- 示例 (自定义传入背景色,文字颜色)-->
<IkStatu color="red" title="标签" background="pink" />
</template>