UNPKG

@shixinde/vuepress-theme-init

Version:

### 其他开源项目

shixindea.github.io/guoguo-notes/

shixindea/guoguo-notes

23 lines (22 loc) • 8.14 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
import{_ as s,c as a,o as n,a as t}from"./app-Dx9bNbfq.js";const e={},l=t(`<h2 id="toast消息提示" tabindex="-1"><a class="header-anchor" href="#toast消息提示"><span>Toast消息提示</span></a></h2><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">&lt;u-toast ref=&quot;uToast&quot;&gt;&lt;/u-toast&gt;</span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">this.$refs.uToast.show({</span> <span class="line"> type: &#39;success&#39;,</span> <span class="line"> title: &#39;成功主题(带图标)&#39;,</span> <span class="line"> message: &quot;庄生晓梦迷蝴蝶&quot;,</span> <span class="line"> iconUrl: &#39;https://cdn.uviewui.com/uview/demo/toast/success.png&#39;</span> <span class="line"> })</span> <span class="line"> </span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><div class="language-text line-numbers-mode" data-highlighter="prismjs" data-ext="text" data-title="text"><pre class="language-text"><code><span class="line">this.$u.toast(261)</span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><h2 id="页面加载" tabindex="-1"><a class="header-anchor" href="#页面加载"><span>页面加载</span></a></h2><div class="language-html line-numbers-mode" data-highlighter="prismjs" data-ext="html" data-title="html"><pre class="language-html"><code><span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>pageloading<span class="token punctuation">&quot;</span></span> <span class="token attr-name">v-if</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>isloading<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span></span> <span class="line"> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>u-loading-page</span> <span class="token attr-name">:loading</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>isloading<span class="token punctuation">&quot;</span></span> <span class="token attr-name">loading-text</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>loading...<span class="token punctuation">&quot;</span></span> <span class="token attr-name">bgColor</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>#ff0000<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>u-loading-page</span><span class="token punctuation">&gt;</span></span></span> <span class="line"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span></span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line"><span class="token literal-property property">isloading</span><span class="token operator">:</span> <span class="token boolean">true</span></span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div></div></div><div class="language-css line-numbers-mode" data-highlighter="prismjs" data-ext="css" data-title="css"><pre class="language-css"><code><span class="line"><span class="token selector">.pageloading</span><span class="token punctuation">{</span></span> <span class="line"> <span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span></span> <span class="line"> <span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span></span> <span class="line"> <span class="token property">left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span></span> <span class="line"> <span class="token property">width</span><span class="token punctuation">:</span> 100vw<span class="token punctuation">;</span></span> <span class="line"> <span class="token property">height</span><span class="token punctuation">:</span> 100vh<span class="token punctuation">;</span></span> <span class="line"> <span class="token property">z-index</span><span class="token punctuation">:</span> 3<span class="token punctuation">;</span></span> <span class="line"> <span class="token punctuation">}</span></span> <span class="line"></span></code></pre><div class="line-numbers" aria-hidden="true" style="counter-reset:line-number 0;"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,8),p=[l];function i(c,o){return n(),a("div",null,p)}const r=s(e,[["render",i],["__file","uView基本使用.html.vue"]]),d=JSON.parse(`{"path":"/%E9%A3%9E%E7%A0%81%E7%AF%87/uView%E5%9F%BA%E6%9C%AC%E4%BD%BF%E7%94%A8.html","title":"uView 代码片段","lang":"zh-CN","frontmatter":{"title":"uView 代码片段","date":"2022-08-04T00:00:00.000Z","tags":["uniapp","uView","代码片段"],"categories":["飞码篇"]},"headers":[{"level":2,"title":"Toast消息提示","slug":"toast消息提示","link":"#toast消息提示","children":[]},{"level":2,"title":"页面加载","slug":"页面加载","link":"#页面加载","children":[]}],"git":{"updatedTime":1727229103000,"contributors":[{"name":"袁果锅","email":"2914310412@qq.com","commits":1}]},"filePathRelative":"飞码篇/uView基本使用.md","excerpt":"<h2>Toast消息提示</h2>\\n<div class=\\"language-text\\" data-highlighter=\\"prismjs\\" data-ext=\\"text\\" data-title=\\"text\\"><pre class=\\"language-text\\"><code><span class=\\"line\\">&lt;u-toast ref=\\"uToast\\"&gt;&lt;/u-toast&gt;</span>\\n<span class=\\"line\\"></span></code></pre></div><div class=\\"language-text\\" data-highlighter=\\"prismjs\\" data-ext=\\"text\\" data-title=\\"text\\"><pre class=\\"language-text\\"><code><span class=\\"line\\">this.$refs.uToast.show({</span>\\n<span class=\\"line\\">\\t\\t\\t\\t\\ttype: 'success',</span>\\n<span class=\\"line\\">\\t\\t\\t\\t\\ttitle: '成功主题(带图标)',</span>\\n<span class=\\"line\\">\\t\\t\\t\\t\\tmessage: \\"庄生晓梦迷蝴蝶\\",</span>\\n<span class=\\"line\\">\\t\\t\\t\\t\\ticonUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'</span>\\n<span class=\\"line\\">\\t\\t\\t\\t})</span>\\n<span class=\\"line\\">\\t\\t\\t\\t</span>\\n<span class=\\"line\\"></span></code></pre></div>"}`);export{r as comp,d as data};