微信小程序
1.背景圖片不能使用本地的
這個問題坑了我很久,因為在模擬器上跑時,將本地圖片作為View的背景圖片是可以的,但是一到真機(jī)測試就不顯示背景圖片了,一開始還以為是路徑錯了,經(jīng)過測試發(fā)現(xiàn)路徑是沒有問題的,最后在網(wǎng)上找到了原因:微信小程序的背景圖片不能是本地圖片,必須是是網(wǎng)絡(luò)圖片,于是我就找了一個網(wǎng)站將圖片傳了上去,將網(wǎng)址作為背景圖片鏈接,就奇跡般的顯示了,很是無語。
2.不能加載網(wǎng)頁
微信小程序是不能跳轉(zhuǎn)到網(wǎng)頁的,也許是因為微信小程序本身就如同網(wǎng)頁吧,也可能是微信不想有人越過它的審核,反正他是不允許直接加載網(wǎng)頁的。
3.不能隱藏導(dǎo)航欄
我的登陸頁面本來是不應(yīng)該有導(dǎo)航欄的,可是就是隱藏不了,也許有方法,但是我找了很久也沒有發(fā)現(xiàn)。
4.只支持HTTPS的網(wǎng)絡(luò)協(xié)議并且一個月只能修改5次
在微信小程序中網(wǎng)絡(luò)請求只能是https類型的。在添加URL的時候都已經(jīng)限制死了。并且一個月只能修改5次,網(wǎng)絡(luò)請求必須先進(jìn)行服務(wù)器域名配置。
添加URL
)
5.所有的頁面都必須在app.json中配置路徑
我之前新建一個頁面然后跳轉(zhuǎn)過去一直報路徑錯誤,去網(wǎng)上查詢才知道,每一個頁面路徑都需要提前配置。
頁面路徑配置
6.網(wǎng)絡(luò)請求的最大并發(fā)數(shù)為5、頁面層級最多5層
就是說同時最多5個網(wǎng)絡(luò)請求,頁面的子頁面最多4個。我在想要是一個頁面是一個視頻列表展示怎么辦,每一個視頻都需要網(wǎng)絡(luò)請求啊。
以上就是這次遇到的一些比較變態(tài)的問題。
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": "財務(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.訂單管理頁的菜單欄
點擊菜單欄切換View簡單,直接將將點擊的菜單的值賦給View讓其偏移對應(yī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 }); },// 點擊菜單欄切換View switchTab: function(e){ this.setData({ currentNavtab: e.currentTarget.dataset.idx }); } |
4、結(jié)束
整個程序還是很簡單的,就是初次寫還是有些不適應(yīng)。尤其是把div改為了View,不能使用window對象和document對象,很不適應(yīng)。
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)