立即預約
立即預約
/**index.wxss**/
/*模態框*/
.modals-cancel
.bottom-dialog-body
/*動畫前初始位置*/
.bottom-pos
.yuyue
.yuyue-to
//獲取應用例項
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() ,
})
堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見
微信小程式底部彈框動畫
在寫小程式的時候，一般會碰到底部彈出動畫，就像下面這樣的效果 直接進入正題 1.首先需要寫點選觸發事件 view class text bindtap choosesezi 請選擇 顏色 尺碼 view 這是點選之後需要彈出的內容，為了方便我把裡面的內容去掉了，masklayer是遮罩層，choos...
小程式底部彈出彈框功能
立即預約 立即預約 wxss index.wxss 模態框 modals cancel bottom dialog body 動畫前初始位置 bottom pos yuyue yuyue to js 獲取應用例項 page 顯示遮罩層 showmodal function var animation...
元件封裝 微信小程式 底部彈框
模仿ios瀏覽器底部彈框效果。遮罩層淡入淡出，彈框高度根據內容自適應。popup bottom.js component data ready function this.setdata methods bind this 0 onshow function this.data animation....