這篇文章給大家分享的是有關(guān)微信小程序如何制作小組件的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)公司長期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為薩迦企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、
做網(wǎng)站，
薩迦網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
微信小程序 制作小組件
對于我們?nèi)粘Ｖ幸恍┕驳臇|西可以封裝成組件，然后在各個頁面使用。對于小程序，我們也可以封裝我們需要的一些公共的東西。
這里我們講解一個小插件。
如上圖所示，一個小插件，單擊是展開，在單擊關(guān)閉的時候，按鈕關(guān)閉。
頁面的WXML （APP.wxml）
首頁
訂單
我的
這里主要是插件的壓面展示效果，都寫在標(biāo)簽里面就可以了。
頁面的JS （APP.js）
var iconList = {}; //設(shè)置一個對象名字存放數(shù)據(jù)
iconList.Wdg= {
//存放要給VIEW層的頁面數(shù)據(jù)，closeAllIcon ，showAllIcon 是對應(yīng)的方法
data: {
index: 0,
close:0
},
closeAllIcon: function(e){
this.setData({
close:1
})
},
showAllIcon :function(e){
this.setData({
close:0
})
}
};
module.exports=iconList //將接口的進(jìn)行暴露，方便在外面調(diào)用接下來封裝好了，就是該怎么使用了。
在需要的WXML頁面：
通過 引入斤頁面，再通過
進(jìn)行使用。
在需要的WXML頁面：
通過var iconList = require('../wdg/iconList');引入對應(yīng)的JS
var util= require('../../util/util');
var Page = new util.Page({
Wdgs: [iconList.Wdg]
});引入對應(yīng)文件。
感謝各位的閱讀！關(guān)于“微信小程序如何制作小組件”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
文章題目：微信小程序如何制作小組件-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：
http://weahome.cn/article/ddhhpe.html
重慶分公司
重慶分公司
