微信小程序开发文档——基础内容组件

基础内容组件

• icon
• text
• progress

公用属性

1. icon

属性名	类型	默认值	说明
type	String		icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size	Number / String	23px	icon的大小，单位px（2.4.0起支持rpx）
color	Color		icon的颜色，同css的color
aria-label	String		无障碍访问，（属性）元素的额外描述 2.5.0

 

2. text

属性名	类型	默认值	说明	最低版本
selectable	Boolean	false	文本是否可选	1.1.0
space	String	false	显示连续空格	1.4.0
decode	Boolean	false	是否解码	1.4.0

• space 有效值：

值	说明
ensp	中文字符空格一半大小
emsp	中文字符空格大小
nbsp	根据字体设置的空格大小

3. progress

属性名	类型	默认值	说明	最低版本
percent	Float	无	百分比0~100
show-info	Boolean	false	在进度条右侧显示百分比
border-radius	Number / String	0	圆角大小，单位px（2.4.0起支持rpx）	2.3.1
font-size	Number / String	16	右侧百分比字体大小，单位px（2.4.0起支持rpx）	2.3.1
stroke-width	Number / String	6	进度条线的宽度，单位px（2.4.0起支持rpx）
color	Color	#09BB07	进度条颜色 （请使用 activeColor）
activeColor	Color		已选择的进度条的颜色
backgroundColor	Color		未选择的进度条的颜色
active	Boolean	false	进度条从左往右的动画
active-mode	String	backwards	backwards: 动画从头播；forwards：动画从上次结束点接着播	1.7.0
bindactiveend	EventHandle		动画完成事件	2.4.1
aria-label	String		无障碍访问，（属性）元素的额外描述	2.5.0