精品专区-精品自拍9-精品自拍三级乱伦-精品自拍视频-精品自拍视频曝光-精品自拍小视频

網站建設資訊

NEWS

網站建設資訊

layui添加icon的方法-創新互聯

了解layui添加icon的方法?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!

網站建設哪家好,找成都創新互聯!專注于網頁設計、網站建設、微信開發、微信小程序開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了濰城免費建站歡迎大家使用!

layui添加icon的方法:首先打開iconfont官網并選擇中意的字體圖標庫;然后在項目中點擊“下載至本地”,并將解壓的文件復制到本地的項目中;最后在本地項目引入相關html代碼即可。

layui2.0及以前版本的字體圖標不能滿足項目的需求,其圖標來源于阿里巴巴www.iconfont.cn,所以自己手動豐富了項目字體圖標庫,記錄如下。

1、添加字體圖標至購物車

打開www.iconfont.cn,選擇中意的字體圖標庫,添加至"庫"(即字體購物車圖標),如下圖所示layui添加icon的方法

2、將圖標添加至項目

點擊右側“購物車圖標”,然后將選中的字體圖標添加至項目。建議新建項目,方便以后擴展。

3、下載并引入代碼

在項目中,點擊"下載至本地",然后將解壓的文件復制到本地的項目中,并在本地引入 iconfont.css 文件即可。

4、選擇字體圖標

在瀏覽器中打開,demo_unicode.html文件,按照文件提示,在本地項目引入相關html代碼即可。
3

若是layui,為樣式美觀,可修改iconfont.css的修改css代碼如下

.iconfont{font-family:"iconfont" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
display: inline-block;
-webkit-text-stroke-width: 0.2px;
font-size:14px;
transition: all 0.4s linear 0s;-o-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;
}

5、以后若需要再添加字體圖標,重復上述步驟,直接在阿里巴巴iconfont下載項目代碼至本地,覆蓋以往的代碼(iconfont.css 除外),即可使用新的字體圖標。

感謝各位的閱讀!看完上述內容,你們對layui添加icon的方法大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注創新互聯行業資訊頻道。


分享名稱:layui添加icon的方法-創新互聯
文章鏈接:http://m.jcarcd.cn/article/diooie.html
主站蜘蛛池模板: 亲子乱子伦xxxx | 国产免费三a在线 | 国产精品日韩大片 | 97精品依人久 | 精品入口菠萝 | 精品自拍视频曝光 | 波多野结衣福利在线 | 国产这里只有精品 | 日本在线 | 人人天天综合影院 | 国产精品制服丝 | 国产亚洲精品综合 | 欧美日韩精品福利 | 国产精品尤物 | 中文字幕制 | 国产性爱在| 日韩欧美午夜在线 | 国产福利不卡视频 | 国产波霸爆 | 国产一区二区精品 | 成人一区免费观看 | 国产日产欧美一区 | 日本护士喷 | 成人a网站 | 韩国成人一区 | 日韩欧美一区二区三 | 国产精品小电影 | 国产a色| 蜜桃视频高清免费 | 日韩国产不卡在 | 中文字幕在线亚洲 | 国产日韩在线视频 | 日本遊學打 | 午夜福利在线影院 | 日韩欧美在线视频 | 日本一a不卡 | 乱伦国产日本影视 | 精品专区 | 日本精品大胆 | 加勒比东京| 中文字幕在线第一页 |