小程序是MVVM思想,熟悉VUE的话,上手很快。
前端展示主要是布局和适配,rpx单位是微信小程序中尺寸单位,rpx可以根据屏幕宽度进行自适应
设计图是按照iphone6 750*1334
(1)点击事件,传递参数
---------bindtap="mySelect" data-name="全部"--------
mySelect: function (e) {
var name = e.currentTarget.dataset.name
}
(2) 其它页面跳转传递参数
wx.navigateTo({
url: '../btDetail/btDetail?subsidyId=' + subsidyid,
})
},
onLoad: function (options) {
let subsidyId = options.subsidyId
}
(3) 返回上一页,并且更新内容
//改变上个页面的数据
var pages = getCurrentPages(); //当前页面栈
if (pages.length > 1) {
var beforePage = pages[pages.length - 2]; //获取上一个页面实例对象
beforePage.changeData(); //触发父页面中的方法
//这个很重要
wx.navigateBack();
}
(4)小程序网络请求wx.request({})
是需要在header
中添加参数content-type
默认: header: { 'content-type': 'application/json' }