侧边栏壁纸
博主头像
DeQ

江流宛转绕芳甸,月照花林皆似霰

  • 累计撰写 23 篇文章
  • 累计创建 12 个标签
  • 累计收到 5 条评论

目 录CONTENT

文章目录

uni-app使用阿里巴巴矢量图标库

DeQ
DeQ
2020-08-11 / 0 评论 / 0 点赞 / 731 阅读 / 249 字

1. 登陆阿里巴巴矢量图标库,将iconfont下载到本地,并解压

image

2. 将字体文件转换成base64格式

①. 进入 https://transfonter.org/

②. 将 iconfont.ttf 上传到平台转化为base64格式
image

③. 点击Covert -> Download -> 解压

3. 打开刚刚解压后的文件,找到 stylesheet.css ,将其放入项目,打开看到里面的内容为
image

4. 打开从阿里下载并解压后的文件,找到 iconfont.css 将里面的图标样式复制到 stylesheet.css 即可

最终效果:
image

0

评论区