-
icon
图标。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。
属性包括如下:
- type (string,必填),icon类型,可选值包括success, success_no_circle, info, warn, waiting, cancel, download, search, clear;
- size (number/string,默认23),icon大小;
- color (string),icon的颜色,同css的color。
<icon type="success" size="40" color="{{item}}"/>
-
progress
进度条。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。
属性部分包括如下:
- percent (number),百分比0~100;
- show-info (boolean),在进度条右侧显示百分比;
- font-size (number/string,默认为16),右侧百分比字体大小;
- stroke-width (number/string,默认为6),进度条线的宽度;
- color (string,默认 #09BB07),进度条颜色;
- active (boolean, false),进度条从左往右的动画。
<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />
-
rich-text
富文本。
拥有属性如下:
- nodes (array/string),节点列表/HTML String;
- type = node (name, attrs, children)
- type = text
- space (string),显示连续空格。
#.js
Page({
data: {
nodes: [{
name: 'div',
attrs: {
class: 'div_class',
style: 'line-height: 60px; color: red;'
},
children: [{
type: 'text',
text: 'Hello World!'
}]
}]
},
tap() {
console.log('tap')
}
})
# wxml
<rich-text nodes="{{nodes}}" bindtap="tap"></rich-text>
-
text
文本。
拥有属性如下:
- selectable (boolean,默认为false),文本是否可选;
- space (string),显示连续空格;
- decode (boolean,默认为false),是否解码 ( < > & '    )。