Appearance
textDot 文本状态
基础用法

vue
<template>
<el-card header="文本状态" shadow="never">
<el-fs-dot type="primary" text="运行中"></el-fs-dot>
<el-fs-dot type="success" text="已上线" class="ml-5"></el-fs-dot>
<el-fs-dot type="warning" text="异常" class="ml-5"></el-fs-dot>
<el-fs-dot type="info" text="关闭" class="ml-5"></el-fs-dot>
</el-card>
</template>
属性
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
type | 状态类型 | String | primary | primary success warning danger info |
color | 自定义颜色 | String | ||
ripple | 是否显示水波动画 | Boolean | true | |
text | 显示文本 | String | ||
size | 尺寸大小 | String | ||
fontStyle | 文字样式 | Object |