【Vue】 外部JSON數據援用Iconfont

2023年5月14日 112次阅读 来源: Brown

嘗試了uniclde體式格局以後發明動態寫入的字符編碼襯着成了字符串，我疑心有多是引入的遞次致使的字符編碼沒有被編譯。
嘗試了官網給得第二張要領 FontClass，坑的處所就是官方只給了一個地點
//at.alicdn.com/t/font_703595_fkypz725vpa.css
然則並沒有告訴我怎樣運用，無意中在另一位同硯的代碼中看到誰人地點出現在了CSS內里的import里。好吧，我就是很菜。第三種要領還沒有搞懂誰人地點是援用在那裡的，在js里import里報錯，臨時把坑放在這裏，以厥後填吧…

在CSS中援用

@import '//at.alicdn.com/t/font_703595_fkypz725v

在DOM構造中經由過程class援用

    <h1 :class="'iconfont icon-' +item.icon">{{item.title}}</h1>

外部json的數據構造

              {
                "title": "雲主機 UHost",
                "icon": "yuanhuan",
                "descrition": "高性能、穩固、低成本；供應多種機型滿足差別營業需求",
                "link": "#"
              }, {
                "title": "容器集群 UDocker",
                "icon": "database",
                "descrition": "支撐自在創建和治理容器集群",
                "link": "#"
              }
    原文作者：Brown
    原文地址: https://segmentfault.com/a/1190000015260394
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞