uni-app引入阿里图标库

在阿里图标库中的项目设置中将字体格式中的Base64勾选

从阿里图标下载图标压缩包

找到iconfont.css文件

将iconfont.css中src:url()只保留Base64格式 例如:

@font-face {font-family: "iconfont";
  src:url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

将iconfont.css放入根目录下的common目录中

在根目录找到App.vue 在style中引入iconfont.css

<style>
    /* 引入阿里图标库 */
    @import './common/iconfont.css';
</style>

使用图标时加入对应class名 例如:

<view class="icon iconfont icon-zhaopian"></view>

 图标可以更改颜色并使用渐变色 例如:

.icon {
  background-image: linear-gradient(to top, #44B8FF 0%, #a6c1ee 100%);
  color: transparent;
  background-clip: text;
}

 

posted @ 2021-07-06 18:00  生如夏花死如秋叶  阅读(2257)  评论(0编辑  收藏  举报