ホーム エクスプローラ ヘルプ
サインイン
githab
/
nutui
3
0
Fork 0
ファイル
ツリー: 00a0c8ebca
ブランチ タグ
nutui
/
3.1.9
/
doc.e11f5d26.js

doc.e11f5d26.js 4.8 KB
履歴 Raw

1234567891011121314151617181920212223242526272829303132333435363738394041 
  1. import{e as a,o as t,G as n}from"./vendor.bd251973.js";const p={class:"markdown-body"},l=n(`<h1>Notify \u6D88\u606F\u901A\u77E5</h1><h3>\u4ECB\u7ECD</h3><p>\u5728\u9875\u9762\u9876\u90E8\u5C55\u793A\u6D88\u606F\u63D0\u793A</p><h3>\u5B89\u88C5</h3><pre><code class="language-javascript"><span class="hljs-keyword">import</span> { createApp } <span class="hljs-keyword">from</span> <span class="hljs-string">&#39;vue&#39;</span>;
    2. 

  2. <span class="hljs-keyword">import</span> { Notify } <span class="hljs-keyword">from</span> <span class="hljs-string">&#39;@nutui/nutui&#39;</span>;
    3. 

  3. 

  4. <span class="hljs-keyword">const</span> app = createApp();
    5. 

  5. app.use(Notify);
    6. 

  6. </code></pre><h2>\u57FA\u672C\u7528\u6CD5</h2><pre><code class="language-javascript"><span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> {
    7. 

  7.   <span class="hljs-function"><span class="hljs-title">mounted</span>(<span class="hljs-params"></span>)</span> {
    8. 

  8.       Notify.text(<span class="hljs-string">&#39;\u901A\u77E5\u5185\u5BB9&#39;</span>, {
    9. 

  9.         <span class="hljs-function"><span class="hljs-title">onClosed</span>(<span class="hljs-params"></span>)</span> {
    10. 

  10.           <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&#39;close&#39;</span>);
    11. 

  11.         },
    12. 

  12.         <span class="hljs-attr">onClick</span>: <span class="hljs-function">() =&gt;</span> {
    13. 

  13.           <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&#39;click&#39;</span>);
    14. 

  14.         }
    15. 

  15.       });
    16. 

  16.   }
    17. 

  17. }
    18. 

  18. </code></pre><h2>\u901A\u77E5\u7C7B\u578B</h2><h3>\u4E3B\u8981\u901A\u77E5</h3><pre><code class="language-javascript">    <span class="hljs-function"><span class="hljs-title">mounted</span>(<span class="hljs-params"></span>)</span>{
    19. 

  19.       Notify.primary(<span class="hljs-string">&#39;\u901A\u77E5\u5185\u5BB9&#39;</span>);
    20. 

  20.     }
    21. 

  21. </code></pre><h3>\u6210\u529F\u901A\u77E5</h3><pre><code class="language-javascript">    <span class="hljs-function"><span class="hljs-title">mounted</span>(<span class="hljs-params"></span>)</span>{
    22. 

  22.       Notify.success(<span class="hljs-string">&#39;\u901A\u77E5\u5185\u5BB9&#39;</span>);
    23. 

  23.     }
    24. 

  24. </code></pre><h3>\u5371\u9669\u901A\u77E5</h3><pre><code class="language-javascript">    <span class="hljs-function"><span class="hljs-title">mounted</span>(<span class="hljs-params"></span>)</span>{
    25. 

  25.       Notify.danger(<span class="hljs-string">&#39;\u901A\u77E5\u5185\u5BB9&#39;</span>);
    26. 

  26.     }
    27. 

  27. </code></pre><h3>\u8B66\u544A\u901A\u77E5</h3><pre><code class="language-javascript">    <span class="hljs-function"><span class="hljs-title">mounted</span>(<span class="hljs-params"></span>)</span>{
    28. 

  28.       Notify.warn(<span class="hljs-string">&#39;\u901A\u77E5\u5185\u5BB9&#39;</span>);
    29. 

  29.     }
    30. 

  30. </code></pre><h2>\u81EA\u5B9A\u4E49</h2><h3>\u81EA\u5B9A\u4E49\u6837\u5F0F</h3><pre><code class="language-javascript">    <span class="hljs-function"><span class="hljs-title">mounted</span>(<span class="hljs-params"></span>)</span>{
    31. 

  31.       Notify.text(val, {
    32. 

  32.         <span class="hljs-attr">color</span>: <span class="hljs-string">&#39;#ad0000&#39;</span>,
    33. 

  33.         <span class="hljs-attr">background</span>: <span class="hljs-string">&#39;#ffe1e1&#39;</span>
    34. 

  34.       });
    35. 

  35.     }
    36. 

  36. </code></pre><h3>\u81EA\u5B9A\u4E49\u65F6\u957F</h3><pre><code class="language-javascript">    <span class="hljs-function"><span class="hljs-title">mounted</span>(<span class="hljs-params"></span>)</span>{
    37. 

  37.       Notify.text(val, {
    38. 

  38.         <span class="hljs-attr">duration</span>: <span class="hljs-number">10000</span>
    39. 

  39.       });
    40. 

  40.     }
    41. 

  41. </code></pre><h2>API</h2><h3>Props</h3><table><thead><tr><th>\u5B57\u6BB5</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>type</td><td>\u63D0\u793A\u7684\u4FE1\u606F\u7C7B\u578B\uFF08primary\uFF0Csuccess \uFF0Cdanger\uFF0Cwarning\uFF09</td><td>String</td><td>\u2018danger\u2019</td></tr><tr><td>message</td><td>\u5C55\u793A\u6587\u6848\uFF0C\u652F\u6301\u901A\u8FC7\\n\u6362\u884C</td><td>Boolean</td><td>false</td></tr><tr><td>duration</td><td>\u5C55\u793A\u65F6\u957F(ms)\uFF0C\u503C\u4E3A 0 \u65F6\uFF0Cnotify \u4E0D\u4F1A\u6D88\u5931</td><td>String</td><td>3000</td></tr><tr><td>color</td><td>\u5B57\u4F53\u989C\u8272</td><td>String</td><td>\u7A7A</td></tr><tr><td>background</td><td>\u80CC\u666F\u989C\u8272</td><td>String</td><td>\u7A7A</td></tr><tr><td>class-name</td><td>\u81EA\u5B9A\u4E49\u7C7B\u540D</td><td>String/Number</td><td>1</td></tr></tbody></table><h3>Events</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>click</td><td>\u70B9\u51FB\u4E8B\u4EF6\u56DE\u8C03</td><td>\u65E0</td></tr><tr><td>closed</td><td>\u5173\u95ED\u4E8B\u4EF6\u56DE\u8C03</td><td>\u65E0</td></tr></tbody></table>`,26),c=[l],i={setup(e,{expose:s}){return s({frontmatter:{}}),(d,o)=>(t(),a("div",p,c))}};export{i as default};
    42.