小程序icon图标的相关内容

文章 2024-09-27 来自：开发者社区

微信小程序中 vant weapp 使用外部的icon作为图标的步骤

1. 在项目中创建静态资源文件夹首先在当前项目的根目录中，创建assets文件夹，用于存放静态资源，assets里面的文件夹可以自己定义，图片，css… 2. 前往iconfont图标官网，添加图标并拷贝在线链接 iconfont官网 https://www.iconfont.cn/ 添加一个图标到iconfont项目中，点击生成在线链接，记得选unicode，然后再生成在线链接（待会儿会使.....

阿里云文档 2023-09-03

如何设置小程序通用图标Icon_移动开发平台 mPaaS(mPaaS)

语义化的矢量图形，通过使用图形对基础操作功能进行隐喻呈现，给予用户正确、友好且清晰的操作引导。

文章 2023-07-17 来自：开发者社区

微信小程序开发 | 如何在小程序中使用自定义 icon 图标

题图：来自 Unsplash.com本文是微信小程序开发学习笔记。微信小程序 icon 组件（标签）只提供了 9 种类型的图标，不能满足开发或设计的个性化需求。为了解决这个问题，我们可以使用自定义的 icon 图标，来丰富原有的图标类型。在微信小程序中使用自定义 icon 图标有 6 种方法：1.使用 icon 图标（特指位图）2.使用 Sprite（精灵图）3.使用 CSS 样式绘制（这种方法....

文章 2023-06-29 来自：开发者社区

微信小程序项目中使用icon图标

效果：步骤：1、先让ui负责人把你的账号加入到项目中，加入到项目中后就可以在icon图标库中看到该项目2、在小程序中使用新建一个view，在上面加一个class，复制icon名字上去即可，注意格式，格式为iconfont icon名。iconfont这个前缀不是固定的，根据icon名字来，icon的前缀为my-icon-xxxx，那么前缀就是 my-icon没有前缀或者设置了前缀，一般都是使用i....

共有4条

< 1 >

跳转至： GO

更新时间 2024-09-28 14:07:48

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

小程序图标相关内容

小程序iconfont图标

小程序您可能感兴趣

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","icon":"mPaaS 小程序","iconImg":"https://img.alicdn.com/imgextra/i3/O1CN017q2yau29rvXEYalMi_!!6000000008122-0-tps-640-640.jpg","contentLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","title":"mPaaS 小程序","des":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","link1":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709CwuYD8&commodityCode=mpaas_beta#/open","btn1":"免费开通","link2":"https://help.aliyun.com/document_detail/67444.html?spm=5176.14673561.J_8751524360.4.56702709CwuYD8","btn2":"查看文档","btn3":"▷ 播放介绍视频","link3":"https://gw.alipayobjects.com/mdn/rms_273872/afts/file/A*7iPZQ6NV3q4AAAAAAAAAAABkARQnAQ","infoGroup":[{"infoName":"优惠活动","infoContent":{"firstContentName":"精选组件低至 4 折","firstContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentName":"包年资源包 17.1 元起"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","icon":"mPaaS 小程序","iconImg":"https://img.alicdn.com/imgextra/i3/O1CN017q2yau29rvXEYalMi_!!6000000008122-0-tps-640-640.jpg","contentLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","title":"mPaaS 小程序","des":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","link1":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709CwuYD8&commodityCode=mpaas_beta#/open","btn1":"免费开通","link2":"https://help.aliyun.com/document_detail/67444.html?spm=5176.14673561.J_8751524360.4.56702709CwuYD8","btn2":"查看文档","btn3":"▷ 播放介绍视频","link3":"https://gw.alipayobjects.com/mdn/rms_273872/afts/file/A*7iPZQ6NV3q4AAAAAAAAAAABkARQnAQ","infoGroup":[{"infoName":"优惠活动","infoContent":{"firstContentName":"精选组件低至 4 折","firstContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentLink":"https://www.aliyun.com/activity/mpaas/mpaas/pre-order?spm=5176.14673561.J_8751524360.1.567027093N78co","lastContentName":"包年资源包 17.1 元起"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}}

mPaaS 小程序

源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。

免费开通

查看文档

▷ 播放介绍视频

优惠活动

精选组件低至 4 折

包年资源包 17.1 元起