搜尋
首頁微信小程式小程式開發手把手教你怎麼在小程式中使用字體圖標
手把手教你怎麼在小程式中使用字體圖標Nov 05, 2021 am 10:43 AM
字體圖示小程式微信

小程式中怎麼使用字體圖示?以下這篇文章就以某里巴巴向量圖示為例,為大家介紹一下在小程式中使用字體圖示的方法,希望對大家有幫助!

手把手教你怎麼在小程式中使用字體圖標

在微信小程式開發過程中,圖示的使用是很常見且很普遍的。一般情況下,在微信小程式專案的文件目錄裡面images裡面,可以直接引用本地的圖示文件,但是透過使用字體圖示或background設定背景圖的時候,就不用引用本地圖示文件,只能使用根據URL鏈接地址的字體或圖片,再或使用base64把普通圖示編碼之後的格式。 【相關學習推薦:小程式開發教學

那麼這篇部落格文章就來分享一下微信小程式專案中怎麼使用字體圖標,以及把字體的URL轉化成base64的格式之後再使用的方法。本案例以某里巴巴向量圖示庫來舉例子,具體操作如下所示。

操作步驟

1、先打開某里巴巴向量圖標庫的官網,然後搜尋尋找想要的圖標,然後點擊選擇「新增入庫」按鈕;

手把手教你怎麼在小程式中使用字體圖標

手把手教你怎麼在小程式中使用字體圖標

2、去購物車找到已加入的字體,然後按一下選擇,選擇底部功能表列裡面的」新增至項目「按鈕;

手把手教你怎麼在小程式中使用字體圖標

3、點選右上角」 「按鈕,然後輸入項目名稱,點選」確定「按鈕;

手把手教你怎麼在小程式中使用字體圖標

手把手教你怎麼在小程式中使用字體圖標

手把手教你怎麼在小程式中使用字體圖標

手把手教你怎麼在小程式中使用字體圖標

手把手教你怎麼在小程式中使用字體圖標

手把手教你怎麼在小程式中使用字體圖標

##4、然後去新建的專案中找到新增的字體,然後按一下選中,點選」下載至本機「按鈕,即可下載至電腦本機;

手把手教你怎麼在小程式中使用字體圖標

1手把手教你怎麼在小程式中使用字體圖標

1手把手教你怎麼在小程式中使用字體圖標

5、找到下載到電腦本地的字體文件,然後打開該文件,打開裡面的iconfont.css文件,然後直接複製裡面的url和iconfont方法,所有的樣式,直接貼到需要使用字體圖示的wxss檔;

1手把手教你怎麼在小程式中使用字體圖標

########6、最後在使用字體圖示的wxml檔案中呼叫一下,即可。 ###############最後######以上案例是按照某里巴巴向量圖示庫來做例子講解的,有許多字體圖示轉換的網站平台,所以其他平台就不再一一介紹,有興趣的開發者可以去了解其他平台的使用方法。這就是本文關於在微信小程式開發的時候使用字體圖示的方法,分享給有需要的人,這裡不再贅述。 ######更多程式相關知識,請造訪:###程式設計教學###! ! ###

以上是手把手教你怎麼在小程式中使用字體圖標的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:掘金社区。如有侵權,請聯絡admin@php.cn刪除
微信文件多久过期微信文件多久过期Nov 21, 2022 pm 02:12 PM

微信文件的过期时间需要根据情况来判断:1、如果发送的文件没有打开过,则在72小时以后微信系统会自动清理掉,即过了三天文件就会过期;2、如果已经查看了微信文件,但是并没有下载(当然已经下载的文件也是一样的),那么文件是可以保留180天的,在这180天以内随时都可以去下载。

微信拉黑和删除有什么区别微信拉黑和删除有什么区别Oct 18, 2022 am 11:29 AM

区别:1、拉黑后对话框从主页消失,但是聊天记录还在;删除后聊天记录全部消失不见了。2、拉黑后还能发给他,但是收不到他的消息;删除后不能发信息了。3、拉黑后双方都不可见彼此的朋友圈;删除对方以后,你看不到对方的朋友圈了,对方是否能看到你的,取决于设置(允许陌生人查看十张照片)与否,如果设置则可以看到朋友圈。

支持微信付款的购物平台有哪些支持微信付款的购物平台有哪些Nov 02, 2022 pm 02:44 PM

支持微信付款的购物平台有:1、京东,是中国的综合网络零售商;2、唯品会,是一家在线销售品牌折扣商品的互联网公司;3、拼多多,是社交新电商领导者,更懂消费者的购物平台;4、京喜,是京东旗下生活消费商城;5、蘑菇街,一个电子商务网站;6、聚美优品,是一家以销售化妆品为主的时尚购物网站;7、微店,是一个云推广电子商务平台;8、考拉海购,是一个跨境海淘业务为主的会员电商平台。

微信怎么查看ip地址微信怎么查看ip地址May 31, 2023 am 09:16 AM

微信查看ip地址的方法:1、登录电脑版微信,右键点击屏幕下方的任务栏,点击“任务管理器”;2、弹出任务管理器时,点击左下角的“详细信息”;3、任务管理器进入“性能”选项,点击“打开资源监视器”;4、选择“网络”,勾选微信进程“Wechat.exe”;5、点击下面的“TCP连接”即可监视微信网络IP相关情况,发送消息得到回复就会显示他人的IP地址。

微信可以绑别人的银行卡号么微信可以绑别人的银行卡号么Mar 14, 2023 pm 04:53 PM

可以。未经过实名认证的微信号,可以绑定他人的银行卡,但在绑定过程中需要提供银行卡的开户人姓名、开户行地址、开户时预留的联系方式及银行卡支付密码;已通过实名认证的微信号,无法绑定他人银行卡,只能添加使用自己身份证办理的银行卡。

一个身份证只能绑定一个微信吗一个身份证只能绑定一个微信吗Mar 02, 2023 pm 01:50 PM

不是,一个身份证能绑定5个微信。按照微信当前规定,一个身份证可以实名认证5个微信号;如果已经实名认证了5个微信账号,但是还想要继续实名,就要把已经实名认证的一些不用的微信号清除以后,才可以再实名认证新的微信号。

闲鱼支持微信支付吗闲鱼支持微信支付吗Nov 07, 2022 pm 03:31 PM

闲鱼是不支持微信支付的,仅支持使用支付宝进行付款;闲鱼是阿里巴巴旗下闲置交易平台App客户端,会员只要使用淘宝或支付宝账户登录,无需经过复杂的开店流程,即可达成包括一键转卖个人淘宝账号中“已买到宝贝”、自主手机拍照上传二手闲置物品、以及在线交易等诸多功能。

微信赞赏码和收款码的区别是什么微信赞赏码和收款码的区别是什么Oct 31, 2022 pm 03:18 PM

区别:1、赞赏码是用于别人给自己打赏的,收取小费等小金额的赞赏给予,而收款码是一般的收款行为,可以进行大额收费的二维码;2、收款码是随时会变的,如果不是商家收款码,每次打开都会变,但是赞赏码不同,赞赏码是不会变的;3、赞赏码只能进行小额的首款,而收款码将可以大额首款。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),