微信小程序——优雅使用彩色iconfont图标

dbt@L

于 2020-10-19 15:57:36 发布

阅读量753

点赞数

分类专栏：有点儿东西

本文链接：https://blog.youkuaiyun.com/qq_43201350/article/details/108547005

版权

46 篇文章 ¥99.90 ¥299.90

订阅专栏

本文详细介绍了如何在微信小程序中优雅地使用彩色iconfont图标，从安装相关插件到生成配置文件，再到复制iconfont项目Symbol链接，生成小程序组件，注册并使用组件，最后提醒在更新图标时需执行特定命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：安装插件

// Yarn
yarn add mini-program-iconfont-cli --dev
// Npm
npm install mini-program-iconfont-cli --save-dev

二、生成配置文件

npx iconfont-init
 
// 或者
 
npx iconfont-wechat

在这里插入图片描述
三、复制iconfont官网你的项目的Symbol链接

四、生成小程序组件

npx iconfont-wechat

五：注册iconfont组件并使用

app.json文件

// 绝对路径
{
    "usingComponents": {
        "iconfont"

了解本专栏