立即預約
立即預約
wxss
/**index.wxss**/
/*模態框*/
.modals-cancel
.bottom-dialog-body
/*動畫前初始位置*/
.bottom-pos
.yuyue
.yuyue-to
js
//獲取應用例項
page(,
// 顯示遮罩層
showmodal: function() )
var animation = wx.createanimation()
this.animation = animation
settimeout(function() , 200)
},// 隱藏遮罩層
hidemodal: function() )
this.animation = animation
that.fadedown(); //呼叫隱藏動畫
settimeout(function() )
}, 720) //先執行下滑動畫,再隱藏模組
},//動畫集
fadein: function() )
},fadedown: function() )
},/**
* 生命週期函式--監聽頁面載入
*/onload: function() ,
})
小程式底部動畫彈框
立即預約 立即預約 wxss index.wxss 模態框 modals cancel bottom dialog body 動畫前初始位置 bottom pos yuyue yuyue to js 獲取應用例項 page 顯示遮罩層 showmodal function var animation...
微信小程式底部彈框動畫
在寫小程式的時候,一般會碰到底部彈出動畫,就像下面這樣的效果 直接進入正題 1.首先需要寫點選觸發事件 view class text bindtap choosesezi 請選擇 顏色 尺碼 view 這是點選之後需要彈出的內容,為了方便我把裡面的內容去掉了,masklayer是遮罩層,choos...
微信小程式底部彈出模態框
傳送 模態框 modals modals cancel bottom dialog body 動畫前初始位置 bottom pos comment top comment num comment close comment list comment li comment li img comment...