MUI 底部彈出的選擇框

大致是這樣：

第一種方法：這種方法是使用5+的nativeui原生動畫

1)引入：mui.css或者mui.min.css

mui.js或者mui.min.js也行

mui.picker.min.js

**：

1 document.getelementbyid('觸發物件的id').addeventlistener('tap', function

() , ]; 
1415
plus.nativeui.actionsheet(, function(b) ) 
2829
} 30
31 　　}, false);

<

a href
="#picture"
class
="mui-btn mui-btn-primary "
>開啟actionsheet
a>
<
div 
id="picture"
class
="mui-popover mui-popover-action "
>
<
ul class
="mui-table-view"
>
<
li class
="mui-table-view-cell"
>
<
a href
="#"
>按鈕1
a>
li>
<
li class
="mui-table-view-cell"
>
<
a href
="#"
>按鈕2
a>
li>
ul>
<
ul class
="mui-table-view"
>
<
li class
="mui-table-view-cell"
>
<
a href
="#picture"
><
b>取消
b>
a>
li>
ul>
div>

mui('#picture').on('tap', 'li>a', function

() )

小程式底部彈出彈框功能

立即預約 立即預約 wxss index.wxss 模態框 modals cancel bottom dialog body 動畫前初始位置 bottom pos yuyue yuyue to js 獲取應用例項 page 顯示遮罩層 showmodal function var animation...

彈出框和日期選擇

注意事項 一 使用時，請把資料夾layer整個放置在您站點的任何乙個目錄，只需引入layer.js即可，除jquery外，其它檔案無需再引入。二 如果您的js引入是通過合併處理或者您不想採用layer自動獲取的絕對路徑，您可以通過layer.config 來配置 詳見官網api頁 三 jquery需...

微信小程式底部彈出模態框

傳送 模態框 modals modals cancel bottom dialog body 動畫前初始位置 bottom pos comment top comment num comment close comment list comment li comment li img comment...