UNPKG

@shixinde/vuepress-theme-init

Version:
13 lines (12 loc) 4.64 kB
import{_ as s,c as n,o as a,a as e}from"./app-Dx9bNbfq.js";const t={},l=e(`<h2 id="_1-解决图标不显示的问题" tabindex="-1"><a class="header-anchor" href="#_1-解决图标不显示的问题"><span>1.解决图标不显示的问题</span></a></h2><blockquote><p>1.安装这个</p></blockquote><div class="language-javascript line-numbers-mode" data-highlighter="prismjs" data-ext="js" data-title="js"><pre class="language-javascript"><code><span class="line">npm install <span class="token operator">--</span>save @element<span class="token operator">-</span>plus<span class="token operator">/</span>icons</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><blockquote><p>2.引入这个</p></blockquote><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 keyword">import</span> <span class="token punctuation">{</span> Search<span class="token punctuation">,</span> ChatRound <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;@element-plus/icons&#39;</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><blockquote><p>3.注册这个</p></blockquote><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 keyword">import</span> <span class="token punctuation">{</span> Options<span class="token punctuation">,</span> Vue <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue-class-component&#39;</span></span> <span class="line"></span> <span class="line"><span class="token keyword">import</span> <span class="token punctuation">{</span> Search<span class="token punctuation">,</span> ChatRound <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;@element-plus/icons&#39;</span></span> <span class="line">@<span class="token function">Options</span><span class="token punctuation">(</span><span class="token punctuation">{</span></span> <span class="line"> <span class="token literal-property property">components</span><span class="token operator">:</span> <span class="token punctuation">{</span></span> <span class="line"> Search<span class="token punctuation">,</span></span> <span class="line"> ChatRound</span> <span class="line"> <span class="token punctuation">}</span></span> <span class="line"><span class="token punctuation">}</span><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 class="line-number"></div></div></div>`,7),p=[l];function i(c,o){return a(),n("div",null,p)}const u=s(t,[["render",i],["__file","Element Plus --vue3.0.html.vue"]]),d=JSON.parse('{"path":"/vue%E7%AC%94%E8%AE%B0%E5%8F%8A%E5%91%A8%E8%BE%B9%E7%94%9F%E6%80%81/Element%20Plus%20--vue3.0.html","title":"Element Plus --vue3.0","lang":"zh-CN","frontmatter":{"title":"Element Plus --vue3.0","date":"2022-12-29T00:00:00.000Z","tags":["vue3.0","Element Plus"],"categories":["居家篇"]},"headers":[{"level":2,"title":"1.解决图标不显示的问题","slug":"_1-解决图标不显示的问题","link":"#_1-解决图标不显示的问题","children":[]}],"git":{"updatedTime":1755347964000,"contributors":[{"name":"袁果锅","email":"2914310412@qq.com","commits":1}]},"filePathRelative":"vue笔记及周边生态/Element Plus --vue3.0.md","excerpt":"<h2>1.解决图标不显示的问题</h2>\\n<blockquote>\\n<p>1.安装这个</p>\\n</blockquote>\\n<div class=\\"language-javascript\\" data-highlighter=\\"prismjs\\" data-ext=\\"js\\" data-title=\\"js\\"><pre class=\\"language-javascript\\"><code><span class=\\"line\\">npm install <span class=\\"token operator\\">--</span>save @element<span class=\\"token operator\\">-</span>plus<span class=\\"token operator\\">/</span>icons</span>\\n<span class=\\"line\\"></span></code></pre></div>"}');export{u as comp,d as data};