微信小程序图标制作流程

　　小程序图标的使用让小程序开发过程变得更加简单，开发者在添加微信小程序图标的时候能够不断充实小程序功能，还可以自定义小程序图标。那么微信小程序图标制作要怎么操作呢?

　　微信小程序制作图标：

　　对于我们日常中一些公共的东西可以封装成组件，然后在各个小程序页面使用。对于小程序，我们也可以封装我们需要的一些公共的东西。

　　这里我们讲解一个小程序插件。

　　如上图所示，一个小插件，单击是展开，在单击关闭的时候，小程序按钮关闭。

　　页面的WXML (APP.wxml)　　

　　这里主要是插件的压面展示效果，都写在标签里面就可以了。

　　页面的JS (APP.js)

　　var iconList = {}; //设置一个对象名字存放数据

　　iconList.Wdg= {

　　//存放要给VIEW层的页面数据，closeAllIcon ，showAllIcon 是对应的方法

　　data: {

　　index: 0,

　　close:0

　　},

　　closeAllIcon: function(e){

　　this.setData({

　　close:1

　　})

　　},

　　showAllIcon :function(e){

　　this.setData({

　　close:0

　　})

　　}

　　};

　　module.exports=iconList //将接口的进行暴露，方便在外面调用

　　接下来封装好了，就是该怎么使用了。

　　在需要的WXML页面：

　　通过 引入斤页面，再进行使用。

　　在需要的WXML页面：

　　通过var iconList = require('../wdg/iconList');引入对应的JS

　　var util= require('../../util/util');

　　var Page = new util.Page({

　　Wdgs: [iconList.Wdg]

　　});

　　引入对应文件。

　　小编在上文中为大家介绍了微信小程序图标制作的方法和流程，希望能够对大家有所帮助。制作完小程序图标之后，大家就可以应用到小程序开发里面啦~想要获取更多相关资料请关注微信小程序商店。

　　微信小程序图标素材怎么开发?怎么使用?

　　微信小程序图标字体怎么使用?

　　微信小程序图标插件开发代码