⼿把⼿带你学习⼩程序——⼗（icon标签【默认标签】）icon 标签
⼀、icon 体验
先看⼀张图
上图展⽰的图标便是提供的，我们可以直接使⽤的图标
1.1 icon 的三个属性
icon 的使⽤简单，它只有三个属性
1. icon 类型 type 分为 ：success, success_no_circle, info, warn, waiting, cancel, download, search, clear ，分别对应上图的每⼀个图标
2. icon的⼤⼩：通过 size 属性进⾏设置
3. icon 的颜⾊，通过 color 进⾏修改（同css 中的color）
1.2 icon 的基本使⽤
<icon type="success"size="50"></icon>
<icon type="success_no_circle"size="50"></icon>
<icon type="info"size="50"></icon>
<icon type="warn"size="50"></icon>
<icon type="waiting"size="50"></icon>icon图标库
<icon type="cancel"size="50"></icon>
更多有趣的内容请⾃⾏尝试
⼆、实际项⽬
2.1 ⽀付界⾯⽀付成功展⽰
界⾯分析：
1. icon：<icon type='success' size='100'></icon>
2. view标签 —— 操作成功
3. button组件 —— 完成
4. wxss 样式：主要采⽤ flex 布局，由全局样式控制，局部样式进⾏微调2.2 跳转等待界⾯
界⾯分析：
1. icon：使⽤等待界⾯的类型次 —— waiting<icon type='waiting' size='100'></icon>
2. view：操作进⾏中… ，后⾯的数字是动态变化的，通过js 传值
3. button：取消
4. wxss 样式：基本和上⾯⼀样
5. js 实现倒计时
2.3 搜索栏实现
项⽬分析：
1.
源码在Github 上，有需要的同学请⾃取~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。