基础内容
优质
小牛编辑
129浏览
2023-12-01
基础内容说明
组件 | 说明 | 最低版本 |
---|---|---|
icon | 图标 | 1.0.0 |
text | 文本 | 1.0.0 |
progress | 进度条 | 1.0.0 |
rich-text | 富文本 | 1.0.0 |
icon
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
type | string | 是 | icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear | 1.0.0 | |
size | number/string | 23 | 否 | icon的大小 | 1.0.0 |
color | string | 否 | icon的颜色,同css的color | 1.0.0 |
text
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
user-select | boolean | false | 否 | 文本是否可选,该属性会使文本节点显示为 inline-block | |
space | string | 否 | 显示连续空格 | ||
decode | boolean | false | 否 | 是否解码 |
space 的合法值
值 | 说明 | 最低版本 |
---|---|---|
ensp | 中文字符空格一半大小 | |
emsp | 中文字符空格大小 | |
nbsp | 根据字体设置的空格大小 |
progress
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
percent | number | 否 | 百分比0~100 | 1.0.0 | |
show-info | boolean | false | 否 | 在进度条右侧显示百分比 | 1.0.0 |
stroke-width | number/string | 6 | 否 | 进度条线的宽度 | 1.0.0 |
color | string | #09BB07 | 否 | 进度条颜色(请使用activeColor) | 1.0.0 |
active | boolean | false | 否 | 进度条从左往右的动画 | 1.0.0 |
border-radius | number/string | 0 | 否 | 圆角大小 | 不支持 |
font-size | number/string | 16 | 否 | 右侧百分比字体大小 | 不支持 |
activeColor | string | #09BB07 | 否 | 已选择的进度条的颜色 | 不支持 |
backgroundColor | string | #EBEBEB | 否 | 未选择的进度条的颜色 | 不支持 |
active-mode | string | backwards | 否 | backwards: 动画从头播;forwards:动画从上次结束点接着播 | 不支持 |
duration | number | 30 | 否 | 进度增加1%所需毫秒数 | 不支持 |
bindactiveend | eventhandle | 否 | 动画完成事件 | 不支持 |
rich-text
属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
---|---|---|---|---|---|
nodes | array/string | [] | 否 | 节点列表/HTML String | 1.0.0 |
space | string | 否 | 显示连续空格 | 不支持 |