二維碼
        企資網

        掃一掃關注

        當前位置: 首頁 » 企資快訊 » 匯總 » 正文

        小程序中使用自定義Icon

        放大字體  縮小字體 發布日期:2021-09-21 04:34:19    作者:史舒文    瀏覽次數:19
        導讀

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

        小程序原生提供的icon非常有限,大多數情況都需要我們自定義實現。

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

        從iconfont下載

        選擇圖標,加入項目

        生成代碼

        復制代碼,放到小程序文件中


        content填上圖標的unicode編碼。這個編碼在網站頁面上可以看到。

        在wxml中使用

        效果

        紅色是我們設置的color,可以設置。


        自己制作svg

        如果我們對找到的圖標都不滿意,可以自己設計一個。

        推薦一個網站【在線PS軟件】在線PS圖片(照片)處理工具_在線制作編輯圖片ps精簡版 (uupoop)

        不需要安裝photoshop,直接在線編輯,完全免費。

        比如上面的hide圖片。

        編輯svg圖片

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

        然后在uupoop網站打開編輯。

        然后下載新的svg

        上傳新的icon至iconfont網站

        因為我們更新了icon,網站會要求我們重新生成下代碼

        重新復制代碼到小程序中

        看到新制作的圖標已經顯示出來了。

         
        (文/史舒文)
        免責聲明
        本文僅代表作發布者:史舒文個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
         

        Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

        粵ICP備16078936號

        微信

        關注
        微信

        微信二維碼

        WAP二維碼

        客服

        聯系
        客服

        聯系客服:

        在線QQ: 303377504

        客服電話: 020-82301567

        E_mail郵箱: weilaitui@qq.com

        微信公眾號: weishitui

        客服001 客服002 客服003

        工作時間:

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

        反饋

        用戶
        反饋

        主站蜘蛛池模板: 无码毛片一区二区三区中文字幕| 久久精品国产一区| 亚洲一区二区三区久久久久| 国产一区二区福利久久| 奇米精品一区二区三区在线观看| 成人区人妻精品一区二区三区| 日韩免费视频一区二区| 无码人妻一区二区三区在线水卜樱 | 亚洲天堂一区二区| 亚洲午夜精品第一区二区8050| 亚洲愉拍一区二区三区| 日韩人妻一区二区三区免费| 精品久久久久中文字幕一区| 国产精品一区电影| 国产怡春院无码一区二区| 日韩精品无码一区二区三区免费| 国产福利电影一区二区三区,亚洲国模精品一区 | 国产乱子伦一区二区三区| 韩国福利影视一区二区三区| 亚洲日韩国产精品第一页一区| 一区二区三区免费电影| 国产精品va一区二区三区| 国产精品无码一区二区三区不卡| 精品欧洲av无码一区二区| 日韩人妻一区二区三区蜜桃视频| 亚洲永久无码3D动漫一区| 国产亚洲一区二区三区在线不卡| 一区二区高清在线观看| 国产SUV精品一区二区88L| 日本人的色道www免费一区| 亚洲高清美女一区二区三区| 国产精品无码一区二区三区电影| 国产免费伦精品一区二区三区| 无码人妻AⅤ一区二区三区水密桃| 日韩免费一区二区三区| 日韩精品一区二区三区中文版| 无码喷水一区二区浪潮AV| 在线|一区二区三区四区| 国产视频福利一区| 无码精品久久一区二区三区| 国产日韩精品一区二区在线观看 |