微信小程序引入外部icon(阿里巴巴矢量图标)的全过程
1、微信小程序引入阿里巴巴矢量图标库iconfont的步骤如下：选择图标：从阿里巴巴矢量图标库官网选择所需的图标，点击“购物车”图标进行添加。添加至项目：确认图标选择无误后，点击“添加至项目”，将所选图标库添加到您的微信小程序项目中。
2、首先，从官网iconfont-阿里巴巴矢量图标库选择所需的图标，点击“购物车”进行添加。 确认图标选择后，点击“添加至项目”，将图标库添加至您的小程序项目中。 接下来，获取在线链接，通常在添加至项目后会自动生成。 复制链接中的图标代码，然后打开小程序的开发者工具。
3、在微信小程序中使用自定义 icon 图标，有以下六种方法：使用 icon 图标：直接将自定义图标作为图片资源引入，通过 image 标签使用。使用 Sprite：将多个图标整合到一张图片中，通过 CSS 背景定位和大小裁剪来显示不同的图标。
4、微信小程序宝典秘籍 这里面详细的介绍了小程序的各项信息，包括组件、框架、API等等；（3） Easy Mork： easy-mock 小程序后台数据可以在这里模拟，使用的是json格式数据；（4） 图标库： Iconfont-阿里巴巴矢量图标库 这个是个好东西，找图标就用它了 （5） APPID：在微信公众号官网可以获得。
5、二：开发时长：小程序的开发过程分为几部分：需求调研与梳理、产品设计与评审、UI设计与评审、分解开发任务与排期 开发与联调、测试、修改bug，每个环节所消耗的时间加起来就是一个微信小程序大概的开发时间。其中很大一部分时间花在与客户的沟通上，不要小看这部分时间。
6、(3)？EasyMork：？easy-mock？小程序后台数据可以在这里模拟，使用的是json格式数据； (4)图标库：？Iconfont-阿里巴巴矢量图标库这个是个好东西，找图标就用它了 (5)？APPID：在微信公众号官网可以获得。
微信小程序使用iconfont及引入vant-icon使用iconfont
1、打开微信小程序的开发者工具，在项目的结构中新建一个名为“styles”的文件夹。在“styles”文件夹中创建一个“iconfont.wxss”文件，将复制的代码粘贴到该文件中。引入样式文件：确保在您的app.wxss文件中已经引入了“iconfont.wxss”文件，这样整个小程序中都可以使用这些图标。
2、在微信小程序中使用iconfont的步骤如下：获取所需字体图标：访问 iconfont.cn 网站，搜索你需要的图标。将选中的图标“添加入库”，然后进入购物车页面，点击“下载代码”按钮下载压缩文件。转换字体文件为base64格式：解压下载的压缩文件，找到其中的ttf字体文件。
3、微信小程序集成阿里巴巴矢量图标库icon-font的步骤如下：首先，从官网iconfont-阿里巴巴矢量图标库选择所需的图标，点击“购物车”进行添加。 确认图标选择后，点击“添加至项目”，将图标库添加至您的小程序项目中。 接下来，获取在线链接，通常在添加至项目后会自动生成。
4、在微信小程序中使用自定义 icon 图标，有以下六种方法：使用 icon 图标：直接将自定义图标作为图片资源引入，通过 image 标签使用。使用 Sprite：将多个图标整合到一张图片中，通过 CSS 背景定位和大小裁剪来显示不同的图标。
微信小程序底部tab图标大小
1、制作的icon要在50*50px以内（红色）， 小程序导航icon 周围系统自留了空间（蓝色），此处的小房子icon是34*39px 微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
2、对于需要根据不同用户角色显示不同底部导航的需求，开发者可以使用自定义底部导航（custom-tab-bar）来实现动态tabBar。这种方式可以灵活支持不同用户角色与超过5个Tab的自由组合，满足更复杂的业务需求。综上所述，微信小程序中的Tab标签实现方式多样，开发者可以根据具体需求选择合适的方式来实现。
3、Tab Bar设计规范 标签数量适宜：微信建议标签数量在24个适宜，可根据产品需要选择或去掉底部标签栏功能。 表现形式多样：Tab Bar的表现形式同样可根据实际需求进行设计，但需保持清晰明确。
微信小程序系统学习之图标Icon
微信小程序中，图标（Icon）这一元素至关重要，它主要用于视觉表达和交互引导。基础应用中，创建图标的核心代码是相当直观的。首先，让我们来看看不同类型的图标取值： type属性提供了多种选择：info： 通常用于显示信息提示，或者在操作前提示用户需要提供的必要信息。
微信小程序中图标的学习要点如下：图标的作用：图标在微信小程序中主要用于视觉表达和交互引导，是提升用户体验和交互设计的关键元素。图标的类型及取值：type属性：提供了多种选择，如info、warn、以及颜色区分的普通警告。info_circle：适用于表单中的状态标识，提示用户有信息需要注意。
在微信小程序中使用自定义 icon 图标，有以下六种方法：使用 icon 图标：直接将自定义图标作为图片资源引入，通过 image 标签使用。使用 Sprite：将多个图标整合到一张图片中，通过 CSS 背景定位和大小裁剪来显示不同的图标。
小程序的icon一般可以在以下几个地方查看：小程序管理后台：登录微信公众平台，进入小程序管理后台。在“设置”页面中，可以找到小程序的图标。通常会有一个下载按钮，可以直接点击下载小程序图标。微信开发者工具：对于小程序的开发者而言，微信开发者工具是查看图标资源的另一个重要途径。
微信小程序nutui icon不显示的原因可能有多种，以下是一些可能的原因及相应的解决方案：图标被包裹在text中：微信不允许icon被包裹在text中，这可能导致图标无法正常显示。解决方案是将包裹text替换成view容器，以确保图标能够正确渲染。