參考：
由於小程式自帶的模態框設定樣式會錯亂所以得自定義模態框現將相關**貼出來，以後備用。
1.頁面
if="}">
if="}">
sos/親情號碼
號碼1:
號碼2:
號碼3:
取消確定
2.css
.modal-mask .modal-dialog .modal-title .modal-content .modal-input-content.modal-input-title .modal-input .input input-holder .modal-footer .btn-cancel .btn-confirm
模態框的彈入彈出需要再對應頁面js檔案中的modal.sos控制，彈出的話繫結相關事件定義方法就行了。至於參考部落格中所說的蒙版頁面會移動，我這裡是沒碰到。可能是由於我手上的工程是由於tab是自定義的原因。
微信小程式自定義彈框
wxml 取消訂單 js data 取消訂單彈框 cancelorder 取消訂單彈框 確定 confirmmodal 取消訂單彈框 取消 closemodal wxss 取消訂單彈框 page body 遮罩層 modaldlg mask 彈出層 modaldlg modaldlg title m...
微信小程式 自定義 彈框元件
效果圖 彈窗 image 彈窗內容 content 彈窗取消按鈕文字 btn no 彈窗確認按鈕文字 btn ok component initial data data component methods methods 展示彈框 showpopup 內部私有方法建議以下劃線開頭 triggere...
小程式自定義showModal彈框
元件wxml頁面 如下 shade hidden view shade box popup hidden content view 內容 min height 100rpx view bottom btn hideevent wx if view 這一塊是因為有時候彈框可能只需要乙個按鈕，confi...