生命周期:
應(yīng)用周期
onLaunch() {
console.log('onLaunch監(jiān)聽小程序初始化');
}
onShow() {
console.log('onShow監(jiān)聽小程序顯示');
}
onHide() {
console.log('onLaunch監(jiān)聽小程序隱藏');
}
頁面周期
onLoad(options) {
console.log('onLoad監(jiān)聽頁面加載');
}
onReady() {
console.log('onReady監(jiān)聽頁面初次渲染完成');
}
onShow() {
console.log('onShow監(jiān)聽頁面顯示');
}
onHide() {
console.log('onHide監(jiān)聽頁面隱藏');
}
onUnload() {
console.log('onUnload監(jiān)聽頁面卸載');
}
CSS:
實現(xiàn)漸變色
第一個是起點顏色,慢慢過渡到第二個顏色
從上到下的線性漸變:
background: linear-gradient(red, blue);
從左到右的線性漸變:
background: linear-gradient(to right, red , blue);
裁圓角
設(shè)置弧度 順序是 左上角 右上角 右下角 左下角 (順時針)
border-radius: 3px 0px 0px 3px;
JS:
調(diào)用電話
//撥打手機
calling:function(event){
console.log('撥打手機')
console.log(event)
var that = this;
wx.makePhoneCall({
phoneNumber:that.data.phone, //此號碼并非真實電話號碼衬潦,僅用于測試
success:function(){
console.log("撥打電話成功竿屹!")
},
fail:function(){
console.log("撥打電話失斃⒈发笔!")
}
})
},
下拉刷新,上拉加載更多
1)首先在要刷新類的.json文件里添加
{
"enablePullDownRefresh": true
}
2)然后在js里實現(xiàn)"onPullDownRefresh"和"onReachBottom"方法即可
下拉事件
onPullDownRefresh: function() {
console.log('刷新');
},
上拉事件
onReachBottom: function() {
console.log(' 下一頁');
},
注意:刷新可能會和scroll-view控件沖突
未完待續(xù) 慢慢補全岔绸。尿背。端仰。。田藐。喘口氣繼續(xù)寫