微信小程序图标解密如何实现
编辑:小飞燕 发布时间:2021-03-17 08:22:23
微信小程序图标怎么解密?微信小程序的图标组件只提供比较常见的。如果我们有更多的图标要求呢?以下小系列介绍如何解密微信小程序图标,希望对你有帮助。
微信小程序图标怎么解密?
微信小程序图标解密其实是一种使用小程序图标组件中你想用却没有的图标的方法。下面这个小系列以如何使用字体图标为例,告诉你如何使用你想要使用的图标。
步骤1:所需的图标
进入阿里图标搜索想要的图标。如果您需要购物车图标,流程如下:
搜索“购物车”图标-;【添加入库】-;购物车进入购物车-;单击代码按钮。
单击代码,您将获得一个名为download.zip的压缩包。解压缩后,您将看到以下内容:
步骤2:转换ttf文件
进入https://transfonter.org/平台,将提取的ttf字体文件转换为base64格式。流程如下:
单击“”以获取转换后的压缩包,该包在开始时名为transfonter.org。解压缩得到如下所示的几个文件:
第三步:在微信小程序中使用
新建一个微信小程序,删除默认生成的小程序代码。
1-在index.css文件中添加样式内容。打开我们刚刚转换的解压文件,找到样式表. css,把所有内容复制到index.css文件中。请注意,它是转换后的文件。
2-打开未压缩的download.zip文件,找到iconfont.css文件,将该文件中不间断的内容复制到index.css文件中。@font-face不要这个部分,只要下面的部分。
3-在小程序wxml中使用字体图标。代码如下:
小程序页面具有以下效果:
像字体一样,字体图标的大小可以通过字体大小来改变,颜色可以通过指定颜色来改变。
总结:微信小程序字体图标的使用到此结束。转换成64位编码后,样式可以直接放在css文件中,不需要引入其他文件,相当简洁,小程序图标的解密就结束了。
下面是如何操作标题开头微信小程序的数组排序功能。标题到此结束
微信小程序推出以来,备受关注。很多微信微信账号也关联了小程序,给很多用户带来了很多便利。来说说微信小程序的数组排序功能,希望对大家有所帮助。
[选择排序:第二至第n个数字与第一个数字比较并交换,第三至第n个数字与第二个数字比较并交换,直到完成排序]
代码如下
【传递的是默认值,不是地址。如果您在$arr之前添加一个,它将指向与$arr1相同的地址,并且函数外部的$arr1也将被排列]
代码如下
【插入排序:第二个与第一个比较,交换,第三个与前两个比较,交换。将第n个与第n-1个进行比较,交换]
代码如下
以上是小编为你整理的微信小程序数组的内容。相信大家看了小编的详细介绍后都会有收获。如果你有什么想说的,请在下面留言!如果你想了解更多关于微信的信息,请访代理网络。更多微信微信账号资料等着你!
上一篇:微信小程序图标素材怎么开发
下一篇:附近小程序范围是多少
猜你喜欢
-
12个小程序图标技巧980人喜欢
微信小程序图标怎么去掉?微信小程序怎么去掉?今天小编就来说说关于微信小程序图标怎么去掉?微信小程序怎么去掉?的方法,想要了解的小伙伴们赶紧来围观吧,应该可以帮到你哟。进入小程序界面,即可以看到您添加过的小程序!安卓版手机添加过小程序后,只要长按住你要…
更新时间:2020-08-14 22:11:39
-
11个微信小程序图标技巧391人喜欢
微信小程序图标怎么去掉?微信小程序怎么去掉?今天小编就来说说关于微信小程序图标怎么去掉?微信小程序怎么去掉?的方法,想要了解的小伙伴们赶紧来围观吧,应该可以帮到你哟。进入小程序界面,即可以看到您添加过的小程序!安卓版手机添加过小程序后,只要长按住你要…
更新时间:2019-10-30 20:30:24
-
微信小程序图标素材怎么开发90人喜欢
微信小程序图标素材可以让小程序页面更漂亮,所以很多开发者都从小编找素材。今天小编将介绍如何开发微信小程序图标材料以及如何使用它。微信小程序图标素材开发属性名称类型默认值的描述类型字…
更新时间:2021-03-17 08:21:48
-
微信小程序图标制作流程89人喜欢
小程序图标的使用使得小程序开发过程更加容易。开发者在添加微信小程序图标时,可以不断丰富小程序功能,定制小程序图标。那么,如何制作微信小程序的图标呢?微信小程序制作图标:我们日常生活…
更新时间:2021-03-17 08:05:06
-
微信小程序图标怎么取消68人喜欢
微信小程序的火爆推出,让移动应用软件市场再次风起云涌。虽然微信小程序比移动app简单方便很多,但是小程序在一些企业的开发并不完整,导致用户总是会问怎么删除微信小程序的图标,但是不用担心…
更新时间:2021-04-18 10:36:33
-
微信小程序图标插件开发代码62人喜欢
微信小程序图标插件有多种形式——圆形、柱状、区域性.无论哪一个有对应的小程序开发代码,那么小编都会讲解微信小程序图标插件的开发实例和相关代码,希望能给你一个参考。代码分析var wx ch…
更新时间:2021-03-17 08:14:53
-
微信小程序图标解密如何实现60人喜欢
微信小程序图标怎么解密?微信小程序的图标组件只提供最常见的。如果我们有更多的图标要求呢?以下小系列介绍如何解密微信小程序图标,希望对你有帮助。微信小程序图标怎么解密?微信小程序图标…
更新时间:2021-03-17 08:22:23
-
微信小程序图标怎么删除31人喜欢
微信小程序图标怎么删除?如何删除微信小程序的图标,删除后还能继续使用微信小程序的图标吗?下面的小系列将解释如何删除微信小程序图标。微信小程序的推出,在手机应用软件市场掀起了一波冲击…
更新时间:2021-04-18 10:40:35
-
微信小程序图标字体怎么使用22人喜欢
为了让微信小程序的最终呈现效果更加美观,大大提高用户使用小程序的体验,开发者在开发过程中会用到一些小图标,那么微信小程序的图标字体如何使用呢?具体步骤如下:下载图标首先在阿里字体图…
更新时间:2021-03-17 08:17:46