<em>Mac</em>Book项目 2009年学校开始实施<em>Mac</em>Book项目,所有师生配备一本<em>Mac</em>Book,并同步更新了校园无线网络。学校每周进行电脑技术更新,每月发送技术支持资料,极大改变了教学及学习方式。因此2011
2021-06-01 09:32:01
在iview+vue專案中使用自定義icon圖示方式
2022-04-02 10:00:11
最近做一個後臺管理系統，是用iview+vue cli2做的，在做的過程中需要將左側的導航欄加入icon圖示，但是iview庫裡的圖示和UI要求不符，這就需要引入自己的圖示庫。
1. UI設計師會把自己做的圖示庫上傳到阿里巴巴圖示庫
開啟設計師給的圖示庫地址，把所有要用到的圖示點選加入購物車
2. 到購物車中點選新增至專案
3. 給專案起個名字
點選確定，然後點選下載至本地
4. 把下面這些檔案放到我的專案的static中
新建資料夾iconfont中
5. 在main.js中全域性引入iconfont.css
6. 開啟剛才下載好的檔案裡的demo_index.html
裡面有三種形式的參照方式，我用的是class的方式，直接複製下面的class名即可
7. 在我的路由中加入icon設定
我以為能夠正常顯示了，發現根本就沒顯示出來
8. 看結構才發現font-family還是預設的iview設定好的
而自己引入的圖示需要設定成 font-family: 'iconfont'
9. 所以要改變font-family的設定
注意這裡不能再全域性設定，開始我全域性設定導致其他iview圖示也會不顯示，所以要找到左側導航欄對應的檔案，在其對應的結構中加入行內樣式
10. 這樣就完美的解決了
既能在左側引入自定義圖示也不會影響其他地方使用的iview圖示
以上為個人經驗，希望能給大家一個參考，也希望大家多多支援it145.com。
相關文章
-
黑科技的輕簡出行，告別「電量焦慮症」：Anker氮化鎵超能充系列
综合看Anker超能充系列的性价比很高，并且与不仅和iPhone12/苹果<em>Mac</em>Book很配，而且适合多设备充电需求的日常使用或差旅场景，不管是安卓还是Switch同样也能用得上它，希望这次分享能给准备购入充电器的小伙伴们有所
2021-06-01 09:31:42
-
吳亦凡廠牌首秀，L4WUDU居然忘詞了，Rapper和明星比還是有差距！
除了L4WUDU与吴亦凡已经多次共事，成为了明面上的厂牌成员，吴亦凡还曾带领20XXCLUB全队参加2020年的一场音乐节，这也是20XXCLUB首次全员合照，王嗣尧Turbo、陈彦希Regi、<em>Mac</em> Ova Seas、林渝植等人全部出场。然而让
2021-06-01 09:31:34
-
IPFS、Chia、Bzz和ICP挖礦該怎麼選？哪一個更有優勢？
目前应用IPFS的机构：1 谷歌<em>浏览器</em>支持IPFS分布式协议 2 万维网 (历史档案博物馆)数据库 3 火狐<em>浏览器</em>支持 IPFS分布式协议 4 EOS 等数字货币数据存储 5 美国国会图书馆，历史资料永久保存在 IPFS 6 加
2021-06-01 09:31:24
-
有哪些事是買了雪佛蘭後才知道的？美事偷著樂，開拓者車主隨聊
开拓者的车机是兼容苹果和<em>安卓</em>，虽然我不怎么用，但确实兼顾了我家人的很多需求：副驾的门板还配有解锁开关，有的时候老婆开车，下车的时候偶尔会忘记解锁，我在副驾驶可以自己开门：第二排设计很好，不仅配置了一个很大的
2021-06-01 09:30:48
-
iPhone12在618最新定價，跌價幅度超過1400元，還等iPhone13嗎？
不仅是<em>安卓</em>手机，苹果手机的降价力度也是前所未有了，iPhone12也“跳水价”了，发布价是6799元，如今已经跌至5308元，降价幅度超过1400元，最新定价确认了。iPhone12是苹果首款5G手机，同时也是全球首款5nm芯片的智能机，它
2021-06-01 09:30:45