微信小程序tips
1、先上圖
微信小程序
2、tips
1.背景圖片不能使用本地的
這個(gè)問題坑了我很久，因?yàn)樵谀M器上跑時(shí)，將本地圖片作為View的背景圖片是可以的，但是一到真機(jī)測(cè)試就不顯示背景圖片了，一開始還以為是路徑錯(cuò)了，經(jīng)過測(cè)試發(fā)現(xiàn)路徑是沒有問題的，最后在網(wǎng)上找到了原因：微信小程序的背景圖片不能是本地圖片，必須是是網(wǎng)絡(luò)圖片，于是我就找了一個(gè)網(wǎng)站將圖片傳了上去，將網(wǎng)址作為背景圖片鏈接，就奇跡般的顯示了，很是無語。
2.不能加載網(wǎng)頁(yè)
微信小程序是不能跳轉(zhuǎn)到網(wǎng)頁(yè)的，也許是因?yàn)槲⑿判〕绦虮旧砭腿缤W(wǎng)頁(yè)吧，也可能是微信不想有人越過它的審核，反正他是不允許直接加載網(wǎng)頁(yè)的。
3.不能隱藏導(dǎo)航欄
我的登陸頁(yè)面本來是不應(yīng)該有導(dǎo)航欄的，可是就是隱藏不了，也許有方法，但是我找了很久也沒有發(fā)現(xiàn)。
4.只支持HTTPS的網(wǎng)絡(luò)協(xié)議并且一個(gè)月只能修改5次
在微信小程序中網(wǎng)絡(luò)請(qǐng)求只能是https類型的。在添加URL的時(shí)候都已經(jīng)限制死了。并且一個(gè)月只能修改5次，網(wǎng)絡(luò)請(qǐng)求必須先進(jìn)行服務(wù)器域名配置。
添加URL
)
5.所有的頁(yè)面都必須在app.json中配置路徑
我之前新建一個(gè)頁(yè)面然后跳轉(zhuǎn)過去一直報(bào)路徑錯(cuò)誤，去網(wǎng)上查詢才知道，每一個(gè)頁(yè)面路徑都需要提前配置。
頁(yè)面路徑配置
6.網(wǎng)絡(luò)請(qǐng)求的最大并發(fā)數(shù)為5、頁(yè)面層級(jí)最多5層
就是說同時(shí)最多5個(gè)網(wǎng)絡(luò)請(qǐng)求，頁(yè)面的子頁(yè)面最多4個(gè)。我在想要是一個(gè)頁(yè)面是一個(gè)視頻列表展示怎么辦，每一個(gè)視頻都需要網(wǎng)絡(luò)請(qǐng)求啊。
以上就是這次遇到的一些比較變態(tài)的問題。
3、談?wù)勎业囊恍┐a實(shí)現(xiàn)
1.配置tabBar(app.json)
"tabBar": { "color": "#888888", "selectedColor": "#09BB07", "backgroundColor": "", "borderStyle": "white", "list": [
{ "pagePath": "pages/orderManage/orderManage", "text": "訂單管理", "iconPath": "pages/images/order.png", "selectedIconPath": "pages/images/order_r.png"
},
{ "pagePath": "pages/moneyManage/moneyManage", "text": "財(cái)務(wù)管理", "iconPath": "pages/images/money.png", "selectedIconPath": "pages/images/money_r.png"
},
{ "pagePath": "pages/myself/myself", "text": "我的商戶", "iconPath": "pages/images/people.png", "selectedIconPath": "pages/images/people_r.png"
}
]
}
|
2.訂單管理頁(yè)的菜單欄
點(diǎn)擊菜單欄切換View簡(jiǎn)單，直接將將點(diǎn)擊的菜單的值賦給View讓其偏移對(duì)應(yīng)的百分比就好。
手勢(shì)切換：通過觸摸的起點(diǎn)與終點(diǎn)計(jì)算出滑動(dòng)方向，然后偏移并且切換菜單欄。
catchtouchstart:function(e){ var that = this;
that.setData({ startPoint: [e.touches[0].clientX,e.touches[0].clientY]
})
}, catchtouchend:function(e){ var that = this; var currentNum = parseInt(this.data.currentNavtab); var endPoint = [e.changedTouches[0].clientX,e.changedTouches[0].clientY]; var startPoint = that.data.startPoint if(endPoint[0] <= -="">= Math.abs(endPoint[1] - startPoint[1]) && currentNum< this.data.navTab.length -1) {
currentNum=currentNum + 1;
}
}else { if(Math.abs(endPoint[0] - startPoint[0]) >= Math.abs(endPoint[1] - startPoint[1]) && currentNum > 0) {
currentNum -= 1;
}
} this.setData({ currentNavtab: currentNum
});
},// 點(diǎn)擊菜單欄切換View
switchTab: function(e){ this.setData({ currentNavtab: e.currentTarget.dataset.idx
});
}
|
4、結(jié)束
整個(gè)程序還是很簡(jiǎn)單的，就是初次寫還是有些不適應(yīng)。尤其是把div改為了View，不能使用window對(duì)象和document對(duì)象，很不適應(yīng)。
