<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # 通知/Notify 創建可以被撥動顯示的通知,并且能自動淡出。 當你將鼠標懸停在通知上面時,它不會自動消失,直到你移開鼠標。還可以通過點擊關閉通知。 * * * ## 用法 通知組件提供了一個簡單的API,你可以在應用程序代碼中重用它。下面的JavaScript代碼片段讓你快速上手。注意 使用此組件需要額外添加 `notify.css` 文件,在`css/components`文件夾中。此組件需要額外添加 `notify.js` 文件,在`js/components`文件夾中。 ### JavaScript ``` UIkit.notify({ message : 'Bazinga!', status : 'info', timeout : 5000, pos : 'top-center' }); // Shortcuts UIkit.notify('My message'); UIkit.notify('My message', status); UIkit.notify('My message', { /* options */ }); ``` ### Example ![](https://box.kancloud.cn/2016-05-12_57346f3fdd493.jpg) ``` UIkit.notify("Message..."); ``` * * * ### HTML 信息 可以在通知信息內嵌HTML,比如 [圖標](icon.html)。 ### Example ![](https://box.kancloud.cn/2016-05-12_57346f3fee508.jpg) ``` UIkit.notify("<i class='uk-icon-check'></i> Message with an icon..."); ``` * * * ### 延遲和常駐/Delay and sticky 你可以通過 `timeout` 定義在多少毫秒內通知消息是可見的。還可以把延遲設為0,讓通知消息常駐不消失。 ### Example ![](https://box.kancloud.cn/2016-05-12_57346f4009e90.jpg) ``` UIkit.notify("Message...", {timeout: 0}); ``` * * * ### 定位 添加以下參數中的一個來調整通知出現的位置。 `top-center` ``` UIkit.notify("...", {pos:'top-center'}) ``` `top-left` ``` UIkit.notify("...", {pos:'top-left'}) ``` `top-right` ``` UIkit.notify("...", {pos:'top-right'}) ``` `bottom-center` ``` UIkit.notify("...", {pos:'bottom-center'}) ``` `bottom-left` ``` UIkit.notify("...", {pos:'bottom-left'}) ``` `bottom-right` ``` UIkit.notify("...", {pos:'bottom-right'}) ``` ![](https://box.kancloud.cn/2016-05-12_57346f401a1c4.jpg) * * * ### 狀態 通知可以通過添加一些狀態效果來表達一般的消息,成功的消息,警告或者危險等等。 `info` ``` UIkit.notify("...", {status:'info'}) ``` `success` ``` UIkit.notify("...", {status:'success'}) ``` `warning` ``` UIkit.notify("...", {status:'warning'}) ``` `danger` ``` UIkit.notify("...", {status:'danger'}) ``` ![](https://box.kancloud.cn/2016-05-12_57346f40387b9.jpg)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看