中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

layui中怎么自定義字體圖標

發布時間:2021-07-29 16:22:19 來源:億速云 閱讀:128 作者:Leah 欄目:開發技術

這篇文章給大家介紹layui中怎么自定義字體圖標,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

layui的圖標取自于阿里巴巴的矢量圖標庫 Iconfont

第一步,通過瀏覽器打開  http://iconfont.cn/ ,訪問阿里巴巴矢量圖標庫。

第二步,通過右上角的用戶圖標,授權登陸一個賬號,在此我選擇使用Github作為登陸賬號。

第三步,登陸完成后,讓我們稍微了解下基本的操作。Iconfont提供了非常多的圖標庫,有官方的圖標資源,也有一些第三方的素材。選擇方式多種多樣,更能集成一些彩色圖標到項目中,在此我們選擇「多彩圖標庫」里的「多色金融商務小圖標」,作為我們案例。通過面板的操作,我們能輕松收藏/下載各類圖標,也能將這些圖標像「添加到購物車」一般加入到一個項目。

將瀏覽的圖標都放入購物車,創建一個項目。

第四步,在添加完一個項目后,我們來熟悉一下對項目的管理和操作

設置項目信息,修改圖標的FontClass前綴為「layui-extend」

這是,修改保存后的效果圖。

第五步,選擇集成方式。Iconfont提供了兩種集成方式,一種是通過生成在線的CDN資源進行集成,好處就是維護起來非常方便。一個項目會有一個唯一的地址且不變,倉庫更新后也能直接引用而忽略更新的問題。另一種方式則是下載到本地集成,好處是便于保證整個項目的完整度和保留各類版本。

仁者見仁,智者見智,我選擇了下載文件的方式進行集成。在點擊下載到本地按鈕后,我們得到了一個ZIP包。從layui官網下載框架最新版本,兩者解壓后放在同一個目錄,目錄結構如下。

第六步,在layui目錄下的 css/modules 下新建一個名為layui-icon-extend的目錄,將字體目錄中的以 iconfont開頭的文件拷貝進去。

第七步,開始寫代碼了!!!在頁面引用中引用 layui-icon-extend 下的 iconfont.css文件,然后就可以使用「 iconfont layui-extend-xxxx 」的方式引用圖標了。

在上面的樣式中,iconfont指的是 iconfont.css 中的樣式名。為避免沖突,一般不推薦修改。當然,如果你引用了較多iconfont上的項目,也是可以修改的。注意:千萬不要修改為layui-icon,會和 layui自帶的圖標沖突!!

關于layui中怎么自定義字體圖標就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

轮台县| 宁安市| 漠河县| 东丽区| 武胜县| 桦川县| 延川县| 祁东县| 鄂托克前旗| 肥城市| 安康市| 五莲县| 浮山县| 耒阳市| 资兴市| 澜沧| 静安区| 辉南县| 渑池县| 澄城县| 隆德县| 革吉县| 绵阳市| 四川省| 临清市| 泸州市| 谷城县| 兴和县| 盈江县| 株洲市| 铜陵市| 长春市| 肇州县| 新昌县| 交口县| 桦甸市| 海盐县| 云阳县| 花莲市| 仙居县| 道真|