alertBox - 移動端自定義彈出層,iOS調用原生彈窗,其它調用自定義

jopen 9年前發布 | 11K 次閱讀 alertBox 移動開發

alertBox

移動端自定義彈出層,iOS調用原生彈窗,其它調用自定義

說明:

<p>@ 移動端自定義彈出層 </p> <p>@ 用法</p>
<link rel="stylesheet" href="styles/stylesheets/alertbox.css">
 <script src="alertBox.js"></script>
<p>@ 說明:樣式用的sass,單位用的rem,需設置根字體大小</p>
var fontsize = document.body.clientWidth / 10;
 document.documentElement.style.fontSize = fontsize + "px";
<p>@ 功能 </p>
  • 1、普通彈窗 @params 提示字符竄,跳轉url(可選)
  • 2、警告框 @params 提示字符竄,點擊確定后的回調函數(可選)
  • 3、prompt @params 文本輸入placeholder,點擊確定后的回調函數(可選)
  • </ul> <p>@ 環境:iOS調用原生彈窗,其它調用自定義 </p> <p>@ 初始化</p>
    var AlertBox = new AlertBox(
      {
        debug: false, //開啟后,在iOS中也調用自定義彈窗
        alertBoxKeepTime: 500, //普通彈窗顯示時間
        animationDuration: 300, //彈窗動畫經歷時間
        promptMaxlength: 30 //prompt文本輸入的最大長度
      }
    );
    <p>@例子:</p>

    1、普通彈窗不帶鏈接

    AlertBox.alerts("222");

    2、普通彈窗帶鏈接

    AlertBox.alerts("222", "ymblog.net");

    3、警告框帶回調

    AlertBox.confirms("提示文字", function () {
      AlertBox.alerts("222");
    });

    4、prompt帶回調

    AlertBox.confirms("placeholder文字", function () {
      AlertBox.alerts("222");
    });
    <p>@ authur JmingZI</p>



    項目地址:
    https://github.com/JMingZI/alertBox

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!