2024年最新手把手带你学习微信小程序 —— 十（icon 标签【微信默认标签】，阿里三面

最后

文章中涉及到的知识点我都已经整理成了资料，录制了视频供大家下载学习，诚意满满，希望可以帮助在这个行业发展的朋友，在论坛博客等地方少花些时间找资料，把有限的时间，真正花在学习上，所以我把这些资料，分享出来。相信对于已经工作和遇到技术瓶颈的朋友们，在这份资料中一定都有你需要的内容。

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

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 的基本使用

---

更多有趣的内容请自行尝试

二、实际项目

====================================================================

2.1 微信支付界面支付成功展示

---

界面分析：

1. icon：<icon type='success' size='100'></icon>

2. view标签 —— 操作成功

3. button组件 —— 完成

4. wxss 样式：主要采用 flex 布局，由全局样式控制，局部样式进行微调

2.2 跳转等待界面

---

界面分析：

分享

1、算法大厂——字节跳动面试题

2、2000页互联网Java面试题大全

3、高阶必备，算法学习

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

613a03fab5e56a57acb)收录**

需要这份系统化的资料的朋友，可以点击这里获取