Style:引入iconfont图标

  1. 新建项目

  2. 图标加入购物车

  3. 在购物车里面:添加至项目

  4. 在我的项目里面,点击查看在线链接,点击暂无代码,点击生成就可以生成一条链接。意味着该项目所有图标都放在阿里云里面。

  5. 在uni-app里面使用在线的图标:

    • 在App.vue里面

      <style lang="scss">
          // 引入 iconfont 的样式
          @import "https://at.alicdn.com/t/c/font_5137203_uyvg86fkk8d.css"
      </style>
      
    • 使用的时候

      class = iconfont icon-home-fill
      class = iconfont 图标代码
      

      图标代码来源:

    • 在uni-app的admin系统,可以修改图标

×

喜欢就点赞,疼爱就打赏