二維碼
        企資網(wǎng)

        掃一掃關(guān)注

        當(dāng)前位置: 首頁 » 企資快訊 » 匯總 » 正文

        小程序中使用自定義Icon

        放大字體  縮小字體 發(fā)布日期:2021-09-21 04:34:19    作者:史舒文    瀏覽次數(shù):23
        導(dǎo)讀

        小程序原生提供的icon非常有限,大多數(shù)情況都需要我們自定義實(shí)現(xiàn)。通常我們會(huì)去阿里巴巴的iconfont網(wǎng)站下載自己需要的icon,然后放入小程序中使用。如果找不到滿意的,也可以自己繪制svg文件。從iconf

        小程序原生提供的icon非常有限,大多數(shù)情況都需要我們自定義實(shí)現(xiàn)。

        通常我們會(huì)去阿里巴巴的iconfont網(wǎng)站下載自己需要的icon,然后放入小程序中使用。如果找不到滿意的,也可以自己繪制svg文件。

        從iconfont下載

        選擇圖標(biāo),加入項(xiàng)目

        生成代碼

        復(fù)制代碼,放到小程序文件中


        content填上圖標(biāo)的unicode編碼。這個(gè)編碼在網(wǎng)站頁面上可以看到。

        在wxml中使用

        效果

        紅色是我們?cè)O(shè)置的color,可以設(shè)置。


        自己制作svg

        如果我們對(duì)找到的圖標(biāo)都不滿意,可以自己設(shè)計(jì)一個(gè)。

        推薦一個(gè)網(wǎng)站【在線PS軟件】在線PS圖片(照片)處理工具_(dá)在線制作編輯圖片ps精簡(jiǎn)版 (uupoop)

        不需要安裝photoshop,直接在線編輯,完全免費(fèi)。

        比如上面的hide圖片。

        編輯svg圖片

        將上面的hide圖片下載svg格式到本地。

        然后在uupoop網(wǎng)站打開編輯。

        然后下載新的svg

        上傳新的icon至iconfont網(wǎng)站

        因?yàn)槲覀兏铝薸con,網(wǎng)站會(huì)要求我們重新生成下代碼

        重新復(fù)制代碼到小程序中

        看到新制作的圖標(biāo)已經(jīng)顯示出來了。

         
        (文/史舒文)
        免責(zé)聲明
        本文僅代表作發(fā)布者:史舒文個(gè)人觀點(diǎn),本站未對(duì)其內(nèi)容進(jìn)行核實(shí),請(qǐng)讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔(dān)相應(yīng)責(zé)任。涉及到版權(quán)或其他問題,請(qǐng)及時(shí)聯(lián)系我們刪除處理郵件:weilaitui@qq.com。
         

        Copyright ? 2016 - 2025 - 企資網(wǎng) 48903.COM All Rights Reserved 粵公網(wǎng)安備 44030702000589號(hào)

        粵ICP備16078936號(hào)

        微信

        關(guān)注
        微信

        微信二維碼

        WAP二維碼

        客服

        聯(lián)系
        客服

        聯(lián)系客服:

        在線QQ: 303377504

        客服電話: 020-82301567

        E_mail郵箱: weilaitui@qq.com

        微信公眾號(hào): weishitui

        客服001 客服002 客服003

        工作時(shí)間:

        周一至周五: 09:00 - 18:00

        反饋

        用戶
        反饋

        主站蜘蛛池模板: 亚洲日本一区二区三区在线| 无码午夜人妻一区二区不卡视频| 国产99精品一区二区三区免费 | 精品无码综合一区| 精品国产天堂综合一区在线| 国产主播一区二区三区在线观看| 无码一区二区三区免费视频| 国产一区二区三区国产精品| 亚洲免费视频一区二区三区| 亚洲成在人天堂一区二区| 无码中文人妻在线一区二区三区| 免费无码A片一区二三区| 国产精品亚洲产品一区二区三区| 亚洲日本一区二区| 在线观看国产一区亚洲bd| 中文字幕一区二区三区四区| 亚洲综合在线成人一区| 国产一区二区三区露脸| 国产精品高清一区二区三区| 亚洲AV无码片一区二区三区| 好湿好大硬得深一点动态图91精品福利一区二区 | 国产一区二区精品久久岳√| 中文字幕在线观看一区二区三区| 中文字幕一区二区三匹| 一区二区三区四区在线观看视频| 91精品一区二区三区在线观看| 国产伦精品一区二区三区在线观看 | 国产免费av一区二区三区| 亚洲av鲁丝一区二区三区| 北岛玲在线一区二区| 人妻少妇精品视频一区二区三区 | 精品无码国产一区二区三区51安| 国产精品一区二区综合| 无码人妻精品一区二区在线视频| 激情久久av一区av二区av三区| 日韩精品一区二区三区大桥未久| 国产在线一区二区三区在线| 亚洲一区二区久久| 成人精品一区二区三区不卡免费看| 在线精品一区二区三区| 亚洲AV午夜福利精品一区二区|