zoukankan      html  css  js  c++  java
  • uniapp中使用iconfont 图标库

    在一些项目中,我们需要使用阿里巴巴矢量字体图标库的图标,如果单个下载势必过于麻烦,这个就是自己创建好然后进入即可。

    第一步,找到阿里巴巴矢量字体图标库,登录官网 。把你需要的图标添加至购物车,创建项目

      

    第二步,进入项目,首先选择Unicode,然后点击下载至本地

     

    第三步,找到该文件,解压,然后把该解压好的文件放到所需项目的static 文件里

    第四步,找到你刚才引入的图标文件(iconhome)里面的iconfont.css文件,把里面路径改为本地路径,如下

     

    第五步,在App.vue文件全局引入

     

      

    第六步,再所需页面如下方法引入,iconfont为必填,icon-weijin为你所需要字体图标的名字

     

      

    效果图:

     

      

     
    原文链接:https://blog.csdn.net/asteriaV/article/details/105072249

  • 相关阅读:
    05mybatis配置方式简单入门
    04mybatis配置文件lombok组件使用
    03mybatis-注解方式简单入门实例
    01-02 ssm框架简介
    jsp实现文件上传
    新增的语义化标签
    html5与html4的区别
    面向对象总结
    html语法
    购物车总结
  • 原文地址:https://www.cnblogs.com/1549983239yifeng/p/14874157.html
Copyright © 2011-2022 走看看