• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      【小程序開發】uniapp引入iconfont圖標及使用方式

      2023-2-6    前端達人

      第一步:打開iconfont官網新建項目并添加自己所需要的圖標

      這里是iconfont的網址鏈接: iconfon官網
      在這里插入圖片描述

      新建項目

      不 要 勾 選 彩 色 , 會 導 致 在 項 目 中 無 法 修 改 字 體 顏 色 及 樣 式 , 本 人 親 測 , 找 了 半 天 解 決 辦 法 最 終 悔 恨 不 已 \textcolor{red} {不要勾選彩色,會導致在項目中無法修改字體顏色及樣式,本人親測,找了半天解決辦法最終悔恨不已}

      • App下原生導航欄的按鈕如果使用字體圖標,注意檢查字體庫的名字(font-family)是否使用了默認的 iconfont,這個名字是保留字,不能作為外部引入的字體庫的名字,需要調整為自定義的名稱,否則無法顯示
      • 按鈕上顯示的文字。使用字體圖標時 unicode 字符表示必須 ‘\u’ 開頭,如 “\ue123”(注意不能寫成"\e123")。

      選擇自己需要的圖標加入購物車再添加到項目中

      在這里插入圖片描述
      在這里插入圖片描述

      第二步:下載我們所需要的iconfont.css文件并引入到項目中

      在這里插入圖片描述

      下載項目并解壓

      在這里插入圖片描述

      將iconfont.css文件復制放到我們的項目中去,一般放在static靜態文件目錄下

      第三步:修改iconfont.css文件中的內容并全局引用

      在這里插入圖片描述
      在這里插入圖片描述

      需要注意的是,當我們在項目中新添加了圖標后,需要重新復制修改iconfont.css中的內容,要不然新添加的圖標是找不到的

      在這里插入圖片描述

      在移動端引用的時候要在App.vue文件中進行全局注冊,而不是main.js中

      第四步:使用iconfont圖標進行開發

      在開發中我們常用的有兩種方式,這兩種方式以及注意事項我在以下內容都有演示:

      • 在頁面文件中直接使用標簽
      • 使用APPplus原生的自定義導航欄iconfont右側自定義圖標

      1.在頁面文件中直接使用標簽

      在這里插入圖片描述

      兩種方式代碼的獲取方式如下圖所示:

      • 使用uniCode碼
      • Font Class 名稱

      在這里插入圖片描述

      在這里插入圖片描述

      2.使用APPplus原生的自定義導航欄iconfont右側自定義圖標

      使用iconfont圖標的文件內容(忽略css樣式):
      在這里插入圖片描述
      需要配合static目錄下的iconfont.tff文件,這個文件在我們下載到本地的時候那個目錄中,與iconfont.css在一個目錄中:
      在這里插入圖片描述
      pages.json文件中配置iconfont圖標:
      在這里插入圖片描述

      這三步完成,我們配置自定義原生導航欄的自定義圖標就完成啦!

      五:需要注意的點寫在這里:

      1. iconfont官網創建項目的時候,不要勾選彩 色 \textcolor{red} {彩色} 那個多選框,否則使用的時候不能更改顏色
      2. 如果項目重新添加了新的圖標,需要重新生成在線鏈接,更新iconfont.css文件
      3. 自定義原生導航欄使用iconfont圖標時,必須配合iconfont.ttf文件使用


      作者:彩云sky
      來源:人人都是產品經理
      著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

      藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


      分享此文一切功德,皆悉回向給文章原作者及眾讀者.
      免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: 欧美日韩亚洲TV不卡久久| 日日摸夜夜添夜夜添人人爽| 午夜做受视频试看6次| jizzjizz国产| 亚洲天堂男人| 亚洲AV无码日韩一区二区乱| 夜夜躁狠狠躁日日躁av| 欧美精品在线视频| JAPANESE精品中国少妇| 国产资源网| 亚洲精品国产第一页第二页_久久精品国产亚洲a片无码_国产精品乱码一区二区三 | 最近中文字幕国产精选| 国产精品一卡二卡三卡| 蜜臀久久99精品久久久久久牛牛| 欧美日韩国产在线看| 亚洲欧洲日产国码久在线观看| 老湿机看片新入口福利| 懂色av,蜜臀AV粉嫩av| 揭西县| 97超碰精品成人国产| 亚洲第一成年网| 浮梁县| 成人欧美一区二区三区| 在线观看av网站永久| 狼友福利导航| 亚洲综合AV一区二区三区不卡| 自拍偷拍亚洲| 3p露脸在线播放| 国产精品高清视亚洲乱码有限公司 | 平罗县| 波多野结衣av一区二区无码| 美女黄色网| 鸡西市| 国产人人人| 中国XXXX色视频| 丝袜美腿一区二区三区| 麻豆av在线| 一区二区中文| 国产午夜福利短视频| 亚洲AV熟女| 中文字幕亚洲一区|