mui消息框alert,confirm,prompt,toast

<script type="text/javascript"?charset="utf-8">

????????????//mui初始化

????????????mui.init({

????????????????swipeBack:?true?//啟用右滑關(guān)閉功能

????????????});

最普通的彈出框:

????????????var?info = document.getElementById("info");

????????????document.getElementById("alertBtn").addEventListener('tap',?function() {

????????????????mui.alert('歡迎使用Hello MUI',?'Hello MUI',?function() {

????????????????????info.innerText =?'你剛關(guān)閉了警告框';

????????????????});

????????????});

升級(jí)版的,有確認(rèn)和取消:

????????????document.getElementById("confirmBtn").addEventListener('tap',?function() {

????????????????var?btnArray = ['否',?'是'];

????????????????mui.confirm('MUI是個(gè)好框架,確認(rèn)?',?'Hello MUI', btnArray,?function(e) {

????????????????????if?(e.index == 1) {

????????????????????????info.innerText =?'你剛確認(rèn)MUI是個(gè)好框架';

????????????????????}?else?{

????????????????????????info.innerText =?'MUI沒有得到你的認(rèn)可,繼續(xù)加油'

????????????????????}

????????????????})

????????????});

超級(jí)版,有確認(rèn)、取消以及填寫內(nèi)容的部分:

????????????document.getElementById("promptBtn").addEventListener('tap',?function(e) {

????????????????e.detail.gesture.preventDefault();?//修復(fù)iOS 8.x平臺(tái)存在的bug,使用plus.nativeUI.prompt會(huì)造成輸入法閃一下又沒了

????????????????var?btnArray = ['取消',?'確定'];

????????????????mui.prompt('請輸入你對MUI的評語:',?'性能好',?'Hello MUI', btnArray,?function(e) {

????????????????????if?(e.index == 1) {

????????????????????????info.innerText =?'謝謝你的評語:'?+ e.value;

????????????????????}?else?{

????????????????????????info.innerText =?'你點(diǎn)了取消按鈕';

????????????????????}

????????????????})

????????????});

????????????document.getElementById("toastBtn").addEventListener('tap',?function() {

????????????????mui.toast('歡迎體驗(yàn)Hello MUI');

????????????});

????????</script>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些閱讀 2,136評論 0 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,797評論 1 45
  • 問答 一、dom對象的innerText和innerHTML有什么區(qū)別? innerTextinnerText是一...
    婷樓沐熙閱讀 469評論 0 0
  • 北京2018年4月1日上午,NBA常規(guī)賽勇士客戰(zhàn)國王的比賽中,發(fā)生了令人痛心不已的一幕。比賽進(jìn)行到第三節(jié)還有41...
    Curry_宇閱讀 1,357評論 1 1
  • MUI背景介紹 MUI是一套前端框架,由DCLOUD公司研發(fā)而成,提供大量H5和js語言組成的組件,大大提高了開發(fā)...
    jackzhouyu閱讀 29,890評論 2 76

友情鏈接更多精彩內(nèi)容