小程序组件怎么用
发表于:2026-10-31 作者:千家信息网编辑
千家信息网最后更新 2026年10月31日,这篇文章主要介绍了小程序组件怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。iconicon组件有3个属性,如下:type,可选值
千家信息网最后更新 2026年10月31日小程序组件怎么用
这篇文章主要介绍了小程序组件怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
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组件的属性如下:
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| percent | Float | 无 | 百分比0~100 |
| show-info | Boolean | false | 在进度条右侧显示百分比 |
| stroke-width | Number | 6 | 进度条线的宽度,单位px |
| color | Color | #09BB07 | 进度条颜色 (请使用 activeColor) |
| activeColor | Color | 已选择的进度条的颜色 | |
| backgroundColor | Color | 未选择的进度条的颜色 | |
| active | Boolean | false | 进度条从左往右的动画 |
感谢你能够认真阅读完这篇文章,希望小编分享的"小程序组件怎么用"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
进度
组件
篇文章
颜色
属性
程序
信息
百分
百分比
提示
选择
普通
成功
价值
兴趣
动画
单位
右侧
同时
大小
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
手冲咖啡和咖啡机区别
科技平台互联网
互联网电商科技
互联网 科技
以房互联网科技
互联网科技的未来发展
撒么互联网科技公司
广西拼得多互联网科技有限公司
互联网科技公司招聘
互联网科技创新服务
知域互联网科技有限公司大骗子
互联网科技与大数据专业
工业互联网等科技实现智能化赋能
群盈汇互联网科技有限公司
互联网第三次科技革命特征
中天科技中国工业互联网
福建互联网展示科技馆设计
世界互联网科技成果奖
上海万顺科技互联网有限公司招聘
互联网的科技体现在哪里
卓越科技(互联网 )
未来的互联网科技
科技互联网创业计划书
多迪互联网科技有限公司
昊天互联网科技有限公司
互联网科技的全部知识
长沙茂晟互联网科技有限公司
上海创道互联网络科技有限公司
广东鹅鹅鹅互联网科技有限公司
颐高云石互联网科技