icon
图标组件
属性说明：
type：icon 的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size：icon 的大小，单位默认为 px，2.4.0 起支持传入单位(rpx/px)，2.21.3 起支持传入其余单位(rem 等)。
color：icon 的颜色，同 css 的 color
代码演示：
<icon type="success" ></icon><icon type="success_no_circle"></icon><icon type="info"></icon><icon type="warn"></icon><icon type="waiting"></icon><icon type="cancel"></icon><icon type="download"></icon><icon type="search"></icon><icon type="clear"></icon>
复制代码
运行结果：
progress
进度条。组件属性的长度单位默认为 px，2.4.0 起支持传入单位(rpx/px)。
属性说明
percent:百分比 0~100
show-info：在进度条右侧显示百分比
border-radius：圆角大小
font-size：右侧百分比字体大小
stroke-width:进度条线的宽度
activecolor:已选择的进度条的颜色
backgroundColor:未选择的进度条的颜色
active：进度条从左往右的动画
active-mode：backwards: 动画从头播；forwards：动画从上次结束点接着播
duration：进度增加 1%所需毫秒数
bindactiveend：动画完成事件
<progress percent="52" show-info="true"></progress><progress percent="52" show-info="true" border-radius="5px"></progress><progress percent="52" show-info="true" border-radius="5px" font-size="12px"></progress><progress percent="52" show-info="true" border-radius="5px" stroke-width="10px" ></progress><progress percent="52" show-info="true" activeColor="#555555" stroke-width="10px" ></progress><progress percent="52" show-info="true" backgroundColor="#555555"></progress><progress percent="52" show-info="true" activeColor="#555555" active="true"></progress>
复制代码
评论