千家信息网

小程序组件怎么用

发表于:2024-12-03 作者:千家信息网编辑
千家信息网最后更新 2024年12月03日,这篇文章主要介绍了小程序组件怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。iconicon组件有3个属性,如下:type,可选值
千家信息网最后更新 2024年12月03日小程序组件怎么用

这篇文章主要介绍了小程序组件怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

icon

icon组件有3个属性,如下:

  • type,可选值:success, success_no_circle, info, info_circle,warn, waiting, cancel, download, search, clear

  • color,如#C9C9C9。

  • size,默认为23px。

再看具体的wxml和wxss。

circle:多选未选中success:成功或已选中success_no_circle:单选已选中info:信息提示warn-#C9C9C9:普通警告warn:强烈警告waiting:等待download:可下载info_circle:有信息提示cancel:停止或关闭search:搜索clear:删除PS:每个type都可以设置颜色(color),大小(size)
.demo-view-4{    display:flex;    height: 100%;    flex-direction: column;}.view-1{    display:flex;    height: 100%;    flex-direction: row;}.margin{    margin: 20rpx;}

text

wxml如下:

My name is wisely。\n I am a Androider!

progress

progress组件的属性如下:

属性名类型默认值说明
percentFloat百分比0~100
show-infoBooleanfalse在进度条右侧显示百分比
stroke-widthNumber6进度条线的宽度,单位px
colorColor#09BB07进度条颜色 (请使用 activeColor)
activeColorColor已选择的进度条的颜色
backgroundColorColor未选择的进度条的颜色
activeBooleanfalse进度条从左往右的动画


感谢你能够认真阅读完这篇文章,希望小编分享的"小程序组件怎么用"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

0