微信小程序系统学习之图标Icon
1、微信小程序中，图标（Icon）这一元素至关重要，它主要用于视觉表达和交互引导。基础应用中，创建图标的核心代码是相当直观的。首先，让我们来看看不同类型的图标取值： type属性提供了多种选择：info： 通常用于显示信息提示，或者在操作前提示用户需要提供的必要信息。
2、微信小程序中图标的学习要点如下：图标的作用：图标在微信小程序中主要用于视觉表达和交互引导，是提升用户体验和交互设计的关键元素。图标的类型及取值：type属性：提供了多种选择，如info、warn、以及颜色区分的普通警告。info_circle：适用于表单中的状态标识，提示用户有信息需要注意。
3、在微信小程序中使用自定义 icon 图标，有以下六种方法：使用 icon 图标：直接将自定义图标作为图片资源引入，通过 image 标签使用。使用 Sprite：将多个图标整合到一张图片中，通过 CSS 背景定位和大小裁剪来显示不同的图标。
微信小程序底部tab图标大小
制作的icon要在50*50px以内（红色）， 小程序导航icon 周围系统自留了空间（蓝色），此处的小房子icon是34*39px 微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
tabBar 在app.json文件中添加tabBar节点。tabBar是小程序客户端底部或顶部tab栏的实现。（1）tabBar相关属性 color：tab上的文字默认颜色，仅支持十六进制颜色。selectedColor：tab上的文字选中时的颜色，仅支持十六进制颜色。backgroundColor：tab的背景色，仅支持十六进制颜色。
顶部的tabBar目前仅微信小程序上支持。如果需要使用顶部选项卡，建议不使用tabBar的顶部设置，而是自己做顶部选项卡。准备好项目所需的tab图标。我这里准备了6张，分别用于3个tab切换使用，放在了static文件夹下的tabbar文件夹下。找到pages.json文件进行配置。
小程序中的“tab”通常指的是“标签页”或“选项卡”。在微信小程序、支付宝小程序等移动应用中，tab是一种重要的界面元素，它具有以下特点： 分类功能：tab可以将小程序的内容或功能进行模块化划分。
微信小程序使用iconfont及引入vant-icon使用iconfont
在微信小程序中使用iconfont的步骤如下：获取所需字体图标：访问 iconfont.cn 网站，搜索你需要的图标。将选中的图标“添加入库”，然后进入购物车页面，点击“下载代码”按钮下载压缩文件。转换字体文件为base64格式：解压下载的压缩文件，找到其中的ttf字体文件。
第一步：获取CSS代码 首先，进入iconfont平台，创建项目并输入所需参数，创建项目后，挑选所需图标并将其加入项目中。点击右上角的购物车按钮，将图标添加至项目。随后，在项目中，生成用于使用的CSS文件，获取该文件的URL。
在微信小程序中使用自定义 icon 图标，有以下六种方法：使用 icon 图标：直接将自定义图标作为图片资源引入，通过 image 标签使用。使用 Sprite：将多个图标整合到一张图片中，通过 CSS 背景定位和大小裁剪来显示不同的图标。
在移动端APP中应用字体图标iconfonts，可以通过以下步骤实现： 引入Iconfonts字体库。 在APP界面设计过程中，选择合适的图标。 将图标代码嵌入到APP界面中。 进行调试和优化，确保图标显示正常。 引入Iconfonts字体库：Iconfonts是一种流行的字体图标库，提供了丰富的图标选择。
微信小程序自定义showtoast怎样可以去icon
wx.showToast（{ title： 成功， icon： success， duration： 2000}）接下来演示如何使用，先打开微信web开发者工具，新建快速项目，删除掉首页没用的内容，保留如下部分。添加两个按钮，同事添加点击事件。再在按钮上添加navigator导航，链接到默认的日志页面。
相比H5弹出框的实现方式要么用插件，要么自己写；微信小程序则提供了几个弹出框api，使用起来更简单、方便；每个api都有不同的使用方式、场景，今天我们就来说说小程序的几种弹出框。
wx.showToast接口只提供了两种icon【success和loading】展示形式，但是在实际开发中并不满足的。
