状态组件 - IkStatu
用于状态标签显示
props
props | 类型 | 说明 | 默认值 |
---|---|---|---|
title | String | 状态显示内容 | '' |
type | String as PropType<'success' | 'warning' | 'info' | 'danger'> | 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 |
示例代码
vue
<template>
<!-- 示例 -->
<IkStatu
:type="data.row.success ? 'success' : 'warning'"
:title="data.row.success ? '成功' : '失败'"
/>
</template>