• <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。


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


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

      日歷

      鏈接

      個人資料

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

      存檔

      主站蜘蛛池模板: 亚洲avav| 91视频网址| jiZZjiZZ欧美69| 91精品人妻一区二区三区蜜桃| 亚洲国产日韩在线人高清 磁力 | 亚洲区欧美区中文字幕久久 | 在线视频 亚太 国产 欧美 一区二区 | 无码人妻精品一区二区三区蜜臀百度| 91蜜桃婷婷狠狠久久综合9色| 深夜福利久久| 91蜜芽尤物福利在线观看| 四虎海外在线永久免费看| 男人亚洲天堂| 手机在线a视频| 人操人人| av中文一区二区三区| 91性爱视频| 中文字幕av久久爽一区| 色秘?乱码一码二码三码熟女| 自拍偷拍综合| 邻水| 一区二区三区在线亚洲| 中文字幕亚洲在线观看| [无码破解]AV破解版在线观看| 欧美另类视频| 香蕉久久人人爽人人爽人人片AV| 欧美激情一区二区亚洲专区| 欧洲AV在线| 亚洲性激情| 夜夜添无码试看一区二区三区| 国产精品福利片免费看| 午夜小电影| 欧美专区在线| 波多野结衣免费一区二区三区 | 99日本亚洲黄色三级高清网站| 91性爱视频| 国产日韩欧美一区二区三区乱码 | 国产V∧在线视频| 亚洲制服丝袜在线| 亚洲avav| 欧美成人影院亚洲综合图|