Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
T treasure
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 12
    • Issues 12
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • External wiki
    • External wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • FE
  • treasure
  • Issues
  • #141

Closed
Open
Created Mar 16, 2023 by 姚阳子@yaoyangzi

小程序接入iconfont彩色图标

打开iconfont项目,下载至本地; 解压下载的压缩包,使用命令行工具进入解压后的文件夹内;

cd iconfont

安装iconfont-tools,执行iconfont-tools

npm i -g iconfont-tools
iconfont-tools

将生成的iconfont-weapp-icon.css文件拷贝至项目内,如有使用预处理,可直接修改文件后缀为less等; 在app.wpy的wxss或style中引入

@import 'style/iconfont-weapp-icon'

接下来就可以直接在项目中使用了

<view class="iconfont pc-common-icon-file_icon_excel" />
Edited Mar 16, 2023 by 姚阳子
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking