diff --git a/404.html b/404.html
index b80f15614..137c2c822 100644
--- a/404.html
+++ b/404.html
@@ -11,11 +11,11 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/18.7bd404a2.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/2.ed39b2ef.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/8.e10cfe6b.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/18.7bd404a2.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/2.ed39b2ef.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/8.e10cfe6b.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
-    <div id="app" data-server-rendered="true"><div class="theme-container" data-v-8f4262da><div class="theme-vdoing-content" data-v-8f4262da><span data-v-8f4262da>404</span> <blockquote data-v-8f4262da>我是谁？我在哪？</blockquote> <a href="/" class="router-link-active" data-v-8f4262da>返回首页</a></div></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/18.7bd404a2.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <div id="app" data-server-rendered="true"><div class="theme-container" data-v-8f4262da><div class="theme-vdoing-content" data-v-8f4262da><span data-v-8f4262da>404</span> <blockquote data-v-8f4262da>看来我们的链接坏掉了~</blockquote> <a href="/" class="router-link-active" data-v-8f4262da>返回首页</a></div></div><div class="global-ui"><!----><div></div></div></div>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/18.7bd404a2.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/archives/index.html b/archives/index.html
index 530b6b5e2..551d52f17 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">
+      </script></div></aside> <div class="custom-page archives-page"><div class="theme-vdoing-wrapper"><h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">
       归档
     </h1> <div class="count">
       总共 <i>0</i> 篇文章
@@ -119,6 +119,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/assets/css/0.styles.deae225a.css b/assets/css/0.styles.57214fc5.css
similarity index 99%
rename from assets/css/0.styles.deae225a.css
rename to assets/css/0.styles.57214fc5.css
index 9e187a325..55126e6cc 100644
--- a/assets/css/0.styles.deae225a.css
+++ b/assets/css/0.styles.57214fc5.css
@@ -1 +1 @@
-@import url(//at.alicdn.com/t/font_1678482_4tbhmh589x.css);.code-copy{color:#aaa;fill:#aaa;font-size:14px;display:inline-block;cursor:pointer}div[class*=aside-code] aside .code-copy,div[class*=language-] pre .code-copy{position:absolute;z-index:1000;top:7px;right:35px;opacity:0;font-size:16px}div[class*=aside-code] aside:hover .code-copy,div[class*=language-] pre:hover .code-copy{opacity:1}.content pre,.content pre[class*=language-]{overflow-y:hidden}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:static!important}div[class~=language-text]:before{content:"text"}div[class~=language-yml]:before{content:"yml"}div[class*=language-] pre{-webkit-user-select:text;-moz-user-select:text;user-select:text}p code{-webkit-user-select:all;-moz-user-select:all;user-select:all}@keyframes message-move-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#message-container .message.move-in{animation:message-move-in .3s ease-in-out}@keyframes message-move-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}#message-container .message.move-out{animation:message-move-out .3s ease-in-out;animation-fill-mode:forwards}#message-container .message{background:#fff;margin:10px 0;padding:0 10px;height:40px;box-shadow:0 0 10px 0 #ccc;font-size:14px;border-radius:3px;display:flex;align-items:center;transition:height .2s ease-in-out,margin .2s ease-in-out}#message-container{position:fixed;left:0;top:100px;right:0;display:flex;flex-direction:column;align-items:center}#message-container .message .text{color:#333;padding:0 20px 0 5px}.theme-code-block[data-v-b7295a7e]{display:none}.theme-code-block__active[data-v-b7295a7e]{display:block}.theme-code-block>pre[data-v-b7295a7e]{background-color:orange}@media (max-width:419px){.theme-code-group div[class*=language-][data-v-b7295a7e]{margin:0}}.theme-mode-light[data-v-d560d5e8]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-d560d5e8]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-d560d5e8]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-d560d5e8]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-d560d5e8],.theme-mode-light pre[class*=language-][data-v-d560d5e8]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-d560d5e8]::-moz-selection,.theme-mode-light code[class*=language-][data-v-d560d5e8] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-d560d5e8]::selection,.theme-mode-light code[class*=language-][data-v-d560d5e8] ::selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8]::selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-d560d5e8],.theme-mode-light pre[class*=language-][data-v-d560d5e8]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-d560d5e8]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-d560d5e8],.theme-mode-light pre[class*=language-][data-v-d560d5e8]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-d560d5e8]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-d560d5e8],.theme-mode-light .token.comment[data-v-d560d5e8],.theme-mode-light .token.doctype[data-v-d560d5e8],.theme-mode-light .token.prolog[data-v-d560d5e8]{color:#708090}.theme-mode-light .token.punctuation[data-v-d560d5e8]{color:#999}.theme-mode-light .namespace[data-v-d560d5e8]{opacity:.7}.theme-mode-light .token.boolean[data-v-d560d5e8],.theme-mode-light .token.constant[data-v-d560d5e8],.theme-mode-light .token.deleted[data-v-d560d5e8],.theme-mode-light .token.number[data-v-d560d5e8],.theme-mode-light .token.property[data-v-d560d5e8],.theme-mode-light .token.symbol[data-v-d560d5e8],.theme-mode-light .token.tag[data-v-d560d5e8]{color:#905}.theme-mode-light .token.attr-name[data-v-d560d5e8],.theme-mode-light .token.builtin[data-v-d560d5e8],.theme-mode-light .token.char[data-v-d560d5e8],.theme-mode-light .token.inserted[data-v-d560d5e8],.theme-mode-light .token.selector[data-v-d560d5e8],.theme-mode-light .token.string[data-v-d560d5e8]{color:#690}.theme-mode-light .language-css .token.string[data-v-d560d5e8],.theme-mode-light .style .token.string[data-v-d560d5e8],.theme-mode-light .token.entity[data-v-d560d5e8],.theme-mode-light .token.operator[data-v-d560d5e8],.theme-mode-light .token.url[data-v-d560d5e8]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-d560d5e8],.theme-mode-light .token.attr-value[data-v-d560d5e8],.theme-mode-light .token.keyword[data-v-d560d5e8]{color:#07a}.theme-mode-light .token.class-name[data-v-d560d5e8],.theme-mode-light .token.function[data-v-d560d5e8]{color:#dd4a68}.theme-mode-light .token.important[data-v-d560d5e8],.theme-mode-light .token.regex[data-v-d560d5e8],.theme-mode-light .token.variable[data-v-d560d5e8]{color:#e90}.theme-mode-light .token.bold[data-v-d560d5e8],.theme-mode-light .token.important[data-v-d560d5e8]{font-weight:700}.theme-mode-light .token.italic[data-v-d560d5e8]{font-style:italic}.theme-mode-light .token.entity[data-v-d560d5e8]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-d560d5e8],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-d560d5e8]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-d560d5e8]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-d560d5e8],.theme-mode-dark pre[class*=language-][data-v-d560d5e8]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-d560d5e8]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d560d5e8],.theme-mode-dark pre[class*=language-][data-v-d560d5e8]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d560d5e8]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-d560d5e8],.theme-mode-dark .token.cdata[data-v-d560d5e8],.theme-mode-dark .token.comment[data-v-d560d5e8],.theme-mode-dark .token.doctype[data-v-d560d5e8],.theme-mode-dark .token.prolog[data-v-d560d5e8]{color:#999}.theme-mode-dark .token.punctuation[data-v-d560d5e8]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-d560d5e8],.theme-mode-dark .token.deleted[data-v-d560d5e8],.theme-mode-dark .token.namespace[data-v-d560d5e8],.theme-mode-dark .token.tag[data-v-d560d5e8]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-d560d5e8]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-d560d5e8],.theme-mode-dark .token.function[data-v-d560d5e8],.theme-mode-dark .token.number[data-v-d560d5e8]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-d560d5e8],.theme-mode-dark .token.constant[data-v-d560d5e8],.theme-mode-dark .token.property[data-v-d560d5e8],.theme-mode-dark .token.symbol[data-v-d560d5e8]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-d560d5e8],.theme-mode-dark .token.builtin[data-v-d560d5e8],.theme-mode-dark .token.important[data-v-d560d5e8],.theme-mode-dark .token.keyword[data-v-d560d5e8],.theme-mode-dark .token.selector[data-v-d560d5e8]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-d560d5e8],.theme-mode-dark .token.char[data-v-d560d5e8],.theme-mode-dark .token.regex[data-v-d560d5e8],.theme-mode-dark .token.string[data-v-d560d5e8],.theme-mode-dark .token.variable[data-v-d560d5e8]{color:#7ec699}.theme-mode-dark .token.entity[data-v-d560d5e8],.theme-mode-dark .token.operator[data-v-d560d5e8],.theme-mode-dark .token.url[data-v-d560d5e8]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-d560d5e8],.theme-mode-dark .style .token.string[data-v-d560d5e8],.theme-mode-dark .token.entity[data-v-d560d5e8],.theme-mode-dark .token.operator[data-v-d560d5e8],.theme-mode-dark .token.url[data-v-d560d5e8]{background:none}.theme-mode-dark .token.bold[data-v-d560d5e8],.theme-mode-dark .token.important[data-v-d560d5e8]{font-weight:700}.theme-mode-dark .token.italic[data-v-d560d5e8]{font-style:italic}.theme-mode-dark .token.entity[data-v-d560d5e8]{cursor:help}.theme-mode-dark .token.inserted[data-v-d560d5e8]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-d560d5e8]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-d560d5e8]{background-color:transparent}.theme-mode-dark blockquote[data-v-d560d5e8]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-d560d5e8]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-d560d5e8]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-d560d5e8]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-d560d5e8]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-d560d5e8]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-d560d5e8]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-d560d5e8],.theme-mode-dark .custom-block.note[data-v-d560d5e8],.theme-mode-dark .custom-block.tip[data-v-d560d5e8],.theme-mode-dark .custom-block.warning[data-v-d560d5e8]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-d560d5e8],.theme-mode-dark .custom-block.danger[data-v-d560d5e8]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-d560d5e8]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-d560d5e8]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-d560d5e8],.theme-mode-dark .nav-item .dropdown-title a[data-v-d560d5e8]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-d560d5e8],.theme-mode-dark .nav-item>a[data-v-d560d5e8]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-d560d5e8]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-d560d5e8]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-d560d5e8]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-d560d5e8],.theme-mode-dark .buttons .button .select-box li[data-v-d560d5e8]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-d560d5e8]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-d560d5e8]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-d560d5e8],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-d560d5e8]:hover,.theme-mode-dark .pagination span[data-v-d560d5e8]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-d560d5e8]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-d560d5e8],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-d560d5e8]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-d560d5e8]:hover,.theme-mode-dark a.sidebar-link[data-v-d560d5e8]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-d560d5e8]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-d560d5e8],.theme-mode-dark .search-box input[data-v-d560d5e8]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-d560d5e8]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-d560d5e8],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-d560d5e8]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-d560d5e8],.theme-mode-dark .tabs-component-tab[data-v-d560d5e8]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-d560d5e8]{color:#b160ea}.theme-mode-read[data-v-d560d5e8]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-d560d5e8],.theme-mode-read pre[class*=language-][data-v-d560d5e8]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-d560d5e8]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-d560d5e8],.theme-mode-read pre[class*=language-][data-v-d560d5e8]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-d560d5e8]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-d560d5e8],.theme-mode-read .token.cdata[data-v-d560d5e8],.theme-mode-read .token.comment[data-v-d560d5e8],.theme-mode-read .token.doctype[data-v-d560d5e8],.theme-mode-read .token.prolog[data-v-d560d5e8]{color:#999}.theme-mode-read .token.punctuation[data-v-d560d5e8]{color:#ccc}.theme-mode-read .token.attr-name[data-v-d560d5e8],.theme-mode-read .token.deleted[data-v-d560d5e8],.theme-mode-read .token.namespace[data-v-d560d5e8],.theme-mode-read .token.tag[data-v-d560d5e8]{color:#e2777a}.theme-mode-read .token.function-name[data-v-d560d5e8]{color:#6196cc}.theme-mode-read .token.boolean[data-v-d560d5e8],.theme-mode-read .token.function[data-v-d560d5e8],.theme-mode-read .token.number[data-v-d560d5e8]{color:#f08d49}.theme-mode-read .token.class-name[data-v-d560d5e8],.theme-mode-read .token.constant[data-v-d560d5e8],.theme-mode-read .token.property[data-v-d560d5e8],.theme-mode-read .token.symbol[data-v-d560d5e8]{color:#f8c555}.theme-mode-read .token.atrule[data-v-d560d5e8],.theme-mode-read .token.builtin[data-v-d560d5e8],.theme-mode-read .token.important[data-v-d560d5e8],.theme-mode-read .token.keyword[data-v-d560d5e8],.theme-mode-read .token.selector[data-v-d560d5e8]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-d560d5e8],.theme-mode-read .token.char[data-v-d560d5e8],.theme-mode-read .token.regex[data-v-d560d5e8],.theme-mode-read .token.string[data-v-d560d5e8],.theme-mode-read .token.variable[data-v-d560d5e8]{color:#7ec699}.theme-mode-read .token.entity[data-v-d560d5e8],.theme-mode-read .token.operator[data-v-d560d5e8],.theme-mode-read .token.url[data-v-d560d5e8]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-d560d5e8],.theme-mode-read .style .token.string[data-v-d560d5e8],.theme-mode-read .token.entity[data-v-d560d5e8],.theme-mode-read .token.operator[data-v-d560d5e8],.theme-mode-read .token.url[data-v-d560d5e8]{background:none}.theme-mode-read .token.bold[data-v-d560d5e8],.theme-mode-read .token.important[data-v-d560d5e8]{font-weight:700}.theme-mode-read .token.italic[data-v-d560d5e8]{font-style:italic}.theme-mode-read .token.entity[data-v-d560d5e8]{cursor:help}.theme-mode-read .token.inserted[data-v-d560d5e8]{color:green}.theme-code-group[data-v-d560d5e8],.theme-code-group__nav[data-v-d560d5e8]{background-color:var(--codeBg);padding-bottom:22px;border-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__nav[data-v-d560d5e8]{margin-bottom:-35px}.theme-code-group__ul[data-v-d560d5e8]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__li[data-v-d560d5e8],.theme-code-group__nav-tab[data-v-d560d5e8]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:var(--codeColor);font-weight:600;opacity:.85}.theme-code-group__nav-tab-active[data-v-d560d5e8]{border-bottom:1px solid #426feb;opacity:1}.pre-blank[data-v-d560d5e8]{color:#426feb}body .theme-vdoing-content code{color:var(--textLightenColor);padding:.25rem .5rem;margin:0;font-size:.9em;background-color:hsla(0,0%,39.2%,.08);border-radius:3px}body .theme-vdoing-content code .token.deleted{color:#ec5975}body .theme-vdoing-content code .token.inserted{color:#426feb}body .theme-vdoing-content pre,body .theme-vdoing-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}body .theme-vdoing-content pre[class*=language-] code,body .theme-vdoing-content pre code{color:var(--codeColor);padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:var(--codeBg);border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.3)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative!important;z-index:1}div[class*=language-]:before{top:.8em;right:1em;font-size:.8rem;color:hsla(0,0%,58.8%,.7)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:2.5rem;height:100%;background-color:rgba(0,0,0,.3)}div[class*=language-].line-numbers-mode pre{padding-left:3.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:2.5rem;text-align:center;color:hsla(0,0%,49.8%,.5);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:2.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid var(--borderColor);background-color:var(--codeBg)}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:.2rem}.custom-block p{margin:0}.custom-block.danger,.custom-block.note,.custom-block.tip,.custom-block.warning{padding:.5rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983;color:#215d42}.custom-block.warning{background-color:#fff7d0;border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:var(--textColor)}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:var(--textColor)}.custom-block.note{background-color:#e8f5fa;border-color:#157bae;color:#0d4a68}.custom-block.right{color:var(--textColor);font-size:.9rem;text-align:right}.custom-block.theorem{margin:1rem 0;padding:.8rem 1.5rem;border-radius:2px;background-color:var(--customBlockBg)}.custom-block.theorem .title{font-weight:700;margin:.5rem 0}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1em 0;padding:1.6em;background-color:var(--customBlockBg)}.custom-block.details p{margin:.8rem 0}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.custom-block.details summary:hover{color:#426feb}.theme-mode-dark .custom-block.warning{background-color:rgba(255,247,208,.2);color:#e7c000}.theme-mode-dark .custom-block.warning .custom-block-title{color:#ffdc2f}.theme-mode-dark .custom-block.tip{background-color:rgba(243,245,247,.2);color:#42b983}.theme-mode-dark .custom-block.danger{background-color:rgba(255,230,230,.4);color:maroon}.theme-mode-dark .custom-block.danger a{color:#426feb}.theme-mode-dark .custom-block.note{background-color:rgba(243,245,247,.2);color:#157bae}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-vdoing-content:not(.custom){max-width:860px}.table-of-contents .badge{vertical-align:middle}.center-container{text-align:center}.center-container>h1,.center-container>h2,.center-container>h3,.center-container>h4,.center-container>h5,.center-container>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.center-container>h1 a.header-anchor,.center-container>h2 a.header-anchor,.center-container>h3 a.header-anchor,.center-container>h4 a.header-anchor,.center-container>h5 a.header-anchor,.center-container>h6 a.header-anchor{float:none;padding-right:0;margin-left:-.9rem}.cardListContainer{margin:.7rem 0}.cardListContainer>:not(.card-list){display:none}.cardListContainer .card-list{margin:-.35rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardListContainer .card-list .card-item{width:calc(33.33333% - .7rem);margin:.35rem;background:var(--bodyBg);border-radius:3px;color:var(--textColor);display:flex;box-shadow:1px 1px 2px 0 rgba(0,0,0,.06);transition:all .4s}.cardListContainer .card-list .card-item:hover{text-decoration:none;box-shadow:0 10px 20px -10px var(--randomColor,rgba(0,0,0,.15));transform:translateY(-3px) scale(1.01)}.cardListContainer .card-list .card-item:hover img{box-shadow:3px 2px 7px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item:hover div p{text-shadow:3px 2px 5px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item img{width:60px;height:60px;border-radius:50%;border:2px solid #fff;margin:1rem 0 1rem 1rem;box-shadow:3px 2px 5px rgba(0,0,0,.08);transition:all .4s}.cardListContainer .card-list .card-item div{flex:1;display:inline-block;float:right;padding:1rem 0}.cardListContainer .card-list .card-item div p{margin:0;padding:0 1rem;transition:text-shadow .4s;text-align:center}.cardListContainer .card-list .card-item div .name{margin:.2rem 0 .3rem}.cardListContainer .card-list .card-item div .desc{font-size:.8rem;line-height:1.1rem;opacity:.8;margin-bottom:.2rem}.cardListContainer .card-list .card-item.row-1{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img{margin-left:2rem}.cardListContainer .card-list .card-item.row-2{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-2 img{margin-left:1.5rem}.cardListContainer .card-list .card-item.row-3{width:calc(33.33333% - .7rem)}.cardListContainer .card-list .card-item.row-4{width:calc(25% - .7rem)}.cardImgListContainer{margin:1rem 0}.cardImgListContainer>:not(.card-list){display:none}.cardImgListContainer .card-list{margin:-.5rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardImgListContainer .card-list .card-item{width:calc(33.33333% - 1rem);margin:.5rem;background:var(--mainBg);border:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-radius:3px;overflow:hidden;color:var(--textColor);box-shadow:2px 2px 10px rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;transition:all .4s}.cardImgListContainer .card-list .card-item:hover{box-shadow:1px 1px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.cardImgListContainer .card-list .card-item .box-img{overflow:hidden;position:relative;background:#eee}.cardImgListContainer .card-list .card-item .box-img img{display:block;width:100%;height:100%;transition:all .3s}.cardImgListContainer .card-list .card-item a{color:var(--textColor);transition:color .3s}.cardImgListContainer .card-list .card-item a:hover{text-decoration:none}.cardImgListContainer .card-list .card-item .box-info{padding:.8rem 1rem}.cardImgListContainer .card-list .card-item .box-info p{margin:0}.cardImgListContainer .card-list .card-item .box-info .desc{margin-top:.3rem;opacity:.8;font-size:.9rem;line-height:1.1rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.cardImgListContainer .card-list .card-item .box-footer{overflow:hidden;padding:.8rem 1rem;border-top:1px solid rgba(0,0,0,.1)}.cardImgListContainer .card-list .card-item .box-footer img{width:1.8rem;height:1.8rem;border-radius:50%;float:left}.cardImgListContainer .card-list .card-item .box-footer span{line-height:1.8rem;float:left;margin-left:.6rem;font-size:.8rem}.cardImgListContainer .card-list .card-item.row-1{width:calc(100% - 1rem)}.cardImgListContainer .card-list .card-item.row-2{width:calc(50% - 1rem)}.cardImgListContainer .card-list .card-item.row-3{width:calc(33.33333% - 1rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(25% - 1rem)}.theme-mode-dark .cardImgListContainer .card-list .card-item,.theme-mode-dark .cardImgListContainer .card-list .card-item .box-footer{border-color:var(--borderColor)}@media (max-width:900px){.cardListContainer .card-list .card-item.row-4{width:calc(33.33333% - .7rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(33.33333% - 1rem)}}@media (max-width:720px){.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(50% - 1rem)}}@media (max-width:500px){.cardListContainer .card-list .card-item.row-1,.cardListContainer .card-list .card-item.row-2,.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img,.cardListContainer .card-list .card-item.row-2 img,.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-1,.cardImgListContainer .card-list .card-item.row-2,.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(100% - 1rem)}}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px;color:#2c3e50;background:var(--bodyBg)}a,button,input{outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-focus-ring-color:transparent}@media (min-width:719px){::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.15);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}}.card-box{border-radius:5px;background:var(--mainBg);box-shadow:0 0 4px 0 rgba(0,0,0,.1);transition:box-shadow .5s}.card-box:hover{box-shadow:0 1px 15px 0 rgba(0,0,0,.1)}@media (max-width:719px){.theme-style-line{margin-left:-1px;margin-right:-1px}}.theme-style-line .card-box{box-shadow:0 0;border:1px solid var(--borderColor)}.blur{-webkit-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px)}.custom-page{min-height:calc(100vh - 3.6rem);padding-top:3.6rem;padding-bottom:.9rem}.custom-page .theme-vdoing-wrapper{margin:0 auto}body .search-box input{background-color:transparent;color:var(--textColor);border:1px solid var(--borderColor,#ccc)}@media (max-width:959px){body .search-box input{border-color:transparent}}.page{transition:padding .2s ease;padding-left:.8rem}.navbar{position:fixed;z-index:20;top:0;left:0;right:0;height:3.6rem;background-color:var(--blurBg);box-sizing:border-box;box-shadow:0 2px 5px rgba(0,0,0,.06)}.sidebar-mask{top:0;width:100vw;height:100vh}.sidebar-hover-trigger,.sidebar-mask{position:fixed;z-index:12;left:0;display:none}.sidebar-hover-trigger{top:8.1rem;bottom:0;width:24px}.sidebar{font-size:16px;background-color:var(--sidebarBg);width:18rem;position:fixed;z-index:13;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid var(--borderColor);overflow-y:auto;transform:translateX(-100%);transition:transform .2s}@media (max-width:719px){.sidebar{background-color:var(--mainBg)}}.theme-vdoing-content:not(.custom){word-wrap:break-word}.theme-vdoing-content:not(.custom) a:hover{text-decoration:underline}.theme-vdoing-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-vdoing-content:not(.custom) img{max-width:100%}.theme-vdoing-content.custom{padding:0;margin:0}.theme-vdoing-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#426feb}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;opacity:.75;border-left:.2rem solid hsla(0,0%,39.2%,.3);margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-vdoing-content:not(.custom)>h1,.theme-vdoing-content:not(.custom)>h2,.theme-vdoing-content:not(.custom)>h3,.theme-vdoing-content:not(.custom)>h4,.theme-vdoing-content:not(.custom)>h5,.theme-vdoing-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-vdoing-content:not(.custom)>h1:first-child,.theme-vdoing-content:not(.custom)>h2:first-child,.theme-vdoing-content:not(.custom)>h3:first-child,.theme-vdoing-content:not(.custom)>h4:first-child,.theme-vdoing-content:not(.custom)>h5:first-child,.theme-vdoing-content:not(.custom)>h6:first-child{margin-bottom:1rem}.theme-vdoing-content:not(.custom)>h1:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h1:first-child+p,.theme-vdoing-content:not(.custom)>h1:first-child+pre,.theme-vdoing-content:not(.custom)>h2:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h2:first-child+p,.theme-vdoing-content:not(.custom)>h2:first-child+pre,.theme-vdoing-content:not(.custom)>h3:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h3:first-child+p,.theme-vdoing-content:not(.custom)>h3:first-child+pre,.theme-vdoing-content:not(.custom)>h4:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h4:first-child+p,.theme-vdoing-content:not(.custom)>h4:first-child+pre,.theme-vdoing-content:not(.custom)>h5:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h5:first-child+p,.theme-vdoing-content:not(.custom)>h5:first-child+pre,.theme-vdoing-content:not(.custom)>h6:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h6:first-child+p,.theme-vdoing-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}.theme-vdoing-content:not(.custom)>.custom-block:first-child,.theme-vdoing-content:not(.custom)>p:first-child,.theme-vdoing-content:not(.custom)>pre:first-child{margin-top:2rem}h1{font-size:1.9rem}.theme-vdoing-content:not(.custom)>h1:first-child{display:none}h2{font-size:1.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--borderColor)}h3{font-size:1.35rem}.page h4{font-size:1.25rem}.page h5{font-size:1.15rem}.page h6{font-size:1.05rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid var(--borderColor)}table{border-collapse:collapse;margin:1rem 0;overflow-x:auto;width:100%;display:inline-table}@media (max-width:719px){table{display:block}}tr{border-top:1px solid var(--borderColor)}tr:nth-child(2n){background-color:hsla(0,0%,58.8%,.1)}td,th{border:1px solid var(--borderColor);padding:.6em 1em}@media (max-width:719px){td,th{padding:.3em .5em}}td a,th a{word-break:break-all}.theme-container{color:var(--textColor)}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-vdoing-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px}}@media (max-width:719px){.sidebar{width:17.099999999999998rem}}@media (min-width:720px) and (max-width:959px){.sidebar{width:16.2rem}.theme-container.sidebar-open .page{padding-left:17rem!important}}@media (max-width:719px){.sidebar{top:0;height:100vh;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-vdoing-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}@media (min-width:720px){.theme-container .sidebar-hover-trigger{display:block}.theme-container .sidebar-hover-trigger:hover~.sidebar,.theme-container:not(.sidebar-open) .sidebar-hover-trigger~.sidebar:hover{transform:translateX(0);z-index:100}.theme-container.sidebar-open .sidebar-mask{display:none}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-button{left:18rem}.theme-container.sidebar-open .page{padding-left:18.8rem;padding-right:.8rem}.theme-container.sidebar-open .sidebar-hover-trigger{display:none}.theme-container.have-rightmenu .page{padding-right:250px}.theme-container.no-sidebar .page{padding-left:0!important}.theme-container.no-sidebar .sidebar-hover-trigger{display:none}.theme-container.hide-navbar .sidebar-hover-trigger{top:4.5rem}.theme-container.hide-navbar .sidebar{top:0}.theme-container.no-sidebar .sidebar-button{display:none}}@media print{.buttons,.navbar,.sidebar{display:none}.page{padding-top:0!important}}@media (min-width:720px) and (max-width:959px){.theme-container.sidebar-open:not(.on-sidebar) .sidebar-button{left:12.6rem}}table{width:auto}.card-box,.page>:not(.footer){box-shadow:none!important}@media (min-width:940px){.page{padding-top:3.6rem!important}}.home-wrapper .banner .banner-conent{padding:0 2.9rem;box-sizing:border-box}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2{margin-top:2rem;font-size:1.2rem!important}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p{padding:0 1rem}.gt-container .gt-ico-tip:after{content:"。( Win + . ) or ( ⌃ + ⌘ + ␣ ) open Emoji";color:#999}.gt-container .gt-meta{border-color:var(--borderColor)!important}.gt-container .gt-comments-null{color:var(--textColor);opacity:.5}.gt-container .gt-header-textarea{color:var(--textColor);background:hsla(0,0%,70.6%,.1)!important}.gt-container .gt-btn{border-color:#426feb!important;background-color:#426feb!important}.gt-container .gt-btn-preview{background-color:hsla(0,0%,100%,0)!important;color:#426feb!important}.gt-container a{color:#426feb!important}.gt-container .gt-svg svg{fill:#426feb!important}.gt-container .gt-comment-admin .gt-comment-content,.gt-container .gt-comment-content{background-color:hsla(0,0%,58.8%,.1)!important}.gt-container .gt-comment-admin .gt-comment-content:hover,.gt-container .gt-comment-content:hover{box-shadow:0 0 25px hsla(0,0%,58.8%,.5)!important}.gt-container .gt-comment-admin .gt-comment-content .gt-comment-body,.gt-container .gt-comment-content .gt-comment-body{color:var(--textColor)!important}.qq{position:relative}.qq:after{content:"可撩";background:#426feb;color:#fff;padding:0 5px;border-radius:10px;font-size:12px;position:absolute;top:-4px;right:-35px;transform:scale(.85)}body .vuepress-plugin-demo-block__wrapper,body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display{border-color:hsla(0,0%,62.7%,.3)}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand:before{border-top-color:#426feb!important;border-bottom-color:#426feb!important}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover svg{fill:#426feb!important}#nprogress{pointer-events:none}#nprogress .bar{background:#426feb;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #426feb,0 0 5px #426feb;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#426feb transparent transparent #426feb;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-mode-light[data-v-2839e1cb]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-2839e1cb]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-2839e1cb]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-2839e1cb]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-2839e1cb],.theme-mode-light pre[class*=language-][data-v-2839e1cb]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-2839e1cb]::-moz-selection,.theme-mode-light code[class*=language-][data-v-2839e1cb] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-2839e1cb]::selection,.theme-mode-light code[class*=language-][data-v-2839e1cb] ::selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb]::selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-2839e1cb],.theme-mode-light pre[class*=language-][data-v-2839e1cb]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-2839e1cb]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-2839e1cb],.theme-mode-light pre[class*=language-][data-v-2839e1cb]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-2839e1cb]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-2839e1cb],.theme-mode-light .token.comment[data-v-2839e1cb],.theme-mode-light .token.doctype[data-v-2839e1cb],.theme-mode-light .token.prolog[data-v-2839e1cb]{color:#708090}.theme-mode-light .token.punctuation[data-v-2839e1cb]{color:#999}.theme-mode-light .namespace[data-v-2839e1cb]{opacity:.7}.theme-mode-light .token.boolean[data-v-2839e1cb],.theme-mode-light .token.constant[data-v-2839e1cb],.theme-mode-light .token.deleted[data-v-2839e1cb],.theme-mode-light .token.number[data-v-2839e1cb],.theme-mode-light .token.property[data-v-2839e1cb],.theme-mode-light .token.symbol[data-v-2839e1cb],.theme-mode-light .token.tag[data-v-2839e1cb]{color:#905}.theme-mode-light .token.attr-name[data-v-2839e1cb],.theme-mode-light .token.builtin[data-v-2839e1cb],.theme-mode-light .token.char[data-v-2839e1cb],.theme-mode-light .token.inserted[data-v-2839e1cb],.theme-mode-light .token.selector[data-v-2839e1cb],.theme-mode-light .token.string[data-v-2839e1cb]{color:#690}.theme-mode-light .language-css .token.string[data-v-2839e1cb],.theme-mode-light .style .token.string[data-v-2839e1cb],.theme-mode-light .token.entity[data-v-2839e1cb],.theme-mode-light .token.operator[data-v-2839e1cb],.theme-mode-light .token.url[data-v-2839e1cb]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-2839e1cb],.theme-mode-light .token.attr-value[data-v-2839e1cb],.theme-mode-light .token.keyword[data-v-2839e1cb]{color:#07a}.theme-mode-light .token.class-name[data-v-2839e1cb],.theme-mode-light .token.function[data-v-2839e1cb]{color:#dd4a68}.theme-mode-light .token.important[data-v-2839e1cb],.theme-mode-light .token.regex[data-v-2839e1cb],.theme-mode-light .token.variable[data-v-2839e1cb]{color:#e90}.theme-mode-light .token.bold[data-v-2839e1cb],.theme-mode-light .token.important[data-v-2839e1cb]{font-weight:700}.theme-mode-light .token.italic[data-v-2839e1cb]{font-style:italic}.theme-mode-light .token.entity[data-v-2839e1cb]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-2839e1cb],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-2839e1cb]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-2839e1cb]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-2839e1cb],.theme-mode-dark pre[class*=language-][data-v-2839e1cb]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-2839e1cb]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-2839e1cb],.theme-mode-dark pre[class*=language-][data-v-2839e1cb]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-2839e1cb]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-2839e1cb],.theme-mode-dark .token.cdata[data-v-2839e1cb],.theme-mode-dark .token.comment[data-v-2839e1cb],.theme-mode-dark .token.doctype[data-v-2839e1cb],.theme-mode-dark .token.prolog[data-v-2839e1cb]{color:#999}.theme-mode-dark .token.punctuation[data-v-2839e1cb]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-2839e1cb],.theme-mode-dark .token.deleted[data-v-2839e1cb],.theme-mode-dark .token.namespace[data-v-2839e1cb],.theme-mode-dark .token.tag[data-v-2839e1cb]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-2839e1cb]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-2839e1cb],.theme-mode-dark .token.function[data-v-2839e1cb],.theme-mode-dark .token.number[data-v-2839e1cb]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-2839e1cb],.theme-mode-dark .token.constant[data-v-2839e1cb],.theme-mode-dark .token.property[data-v-2839e1cb],.theme-mode-dark .token.symbol[data-v-2839e1cb]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-2839e1cb],.theme-mode-dark .token.builtin[data-v-2839e1cb],.theme-mode-dark .token.important[data-v-2839e1cb],.theme-mode-dark .token.keyword[data-v-2839e1cb],.theme-mode-dark .token.selector[data-v-2839e1cb]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-2839e1cb],.theme-mode-dark .token.char[data-v-2839e1cb],.theme-mode-dark .token.regex[data-v-2839e1cb],.theme-mode-dark .token.string[data-v-2839e1cb],.theme-mode-dark .token.variable[data-v-2839e1cb]{color:#7ec699}.theme-mode-dark .token.entity[data-v-2839e1cb],.theme-mode-dark .token.operator[data-v-2839e1cb],.theme-mode-dark .token.url[data-v-2839e1cb]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-2839e1cb],.theme-mode-dark .style .token.string[data-v-2839e1cb],.theme-mode-dark .token.entity[data-v-2839e1cb],.theme-mode-dark .token.operator[data-v-2839e1cb],.theme-mode-dark .token.url[data-v-2839e1cb]{background:none}.theme-mode-dark .token.bold[data-v-2839e1cb],.theme-mode-dark .token.important[data-v-2839e1cb]{font-weight:700}.theme-mode-dark .token.italic[data-v-2839e1cb]{font-style:italic}.theme-mode-dark .token.entity[data-v-2839e1cb]{cursor:help}.theme-mode-dark .token.inserted[data-v-2839e1cb]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-2839e1cb]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-2839e1cb]{background-color:transparent}.theme-mode-dark blockquote[data-v-2839e1cb]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-2839e1cb]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-2839e1cb]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-2839e1cb]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-2839e1cb]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-2839e1cb]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-2839e1cb]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-2839e1cb],.theme-mode-dark .custom-block.note[data-v-2839e1cb],.theme-mode-dark .custom-block.tip[data-v-2839e1cb],.theme-mode-dark .custom-block.warning[data-v-2839e1cb]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-2839e1cb],.theme-mode-dark .custom-block.danger[data-v-2839e1cb]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-2839e1cb]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-2839e1cb]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-2839e1cb],.theme-mode-dark .nav-item .dropdown-title a[data-v-2839e1cb]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-2839e1cb],.theme-mode-dark .nav-item>a[data-v-2839e1cb]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-2839e1cb]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-2839e1cb]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-2839e1cb]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-2839e1cb],.theme-mode-dark .buttons .button .select-box li[data-v-2839e1cb]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-2839e1cb]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-2839e1cb]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-2839e1cb],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-2839e1cb]:hover,.theme-mode-dark .pagination span[data-v-2839e1cb]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-2839e1cb]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-2839e1cb],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-2839e1cb]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-2839e1cb]:hover,.theme-mode-dark a.sidebar-link[data-v-2839e1cb]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-2839e1cb]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-2839e1cb],.theme-mode-dark .search-box input[data-v-2839e1cb]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-2839e1cb]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-2839e1cb],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-2839e1cb]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-2839e1cb],.theme-mode-dark .tabs-component-tab[data-v-2839e1cb]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-2839e1cb]{color:#b160ea}.theme-mode-read[data-v-2839e1cb]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-2839e1cb],.theme-mode-read pre[class*=language-][data-v-2839e1cb]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-2839e1cb]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-2839e1cb],.theme-mode-read pre[class*=language-][data-v-2839e1cb]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-2839e1cb]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-2839e1cb],.theme-mode-read .token.cdata[data-v-2839e1cb],.theme-mode-read .token.comment[data-v-2839e1cb],.theme-mode-read .token.doctype[data-v-2839e1cb],.theme-mode-read .token.prolog[data-v-2839e1cb]{color:#999}.theme-mode-read .token.punctuation[data-v-2839e1cb]{color:#ccc}.theme-mode-read .token.attr-name[data-v-2839e1cb],.theme-mode-read .token.deleted[data-v-2839e1cb],.theme-mode-read .token.namespace[data-v-2839e1cb],.theme-mode-read .token.tag[data-v-2839e1cb]{color:#e2777a}.theme-mode-read .token.function-name[data-v-2839e1cb]{color:#6196cc}.theme-mode-read .token.boolean[data-v-2839e1cb],.theme-mode-read .token.function[data-v-2839e1cb],.theme-mode-read .token.number[data-v-2839e1cb]{color:#f08d49}.theme-mode-read .token.class-name[data-v-2839e1cb],.theme-mode-read .token.constant[data-v-2839e1cb],.theme-mode-read .token.property[data-v-2839e1cb],.theme-mode-read .token.symbol[data-v-2839e1cb]{color:#f8c555}.theme-mode-read .token.atrule[data-v-2839e1cb],.theme-mode-read .token.builtin[data-v-2839e1cb],.theme-mode-read .token.important[data-v-2839e1cb],.theme-mode-read .token.keyword[data-v-2839e1cb],.theme-mode-read .token.selector[data-v-2839e1cb]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-2839e1cb],.theme-mode-read .token.char[data-v-2839e1cb],.theme-mode-read .token.regex[data-v-2839e1cb],.theme-mode-read .token.string[data-v-2839e1cb],.theme-mode-read .token.variable[data-v-2839e1cb]{color:#7ec699}.theme-mode-read .token.entity[data-v-2839e1cb],.theme-mode-read .token.operator[data-v-2839e1cb],.theme-mode-read .token.url[data-v-2839e1cb]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-2839e1cb],.theme-mode-read .style .token.string[data-v-2839e1cb],.theme-mode-read .token.entity[data-v-2839e1cb],.theme-mode-read .token.operator[data-v-2839e1cb],.theme-mode-read .token.url[data-v-2839e1cb]{background:none}.theme-mode-read .token.bold[data-v-2839e1cb],.theme-mode-read .token.important[data-v-2839e1cb]{font-weight:700}.theme-mode-read .token.italic[data-v-2839e1cb]{font-style:italic}.theme-mode-read .token.entity[data-v-2839e1cb]{cursor:help}.theme-mode-read .token.inserted[data-v-2839e1cb]{color:green}.reading-progress[data-v-2839e1cb]{position:fixed;z-index:1000;background:transparent;overflow:hidden}.reading-progress .progress[data-v-2839e1cb]{width:100%;height:100%;background:#b160ea;background-image:none;transform-origin:0 0;transition:transform .2s ease-out}.top[data-v-2839e1cb]{top:0;left:0;right:0;width:100%;height:3px}.bottom[data-v-2839e1cb]{bottom:0;left:0;right:0;width:100%;height:3px}.left[data-v-2839e1cb]{left:0;top:0;bottom:0;width:3px;height:100%}.right[data-v-2839e1cb]{right:0;top:0;bottom:0;width:3px;height:100%}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.theme-mode-light[data-v-8f4262da]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-8f4262da]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-8f4262da]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-8f4262da]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-8f4262da],.theme-mode-light pre[class*=language-][data-v-8f4262da]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-8f4262da]::-moz-selection,.theme-mode-light code[class*=language-][data-v-8f4262da] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-8f4262da]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-8f4262da] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-8f4262da]::selection,.theme-mode-light code[class*=language-][data-v-8f4262da] ::selection,.theme-mode-light pre[class*=language-][data-v-8f4262da]::selection,.theme-mode-light pre[class*=language-][data-v-8f4262da] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-8f4262da],.theme-mode-light pre[class*=language-][data-v-8f4262da]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-8f4262da]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-8f4262da],.theme-mode-light pre[class*=language-][data-v-8f4262da]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-8f4262da]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-8f4262da],.theme-mode-light .token.comment[data-v-8f4262da],.theme-mode-light .token.doctype[data-v-8f4262da],.theme-mode-light .token.prolog[data-v-8f4262da]{color:#708090}.theme-mode-light .token.punctuation[data-v-8f4262da]{color:#999}.theme-mode-light .namespace[data-v-8f4262da]{opacity:.7}.theme-mode-light .token.boolean[data-v-8f4262da],.theme-mode-light .token.constant[data-v-8f4262da],.theme-mode-light .token.deleted[data-v-8f4262da],.theme-mode-light .token.number[data-v-8f4262da],.theme-mode-light .token.property[data-v-8f4262da],.theme-mode-light .token.symbol[data-v-8f4262da],.theme-mode-light .token.tag[data-v-8f4262da]{color:#905}.theme-mode-light .token.attr-name[data-v-8f4262da],.theme-mode-light .token.builtin[data-v-8f4262da],.theme-mode-light .token.char[data-v-8f4262da],.theme-mode-light .token.inserted[data-v-8f4262da],.theme-mode-light .token.selector[data-v-8f4262da],.theme-mode-light .token.string[data-v-8f4262da]{color:#690}.theme-mode-light .language-css .token.string[data-v-8f4262da],.theme-mode-light .style .token.string[data-v-8f4262da],.theme-mode-light .token.entity[data-v-8f4262da],.theme-mode-light .token.operator[data-v-8f4262da],.theme-mode-light .token.url[data-v-8f4262da]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-8f4262da],.theme-mode-light .token.attr-value[data-v-8f4262da],.theme-mode-light .token.keyword[data-v-8f4262da]{color:#07a}.theme-mode-light .token.class-name[data-v-8f4262da],.theme-mode-light .token.function[data-v-8f4262da]{color:#dd4a68}.theme-mode-light .token.important[data-v-8f4262da],.theme-mode-light .token.regex[data-v-8f4262da],.theme-mode-light .token.variable[data-v-8f4262da]{color:#e90}.theme-mode-light .token.bold[data-v-8f4262da],.theme-mode-light .token.important[data-v-8f4262da]{font-weight:700}.theme-mode-light .token.italic[data-v-8f4262da]{font-style:italic}.theme-mode-light .token.entity[data-v-8f4262da]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-8f4262da],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-8f4262da]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-8f4262da]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-8f4262da],.theme-mode-dark pre[class*=language-][data-v-8f4262da]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-8f4262da]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-8f4262da],.theme-mode-dark pre[class*=language-][data-v-8f4262da]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-8f4262da]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-8f4262da],.theme-mode-dark .token.cdata[data-v-8f4262da],.theme-mode-dark .token.comment[data-v-8f4262da],.theme-mode-dark .token.doctype[data-v-8f4262da],.theme-mode-dark .token.prolog[data-v-8f4262da]{color:#999}.theme-mode-dark .token.punctuation[data-v-8f4262da]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-8f4262da],.theme-mode-dark .token.deleted[data-v-8f4262da],.theme-mode-dark .token.namespace[data-v-8f4262da],.theme-mode-dark .token.tag[data-v-8f4262da]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-8f4262da]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-8f4262da],.theme-mode-dark .token.function[data-v-8f4262da],.theme-mode-dark .token.number[data-v-8f4262da]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-8f4262da],.theme-mode-dark .token.constant[data-v-8f4262da],.theme-mode-dark .token.property[data-v-8f4262da],.theme-mode-dark .token.symbol[data-v-8f4262da]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-8f4262da],.theme-mode-dark .token.builtin[data-v-8f4262da],.theme-mode-dark .token.important[data-v-8f4262da],.theme-mode-dark .token.keyword[data-v-8f4262da],.theme-mode-dark .token.selector[data-v-8f4262da]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-8f4262da],.theme-mode-dark .token.char[data-v-8f4262da],.theme-mode-dark .token.regex[data-v-8f4262da],.theme-mode-dark .token.string[data-v-8f4262da],.theme-mode-dark .token.variable[data-v-8f4262da]{color:#7ec699}.theme-mode-dark .token.entity[data-v-8f4262da],.theme-mode-dark .token.operator[data-v-8f4262da],.theme-mode-dark .token.url[data-v-8f4262da]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-8f4262da],.theme-mode-dark .style .token.string[data-v-8f4262da],.theme-mode-dark .token.entity[data-v-8f4262da],.theme-mode-dark .token.operator[data-v-8f4262da],.theme-mode-dark .token.url[data-v-8f4262da]{background:none}.theme-mode-dark .token.bold[data-v-8f4262da],.theme-mode-dark .token.important[data-v-8f4262da]{font-weight:700}.theme-mode-dark .token.italic[data-v-8f4262da]{font-style:italic}.theme-mode-dark .token.entity[data-v-8f4262da]{cursor:help}.theme-mode-dark .token.inserted[data-v-8f4262da]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-8f4262da]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-8f4262da]{background-color:transparent}.theme-mode-dark blockquote[data-v-8f4262da]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-8f4262da]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-8f4262da]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-8f4262da]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-8f4262da]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-8f4262da]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-8f4262da]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-8f4262da],.theme-mode-dark .custom-block.note[data-v-8f4262da],.theme-mode-dark .custom-block.tip[data-v-8f4262da],.theme-mode-dark .custom-block.warning[data-v-8f4262da]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-8f4262da],.theme-mode-dark .custom-block.danger[data-v-8f4262da]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-8f4262da]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-8f4262da]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-8f4262da],.theme-mode-dark .nav-item .dropdown-title a[data-v-8f4262da]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-8f4262da],.theme-mode-dark .nav-item>a[data-v-8f4262da]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-8f4262da]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-8f4262da]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-8f4262da]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-8f4262da],.theme-mode-dark .buttons .button .select-box li[data-v-8f4262da]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-8f4262da]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-8f4262da]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-8f4262da],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-8f4262da]:hover,.theme-mode-dark .pagination span[data-v-8f4262da]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-8f4262da]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-8f4262da],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-8f4262da]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-8f4262da]:hover,.theme-mode-dark a.sidebar-link[data-v-8f4262da]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-8f4262da]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-8f4262da],.theme-mode-dark .search-box input[data-v-8f4262da]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-8f4262da]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-8f4262da],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-8f4262da]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-8f4262da],.theme-mode-dark .tabs-component-tab[data-v-8f4262da]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-8f4262da]{color:#b160ea}.theme-mode-read[data-v-8f4262da]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-8f4262da],.theme-mode-read pre[class*=language-][data-v-8f4262da]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-8f4262da]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-8f4262da],.theme-mode-read pre[class*=language-][data-v-8f4262da]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-8f4262da]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-8f4262da],.theme-mode-read .token.cdata[data-v-8f4262da],.theme-mode-read .token.comment[data-v-8f4262da],.theme-mode-read .token.doctype[data-v-8f4262da],.theme-mode-read .token.prolog[data-v-8f4262da]{color:#999}.theme-mode-read .token.punctuation[data-v-8f4262da]{color:#ccc}.theme-mode-read .token.attr-name[data-v-8f4262da],.theme-mode-read .token.deleted[data-v-8f4262da],.theme-mode-read .token.namespace[data-v-8f4262da],.theme-mode-read .token.tag[data-v-8f4262da]{color:#e2777a}.theme-mode-read .token.function-name[data-v-8f4262da]{color:#6196cc}.theme-mode-read .token.boolean[data-v-8f4262da],.theme-mode-read .token.function[data-v-8f4262da],.theme-mode-read .token.number[data-v-8f4262da]{color:#f08d49}.theme-mode-read .token.class-name[data-v-8f4262da],.theme-mode-read .token.constant[data-v-8f4262da],.theme-mode-read .token.property[data-v-8f4262da],.theme-mode-read .token.symbol[data-v-8f4262da]{color:#f8c555}.theme-mode-read .token.atrule[data-v-8f4262da],.theme-mode-read .token.builtin[data-v-8f4262da],.theme-mode-read .token.important[data-v-8f4262da],.theme-mode-read .token.keyword[data-v-8f4262da],.theme-mode-read .token.selector[data-v-8f4262da]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-8f4262da],.theme-mode-read .token.char[data-v-8f4262da],.theme-mode-read .token.regex[data-v-8f4262da],.theme-mode-read .token.string[data-v-8f4262da],.theme-mode-read .token.variable[data-v-8f4262da]{color:#7ec699}.theme-mode-read .token.entity[data-v-8f4262da],.theme-mode-read .token.operator[data-v-8f4262da],.theme-mode-read .token.url[data-v-8f4262da]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-8f4262da],.theme-mode-read .style .token.string[data-v-8f4262da],.theme-mode-read .token.entity[data-v-8f4262da],.theme-mode-read .token.operator[data-v-8f4262da],.theme-mode-read .token.url[data-v-8f4262da]{background:none}.theme-mode-read .token.bold[data-v-8f4262da],.theme-mode-read .token.important[data-v-8f4262da]{font-weight:700}.theme-mode-read .token.italic[data-v-8f4262da]{font-style:italic}.theme-mode-read .token.entity[data-v-8f4262da]{cursor:help}.theme-mode-read .token.inserted[data-v-8f4262da]{color:green}.theme-vdoing-content[data-v-8f4262da]{margin:3rem auto;padding:1.5rem}.theme-vdoing-content span[data-v-8f4262da]{font-size:6rem;color:#426feb}.theme-mode-light[data-v-617c663d]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-617c663d]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-617c663d]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-617c663d]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-617c663d],.theme-mode-light pre[class*=language-][data-v-617c663d]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-617c663d]::-moz-selection,.theme-mode-light code[class*=language-][data-v-617c663d] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-617c663d]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-617c663d] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-617c663d]::selection,.theme-mode-light code[class*=language-][data-v-617c663d] ::selection,.theme-mode-light pre[class*=language-][data-v-617c663d]::selection,.theme-mode-light pre[class*=language-][data-v-617c663d] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-617c663d],.theme-mode-light pre[class*=language-][data-v-617c663d]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-617c663d]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-617c663d],.theme-mode-light pre[class*=language-][data-v-617c663d]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-617c663d]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-617c663d],.theme-mode-light .token.comment[data-v-617c663d],.theme-mode-light .token.doctype[data-v-617c663d],.theme-mode-light .token.prolog[data-v-617c663d]{color:#708090}.theme-mode-light .token.punctuation[data-v-617c663d]{color:#999}.theme-mode-light .namespace[data-v-617c663d]{opacity:.7}.theme-mode-light .token.boolean[data-v-617c663d],.theme-mode-light .token.constant[data-v-617c663d],.theme-mode-light .token.deleted[data-v-617c663d],.theme-mode-light .token.number[data-v-617c663d],.theme-mode-light .token.property[data-v-617c663d],.theme-mode-light .token.symbol[data-v-617c663d],.theme-mode-light .token.tag[data-v-617c663d]{color:#905}.theme-mode-light .token.attr-name[data-v-617c663d],.theme-mode-light .token.builtin[data-v-617c663d],.theme-mode-light .token.char[data-v-617c663d],.theme-mode-light .token.inserted[data-v-617c663d],.theme-mode-light .token.selector[data-v-617c663d],.theme-mode-light .token.string[data-v-617c663d]{color:#690}.theme-mode-light .language-css .token.string[data-v-617c663d],.theme-mode-light .style .token.string[data-v-617c663d],.theme-mode-light .token.entity[data-v-617c663d],.theme-mode-light .token.operator[data-v-617c663d],.theme-mode-light .token.url[data-v-617c663d]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-617c663d],.theme-mode-light .token.attr-value[data-v-617c663d],.theme-mode-light .token.keyword[data-v-617c663d]{color:#07a}.theme-mode-light .token.class-name[data-v-617c663d],.theme-mode-light .token.function[data-v-617c663d]{color:#dd4a68}.theme-mode-light .token.important[data-v-617c663d],.theme-mode-light .token.regex[data-v-617c663d],.theme-mode-light .token.variable[data-v-617c663d]{color:#e90}.theme-mode-light .token.bold[data-v-617c663d],.theme-mode-light .token.important[data-v-617c663d]{font-weight:700}.theme-mode-light .token.italic[data-v-617c663d]{font-style:italic}.theme-mode-light .token.entity[data-v-617c663d]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-617c663d],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-617c663d]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-617c663d]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-617c663d],.theme-mode-dark pre[class*=language-][data-v-617c663d]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-617c663d]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-617c663d],.theme-mode-dark pre[class*=language-][data-v-617c663d]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-617c663d]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-617c663d],.theme-mode-dark .token.cdata[data-v-617c663d],.theme-mode-dark .token.comment[data-v-617c663d],.theme-mode-dark .token.doctype[data-v-617c663d],.theme-mode-dark .token.prolog[data-v-617c663d]{color:#999}.theme-mode-dark .token.punctuation[data-v-617c663d]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-617c663d],.theme-mode-dark .token.deleted[data-v-617c663d],.theme-mode-dark .token.namespace[data-v-617c663d],.theme-mode-dark .token.tag[data-v-617c663d]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-617c663d]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-617c663d],.theme-mode-dark .token.function[data-v-617c663d],.theme-mode-dark .token.number[data-v-617c663d]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-617c663d],.theme-mode-dark .token.constant[data-v-617c663d],.theme-mode-dark .token.property[data-v-617c663d],.theme-mode-dark .token.symbol[data-v-617c663d]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-617c663d],.theme-mode-dark .token.builtin[data-v-617c663d],.theme-mode-dark .token.important[data-v-617c663d],.theme-mode-dark .token.keyword[data-v-617c663d],.theme-mode-dark .token.selector[data-v-617c663d]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-617c663d],.theme-mode-dark .token.char[data-v-617c663d],.theme-mode-dark .token.regex[data-v-617c663d],.theme-mode-dark .token.string[data-v-617c663d],.theme-mode-dark .token.variable[data-v-617c663d]{color:#7ec699}.theme-mode-dark .token.entity[data-v-617c663d],.theme-mode-dark .token.operator[data-v-617c663d],.theme-mode-dark .token.url[data-v-617c663d]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-617c663d],.theme-mode-dark .style .token.string[data-v-617c663d],.theme-mode-dark .token.entity[data-v-617c663d],.theme-mode-dark .token.operator[data-v-617c663d],.theme-mode-dark .token.url[data-v-617c663d]{background:none}.theme-mode-dark .token.bold[data-v-617c663d],.theme-mode-dark .token.important[data-v-617c663d]{font-weight:700}.theme-mode-dark .token.italic[data-v-617c663d]{font-style:italic}.theme-mode-dark .token.entity[data-v-617c663d]{cursor:help}.theme-mode-dark .token.inserted[data-v-617c663d]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-617c663d]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-617c663d]{background-color:transparent}.theme-mode-dark blockquote[data-v-617c663d]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-617c663d]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-617c663d]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-617c663d]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-617c663d]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-617c663d]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-617c663d]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-617c663d],.theme-mode-dark .custom-block.note[data-v-617c663d],.theme-mode-dark .custom-block.tip[data-v-617c663d],.theme-mode-dark .custom-block.warning[data-v-617c663d]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-617c663d],.theme-mode-dark .custom-block.danger[data-v-617c663d]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-617c663d]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-617c663d]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-617c663d],.theme-mode-dark .nav-item .dropdown-title a[data-v-617c663d]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-617c663d],.theme-mode-dark .nav-item>a[data-v-617c663d]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-617c663d]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-617c663d]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-617c663d]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-617c663d],.theme-mode-dark .buttons .button .select-box li[data-v-617c663d]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-617c663d]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-617c663d]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-617c663d],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-617c663d]:hover,.theme-mode-dark .pagination span[data-v-617c663d]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-617c663d]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-617c663d],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-617c663d]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-617c663d]:hover,.theme-mode-dark a.sidebar-link[data-v-617c663d]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-617c663d]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-617c663d],.theme-mode-dark .search-box input[data-v-617c663d]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-617c663d]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-617c663d],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-617c663d]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-617c663d],.theme-mode-dark .tabs-component-tab[data-v-617c663d]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-617c663d]{color:#b160ea}.theme-mode-read[data-v-617c663d]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-617c663d],.theme-mode-read pre[class*=language-][data-v-617c663d]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-617c663d]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-617c663d],.theme-mode-read pre[class*=language-][data-v-617c663d]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-617c663d]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-617c663d],.theme-mode-read .token.cdata[data-v-617c663d],.theme-mode-read .token.comment[data-v-617c663d],.theme-mode-read .token.doctype[data-v-617c663d],.theme-mode-read .token.prolog[data-v-617c663d]{color:#999}.theme-mode-read .token.punctuation[data-v-617c663d]{color:#ccc}.theme-mode-read .token.attr-name[data-v-617c663d],.theme-mode-read .token.deleted[data-v-617c663d],.theme-mode-read .token.namespace[data-v-617c663d],.theme-mode-read .token.tag[data-v-617c663d]{color:#e2777a}.theme-mode-read .token.function-name[data-v-617c663d]{color:#6196cc}.theme-mode-read .token.boolean[data-v-617c663d],.theme-mode-read .token.function[data-v-617c663d],.theme-mode-read .token.number[data-v-617c663d]{color:#f08d49}.theme-mode-read .token.class-name[data-v-617c663d],.theme-mode-read .token.constant[data-v-617c663d],.theme-mode-read .token.property[data-v-617c663d],.theme-mode-read .token.symbol[data-v-617c663d]{color:#f8c555}.theme-mode-read .token.atrule[data-v-617c663d],.theme-mode-read .token.builtin[data-v-617c663d],.theme-mode-read .token.important[data-v-617c663d],.theme-mode-read .token.keyword[data-v-617c663d],.theme-mode-read .token.selector[data-v-617c663d]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-617c663d],.theme-mode-read .token.char[data-v-617c663d],.theme-mode-read .token.regex[data-v-617c663d],.theme-mode-read .token.string[data-v-617c663d],.theme-mode-read .token.variable[data-v-617c663d]{color:#7ec699}.theme-mode-read .token.entity[data-v-617c663d],.theme-mode-read .token.operator[data-v-617c663d],.theme-mode-read .token.url[data-v-617c663d]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-617c663d],.theme-mode-read .style .token.string[data-v-617c663d],.theme-mode-read .token.entity[data-v-617c663d],.theme-mode-read .token.operator[data-v-617c663d],.theme-mode-read .token.url[data-v-617c663d]{background:none}.theme-mode-read .token.bold[data-v-617c663d],.theme-mode-read .token.important[data-v-617c663d]{font-weight:700}.theme-mode-read .token.italic[data-v-617c663d]{font-style:italic}.theme-mode-read .token.entity[data-v-617c663d]{cursor:help}.theme-mode-read .token.inserted[data-v-617c663d]{color:green}[data-v-617c663d] .icon.outbound{color:var(--previewColor)!important}.main-wrapper{margin:1.5rem auto 0;max-width:1100px;padding:0 .9rem;box-sizing:border-box;position:relative;display:flex}.main-wrapper .main-left{flex:1}.main-wrapper .main-left .theme-vdoing-content.card-box{padding:1rem 1.5rem;margin-bottom:.9rem}.main-wrapper .main-left .home-content{padding:1rem 1.5rem 0}.main-wrapper .main-right>*{width:245px;box-sizing:border-box}@media (max-width:900px){.main-wrapper .main-right>*{width:235px}}.main-wrapper .main-right .card-box{margin:0 0 .9rem .9rem;padding-top:.95rem;padding-bottom:.95rem}@media (max-width:719px){.main-wrapper{margin:.9rem 0;padding:0;display:block}.main-wrapper .main-left{width:100%}.main-wrapper .main-left .post-list{margin-bottom:3rem}.main-wrapper .main-left .post-list .post{border-radius:0}.main-wrapper .main-left .pagination{margin-bottom:3rem}.main-wrapper .main-right .blogger-wrapper{display:none}.main-wrapper .main-right .card-box{margin:0 0 .9rem;border-radius:0;width:100%}}.post-list{margin-bottom:3rem}.post-list .post{position:relative;padding:1rem 1.5rem;margin-bottom:.8rem;transition:all .3s}.post-list .post:last-child{border-bottom:none}.post-list .post.post-leave-active{display:none}.post-list .post.post-enter{opacity:0;transform:translateX(-20px)}.post-list .post:before{position:absolute;top:-1px;right:0;font-size:2.5rem;color:#ff5722;opacity:.85}.post-list .post .title-wrapper a{color:var(--textColor)}.post-list .post .title-wrapper a:hover{color:#426feb}.post-list .post .title-wrapper h2{margin:.5rem 0;font-size:1.4rem;border:none}.post-list .post .title-wrapper h2 .title-tag{height:1.2rem;line-height:1.2rem;border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.15rem);display:inline-block}.post-list .post .title-wrapper h2 a{display:block}@media (max-width:719px){.post-list .post .title-wrapper h2 a{font-weight:400}}.post-list .post .title-wrapper .article-info>a,.post-list .post .title-wrapper .article-info>span{opacity:.7;font-size:.8rem;margin-right:1rem;cursor:pointer}.post-list .post .title-wrapper .article-info>a:before,.post-list .post .title-wrapper .article-info>span:before{margin-right:.3rem}.post-list .post .title-wrapper .article-info>a a,.post-list .post .title-wrapper .article-info>span a{margin:0}.post-list .post .title-wrapper .article-info>a a:not(:first-child):before,.post-list .post .title-wrapper .article-info>span a:not(:first-child):before{content:"/"}.post-list .post .title-wrapper .article-info .tags a:not(:first-child):before{content:"、"}.post-list .post .excerpt-wrapper{border-top:1px solid var(--borderColor);margin:.5rem 0;overflow:hidden}.post-list .post .excerpt-wrapper .excerpt{margin-bottom:.3rem;font-size:.92rem}.post-list .post .excerpt-wrapper .excerpt h1,.post-list .post .excerpt-wrapper .excerpt h2,.post-list .post .excerpt-wrapper .excerpt h3{display:none}.post-list .post .excerpt-wrapper .excerpt img{max-height:280px;max-width:100%!important;margin:0 auto}.post-list .post .excerpt-wrapper .readmore{float:right;margin-right:1rem;line-height:1rem}.post-list .post .excerpt-wrapper .readmore:before{float:right;font-size:.8rem;margin:.1rem 0 0 .2rem}.theme-style-line .post-list{border:1px solid var(--borderColor);border-bottom:none;border-radius:5px;overflow:hidden}.theme-style-line .post-list .post{margin-bottom:0;border:none;border-bottom:1px solid var(--borderColor);border-radius:0}.article-list{padding:1rem 2rem}@media (max-width:959px){.article-list{padding:1rem 1.5rem}}.article-list.no-article-list{display:none}.article-list .article-title{border-bottom:1px solid var(--borderColor);font-size:1.3rem;padding:1rem}.article-list .article-title a{font-size:1.2rem;color:var(--textColor);opacity:.9}.article-list .article-title a:before{margin-right:.4rem;font-size:1.1rem}.article-list .article-wrapper{overflow:hidden}.article-list .article-wrapper dl{border-bottom:1px dotted var(--borderColor);float:left;display:flex;padding:8px 0;margin:0;height:45px;width:100%}.article-list .article-wrapper dl dd{font-size:1.1rem;color:#f17229;width:50px;text-align:center;margin:0;line-height:45px}.article-list .article-wrapper dl dt{flex:1;display:flex}.article-list .article-wrapper dl dt a{color:var(--textColor);flex:1;display:flex;height:45px;align-items:center;font-weight:400}.article-list .article-wrapper dl dt a div{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-list .article-wrapper dl dt a div .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.article-list .article-wrapper dl dt a:hover{text-decoration:underline}.article-list .article-wrapper dl dt a.more{color:#426feb}.article-list .article-wrapper dl dt .date{width:50px;margin-right:15px;color:#999;text-align:right;font-size:.9rem;line-height:45px}.pagination{position:relative;height:60px;text-align:center}@media (max-width:720px){.pagination{margin-left:1px;margin-right:1px}}.pagination span{line-height:1rem;opacity:.9;cursor:pointer}.pagination span:hover{color:#426feb}.pagination span.ellipsis{opacity:.5}.pagination span.ellipsis:before{content:"...";font-size:1.2rem}@media (any-hover:hover){.pagination span.ellipsis.ell-two:hover:before{content:"«"}.pagination span.ellipsis.ell-four:hover:before{content:"»"}}.pagination>span{position:absolute;top:0;padding:1rem 1.2rem;font-size:.95rem}.pagination>span:before{font-size:.4rem}.pagination>span.disabled{color:hsla(0,0%,49%,.5)}.pagination>span.prev{left:0}.pagination>span.prev:before{margin-right:.3rem}.pagination>span.next{right:0}.pagination>span.next:before{float:right;margin-left:.3rem}.pagination>span p{display:inline;line-height:.95rem}.pagination .pagination-list span{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;margin:.3rem}.pagination .pagination-list span.active{background:#426feb;color:var(--mainBg)}@media (max-width:800px){.pagination>span{padding:1rem 1.5rem}.pagination>span p{display:none}}@media (max-width:719px){.pagination>span{padding:.9rem 1.5rem}.pagination .pagination-list span{width:2.3rem;height:2.3rem;line-height:2.3rem;margin:.25rem}}@media (max-width:390px){.pagination>span{padding:.8rem 1.3rem}.pagination .pagination-list span{width:2rem;height:2rem;line-height:2rem;margin:.3rem .1rem .1rem}}.blogger-wrapper{height:auto;display:inline-table;padding-top:0!important;overflow:hidden}.blogger-wrapper .avatar{width:100%;overflow:hidden}.blogger-wrapper .avatar img{width:100%;height:100%}.blogger-wrapper .icons{border-top:none;height:35px;line-height:35px}.blogger-wrapper .icons a{font-size:20px;width:33%;color:var(--textColor);display:block;float:left;text-align:center;opacity:.8}.blogger-wrapper .icons a:hover{color:#426feb}.blogger-wrapper .blogger{padding:.3rem .95rem 0}.blogger-wrapper .blogger .name{font-size:1.3rem;display:block;margin-bottom:6px}.blogger-wrapper .blogger .slogan{color:var(--textColor)}.categories-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem;padding:0 .95rem}.categories-wrapper .title:before{margin-right:.3rem}.categories-wrapper .categories{margin-top:.6rem}.categories-wrapper .categories a{display:block;padding:8px 2.4rem 7px .95rem;color:var(--textColor);opacity:.8;font-size:.95rem;line-height:.95rem;position:relative;transition:all .2s;border-left:2px solid transparent;margin-top:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:719px){.categories-wrapper .categories a{font-weight:400}}.categories-wrapper .categories a:not(.active):hover{color:#426feb;background:#f8f8f8;border-color:#426feb}.categories-wrapper .categories a:not(.active):hover span{opacity:.8}.categories-wrapper .categories a span{background-color:var(--textColor);color:var(--mainBg);border-radius:8px;padding:0 .13rem;min-width:1rem;height:1rem;line-height:1rem;font-size:12px;text-align:center;opacity:.6;transition:opacity .3s;position:absolute;right:.95rem;top:8px}.categories-wrapper .categories a.active{background:#426feb;color:var(--mainBg);padding-left:.8rem;border-radius:1px;border-color:transparent}.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-read .categories-wrapper .categories a:not(.active):hover{background:var(--customBlockBg)}.tags-wrapper{padding:0 .95rem}.tags-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem}.tags-wrapper .title:before{margin-right:.3rem}.tags-wrapper .tags{text-align:justify;padding:.8rem .5rem .5rem;margin:0 -.5rem -.5rem}.tags-wrapper .tags a{opacity:.8;display:inline-block;padding:.2rem .4rem;transition:all .4s;background-color:var(--textColor);color:var(--mainBg);border-radius:3px;margin:0 .3rem .5rem 0;min-width:2rem;height:1rem;line-height:1rem;font-size:.8rem;text-align:center}@media (max-width:719px){.tags-wrapper .tags a{font-weight:400}}.tags-wrapper .tags a:hover{opacity:1;transform:scale(1.1)}.tags-wrapper .tags a.active{box-shadow:0 5px 10px -5px var(--randomColor,rgba(0,0,0,.15));transform:scale(1.22);opacity:1}.tags-wrapper .tags a.active:hover{text-decoration:none}#special-sponsor[data-v-a0f9ce1c]{border-top:1px solid rgba(60,60,60,.12);border-bottom:1px solid rgba(60,60,60,.12);padding-bottom:12px}#special-sponsor-container[data-v-a0f9ce1c]{display:flex;justify-content:center;align-items:center}#special-sponsor h3[data-v-a0f9ce1c]{text-align:center;font-size:18px}#special-sponsor .logo[data-v-a0f9ce1c]{display:flex;justify-content:center;padding:0 10px}.theme-mode-light[data-v-a0f9ce1c]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-a0f9ce1c]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-a0f9ce1c]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-a0f9ce1c]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-a0f9ce1c],.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-a0f9ce1c]::-moz-selection,.theme-mode-light code[class*=language-][data-v-a0f9ce1c] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-a0f9ce1c]::selection,.theme-mode-light code[class*=language-][data-v-a0f9ce1c] ::selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]::selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-a0f9ce1c],.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-a0f9ce1c],.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-a0f9ce1c]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-a0f9ce1c],.theme-mode-light .token.comment[data-v-a0f9ce1c],.theme-mode-light .token.doctype[data-v-a0f9ce1c],.theme-mode-light .token.prolog[data-v-a0f9ce1c]{color:#708090}.theme-mode-light .token.punctuation[data-v-a0f9ce1c]{color:#999}.theme-mode-light .namespace[data-v-a0f9ce1c]{opacity:.7}.theme-mode-light .token.boolean[data-v-a0f9ce1c],.theme-mode-light .token.constant[data-v-a0f9ce1c],.theme-mode-light .token.deleted[data-v-a0f9ce1c],.theme-mode-light .token.number[data-v-a0f9ce1c],.theme-mode-light .token.property[data-v-a0f9ce1c],.theme-mode-light .token.symbol[data-v-a0f9ce1c],.theme-mode-light .token.tag[data-v-a0f9ce1c]{color:#905}.theme-mode-light .token.attr-name[data-v-a0f9ce1c],.theme-mode-light .token.builtin[data-v-a0f9ce1c],.theme-mode-light .token.char[data-v-a0f9ce1c],.theme-mode-light .token.inserted[data-v-a0f9ce1c],.theme-mode-light .token.selector[data-v-a0f9ce1c],.theme-mode-light .token.string[data-v-a0f9ce1c]{color:#690}.theme-mode-light .language-css .token.string[data-v-a0f9ce1c],.theme-mode-light .style .token.string[data-v-a0f9ce1c],.theme-mode-light .token.entity[data-v-a0f9ce1c],.theme-mode-light .token.operator[data-v-a0f9ce1c],.theme-mode-light .token.url[data-v-a0f9ce1c]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-a0f9ce1c],.theme-mode-light .token.attr-value[data-v-a0f9ce1c],.theme-mode-light .token.keyword[data-v-a0f9ce1c]{color:#07a}.theme-mode-light .token.class-name[data-v-a0f9ce1c],.theme-mode-light .token.function[data-v-a0f9ce1c]{color:#dd4a68}.theme-mode-light .token.important[data-v-a0f9ce1c],.theme-mode-light .token.regex[data-v-a0f9ce1c],.theme-mode-light .token.variable[data-v-a0f9ce1c]{color:#e90}.theme-mode-light .token.bold[data-v-a0f9ce1c],.theme-mode-light .token.important[data-v-a0f9ce1c]{font-weight:700}.theme-mode-light .token.italic[data-v-a0f9ce1c]{font-style:italic}.theme-mode-light .token.entity[data-v-a0f9ce1c]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-a0f9ce1c],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-a0f9ce1c]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-a0f9ce1c]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-a0f9ce1c],.theme-mode-dark pre[class*=language-][data-v-a0f9ce1c]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-a0f9ce1c]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-a0f9ce1c],.theme-mode-dark pre[class*=language-][data-v-a0f9ce1c]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-a0f9ce1c]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-a0f9ce1c],.theme-mode-dark .token.cdata[data-v-a0f9ce1c],.theme-mode-dark .token.comment[data-v-a0f9ce1c],.theme-mode-dark .token.doctype[data-v-a0f9ce1c],.theme-mode-dark .token.prolog[data-v-a0f9ce1c]{color:#999}.theme-mode-dark .token.punctuation[data-v-a0f9ce1c]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-a0f9ce1c],.theme-mode-dark .token.deleted[data-v-a0f9ce1c],.theme-mode-dark .token.namespace[data-v-a0f9ce1c],.theme-mode-dark .token.tag[data-v-a0f9ce1c]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-a0f9ce1c]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-a0f9ce1c],.theme-mode-dark .token.function[data-v-a0f9ce1c],.theme-mode-dark .token.number[data-v-a0f9ce1c]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-a0f9ce1c],.theme-mode-dark .token.constant[data-v-a0f9ce1c],.theme-mode-dark .token.property[data-v-a0f9ce1c],.theme-mode-dark .token.symbol[data-v-a0f9ce1c]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-a0f9ce1c],.theme-mode-dark .token.builtin[data-v-a0f9ce1c],.theme-mode-dark .token.important[data-v-a0f9ce1c],.theme-mode-dark .token.keyword[data-v-a0f9ce1c],.theme-mode-dark .token.selector[data-v-a0f9ce1c]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-a0f9ce1c],.theme-mode-dark .token.char[data-v-a0f9ce1c],.theme-mode-dark .token.regex[data-v-a0f9ce1c],.theme-mode-dark .token.string[data-v-a0f9ce1c],.theme-mode-dark .token.variable[data-v-a0f9ce1c]{color:#7ec699}.theme-mode-dark .token.entity[data-v-a0f9ce1c],.theme-mode-dark .token.operator[data-v-a0f9ce1c],.theme-mode-dark .token.url[data-v-a0f9ce1c]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-a0f9ce1c],.theme-mode-dark .style .token.string[data-v-a0f9ce1c],.theme-mode-dark .token.entity[data-v-a0f9ce1c],.theme-mode-dark .token.operator[data-v-a0f9ce1c],.theme-mode-dark .token.url[data-v-a0f9ce1c]{background:none}.theme-mode-dark .token.bold[data-v-a0f9ce1c],.theme-mode-dark .token.important[data-v-a0f9ce1c]{font-weight:700}.theme-mode-dark .token.italic[data-v-a0f9ce1c]{font-style:italic}.theme-mode-dark .token.entity[data-v-a0f9ce1c]{cursor:help}.theme-mode-dark .token.inserted[data-v-a0f9ce1c]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-a0f9ce1c]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-a0f9ce1c]{background-color:transparent}.theme-mode-dark blockquote[data-v-a0f9ce1c]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-a0f9ce1c]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-a0f9ce1c]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-a0f9ce1c]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-a0f9ce1c]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-a0f9ce1c]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-a0f9ce1c]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-a0f9ce1c],.theme-mode-dark .custom-block.note[data-v-a0f9ce1c],.theme-mode-dark .custom-block.tip[data-v-a0f9ce1c],.theme-mode-dark .custom-block.warning[data-v-a0f9ce1c]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-a0f9ce1c],.theme-mode-dark .custom-block.danger[data-v-a0f9ce1c]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-a0f9ce1c]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-a0f9ce1c]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-a0f9ce1c],.theme-mode-dark .nav-item .dropdown-title a[data-v-a0f9ce1c]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-a0f9ce1c],.theme-mode-dark .nav-item>a[data-v-a0f9ce1c]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-a0f9ce1c]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-a0f9ce1c]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-a0f9ce1c]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-a0f9ce1c],.theme-mode-dark .buttons .button .select-box li[data-v-a0f9ce1c]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-a0f9ce1c]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-a0f9ce1c]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-a0f9ce1c],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-a0f9ce1c]:hover,.theme-mode-dark .pagination span[data-v-a0f9ce1c]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-a0f9ce1c]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-a0f9ce1c],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-a0f9ce1c]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-a0f9ce1c]:hover,.theme-mode-dark a.sidebar-link[data-v-a0f9ce1c]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-a0f9ce1c]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-a0f9ce1c],.theme-mode-dark .search-box input[data-v-a0f9ce1c]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-a0f9ce1c]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-a0f9ce1c],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-a0f9ce1c]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-a0f9ce1c],.theme-mode-dark .tabs-component-tab[data-v-a0f9ce1c]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-a0f9ce1c]{color:#b160ea}.theme-mode-read[data-v-a0f9ce1c]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-a0f9ce1c],.theme-mode-read pre[class*=language-][data-v-a0f9ce1c]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-a0f9ce1c]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-a0f9ce1c],.theme-mode-read pre[class*=language-][data-v-a0f9ce1c]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-a0f9ce1c]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-a0f9ce1c],.theme-mode-read .token.cdata[data-v-a0f9ce1c],.theme-mode-read .token.comment[data-v-a0f9ce1c],.theme-mode-read .token.doctype[data-v-a0f9ce1c],.theme-mode-read .token.prolog[data-v-a0f9ce1c]{color:#999}.theme-mode-read .token.punctuation[data-v-a0f9ce1c]{color:#ccc}.theme-mode-read .token.attr-name[data-v-a0f9ce1c],.theme-mode-read .token.deleted[data-v-a0f9ce1c],.theme-mode-read .token.namespace[data-v-a0f9ce1c],.theme-mode-read .token.tag[data-v-a0f9ce1c]{color:#e2777a}.theme-mode-read .token.function-name[data-v-a0f9ce1c]{color:#6196cc}.theme-mode-read .token.boolean[data-v-a0f9ce1c],.theme-mode-read .token.function[data-v-a0f9ce1c],.theme-mode-read .token.number[data-v-a0f9ce1c]{color:#f08d49}.theme-mode-read .token.class-name[data-v-a0f9ce1c],.theme-mode-read .token.constant[data-v-a0f9ce1c],.theme-mode-read .token.property[data-v-a0f9ce1c],.theme-mode-read .token.symbol[data-v-a0f9ce1c]{color:#f8c555}.theme-mode-read .token.atrule[data-v-a0f9ce1c],.theme-mode-read .token.builtin[data-v-a0f9ce1c],.theme-mode-read .token.important[data-v-a0f9ce1c],.theme-mode-read .token.keyword[data-v-a0f9ce1c],.theme-mode-read .token.selector[data-v-a0f9ce1c]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-a0f9ce1c],.theme-mode-read .token.char[data-v-a0f9ce1c],.theme-mode-read .token.regex[data-v-a0f9ce1c],.theme-mode-read .token.string[data-v-a0f9ce1c],.theme-mode-read .token.variable[data-v-a0f9ce1c]{color:#7ec699}.theme-mode-read .token.entity[data-v-a0f9ce1c],.theme-mode-read .token.operator[data-v-a0f9ce1c],.theme-mode-read .token.url[data-v-a0f9ce1c]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-a0f9ce1c],.theme-mode-read .style .token.string[data-v-a0f9ce1c],.theme-mode-read .token.entity[data-v-a0f9ce1c],.theme-mode-read .token.operator[data-v-a0f9ce1c],.theme-mode-read .token.url[data-v-a0f9ce1c]{background:none}.theme-mode-read .token.bold[data-v-a0f9ce1c],.theme-mode-read .token.important[data-v-a0f9ce1c]{font-weight:700}.theme-mode-read .token.italic[data-v-a0f9ce1c]{font-style:italic}.theme-mode-read .token.entity[data-v-a0f9ce1c]{cursor:help}.theme-mode-read .token.inserted[data-v-a0f9ce1c]{color:green}.home-wrapper[data-v-a0f9ce1c]{height:calc(100vh - 58px)}.home-wrapper .banner[data-v-a0f9ce1c]{width:100%;min-height:450px;margin-top:3.6rem;color:#fff;position:relative;overflow:hidden}.home-wrapper .banner .banner-conent[data-v-a0f9ce1c]{max-width:1100px;margin:0 auto;position:relative;z-index:1;overflow:hidden}.home-wrapper .banner .banner-conent .hero[data-v-a0f9ce1c]{text-align:center;margin-top:3rem}.home-wrapper .banner .banner-conent .hero img[data-v-a0f9ce1c]{max-width:100%;max-height:160px;display:block;margin:2rem auto 1.5rem}.home-wrapper .banner .banner-conent .hero h1[data-v-a0f9ce1c]{margin:0;font-size:2.8rem}.home-wrapper .banner .banner-conent .hero .action[data-v-a0f9ce1c],.home-wrapper .banner .banner-conent .hero .description[data-v-a0f9ce1c]{margin:1.5rem auto}.home-wrapper .banner .banner-conent .hero .description[data-v-a0f9ce1c]{max-width:40rem;font-size:1.1rem;line-height:1.3;opacity:.9}.home-wrapper .banner .banner-conent .hero .action-button[data-v-a0f9ce1c]{display:inline-block;font-size:1.2rem;background-color:#426feb;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;box-sizing:border-box;border-bottom:1px solid #275ae8;color:#fff}.home-wrapper .banner .banner-conent .hero .action-button[data-v-a0f9ce1c]:hover{background-color:#557ded}.home-wrapper .banner .banner-conent .hero .preview-button[data-v-a0f9ce1c]{display:inline-block;font-size:1.2rem;padding:.68rem 1.6rem;border-radius:4px;margin-left:.6rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;box-sizing:border-box;border:2px solid #275ae8;color:var(--previewColor)}.home-wrapper .banner .banner-conent .hero .preview-button[data-v-a0f9ce1c]:hover{color:#fff;background-color:#426feb}.home-wrapper .banner .banner-conent .hero .preview-button[data-v-a0f9ce1c]:hover .icon.outbound{color:#fff!important}.home-wrapper .banner .banner-conent .features[data-v-a0f9ce1c]{padding:1.6rem 0;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home-wrapper .banner .banner-conent .feature[data-v-a0f9ce1c]{flex-grow:1;flex-basis:30%;max-width:30%;text-align:center}.home-wrapper .banner .banner-conent .feature a[data-v-a0f9ce1c]{color:inherit}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-a0f9ce1c]{width:10rem;height:10rem;animation:heart-a0f9ce1c 1.2s ease-in-out 0s infinite alternate;animation-play-state:paused}.home-wrapper .banner .banner-conent .feature a h2[data-v-a0f9ce1c]{font-weight:500;font-size:1.2rem;border-bottom:none;padding-bottom:0}.home-wrapper .banner .banner-conent .feature a p[data-v-a0f9ce1c]{opacity:.8;padding:0 .8rem;font-size:.94rem}.home-wrapper .banner .banner-conent .feature:hover .feature-img[data-v-a0f9ce1c]{animation-play-state:running}.home-wrapper .banner .banner-conent .feature:hover h2[data-v-a0f9ce1c],.home-wrapper .banner .banner-conent .feature:hover p[data-v-a0f9ce1c]{color:#426feb}.home-wrapper .banner .slide-banner .banner-wrapper[data-v-a0f9ce1c]{position:relative}.home-wrapper .banner .slide-banner .slide-banner-scroll[data-v-a0f9ce1c]{min-height:1px;overflow:hidden}.home-wrapper .banner .slide-banner .slide-banner-wrapper[data-v-a0f9ce1c]{height:300px}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item[data-v-a0f9ce1c]{display:inline-block;height:300px;width:100%;text-align:center}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a[data-v-a0f9ce1c]{color:inherit}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a .feature-img[data-v-a0f9ce1c]{width:10rem;height:10rem}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2[data-v-a0f9ce1c]{font-size:1.1rem;font-weight:500;border-bottom:none;padding-bottom:0}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p[data-v-a0f9ce1c]{opacity:.8;padding:0 .8rem}.home-wrapper .banner .slide-banner .docs-wrapper[data-v-a0f9ce1c]{position:absolute;bottom:25px;left:50%;transform:translateX(-50%)}.home-wrapper .banner .slide-banner .docs-wrapper .doc[data-v-a0f9ce1c]{display:inline-block;margin:0 4px;width:8px;height:8px;border-radius:50%;background:var(--textColor);opacity:.9}.home-wrapper .banner .slide-banner .docs-wrapper .doc.active[data-v-a0f9ce1c]{opacity:.5}.home-wrapper .banner.hide-banner[data-v-a0f9ce1c]{display:none}.home-wrapper .banner.hide-banner+.main-wrapper[data-v-a0f9ce1c]{margin-top:4.5rem}.home-wrapper .main-wrapper[data-v-a0f9ce1c]{margin-top:2rem}.home-wrapper .main-wrapper .main-left .card-box[data-v-a0f9ce1c]{margin-bottom:.9rem}.home-wrapper .main-wrapper .main-left .pagination[data-v-a0f9ce1c]{margin-bottom:4rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-a0f9ce1c]{padding:0 2rem;overflow:hidden}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-a0f9ce1c]>:first-child{padding-top:2rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-a0f9ce1c]>:last-child{padding-bottom:2rem}.home-wrapper .main-wrapper .main-right .custom-html-box[data-v-a0f9ce1c]{padding:0;overflow:hidden}@media (max-width:1025px){.home-wrapper .banner .banner-conent .hero h1[data-v-a0f9ce1c]{font-size:2.5rem}.home-wrapper .banner .banner-conent .hero .description[data-v-a0f9ce1c]{font-size:1rem}.home-wrapper .banner .banner-conent .feature a h2[data-v-a0f9ce1c]{font-size:1.1rem}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-a0f9ce1c]{width:9rem;height:9rem}}@media (max-width:719px){.home-wrapper .banner .banner-conent .features[data-v-a0f9ce1c]{display:none!important}}@media (max-width:419px){.home-wrapper .banner-conent[data-v-a0f9ce1c]{padding-left:1.5rem;padding-right:1.5rem}.home-wrapper .banner-conent .hero img[data-v-a0f9ce1c]{max-height:210px;margin:2rem auto 1.2rem}.home-wrapper .banner-conent .hero h1[data-v-a0f9ce1c]{font-size:2rem}.home-wrapper .banner-conent .hero .action[data-v-a0f9ce1c],.home-wrapper .banner-conent .hero .description[data-v-a0f9ce1c],.home-wrapper .banner-conent .hero h1[data-v-a0f9ce1c]{margin:1.2rem auto}.home-wrapper .banner-conent .hero .description[data-v-a0f9ce1c]{font-size:1.2rem}.home-wrapper .banner-conent .hero .action-button[data-v-a0f9ce1c]{font-size:1rem;padding:.6rem 1.2rem}.home-wrapper .banner-conent .feature h2[data-v-a0f9ce1c]{font-size:1.25rem}}@keyframes heart-a0f9ce1c{0%{transform:translate(0)}to{transform:translateY(8px)}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:var(--textColor);display:inline-block;border:1px solid var(--borderColor,#ccc);border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:width .2s ease;background:url(/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#426feb}.search-box .suggestions{background:var(--mainBg,#fff);width:20rem;position:absolute;top:1.5rem;border:1px solid var(--borderColor,#ccc);border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:var(--textColor);opacity:.75}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused,.search-box .suggestion:hover{background-color:hsla(0,0%,58.8%,.2)}.search-box .suggestion.focused a{color:#426feb}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}@media (max-width:719px){.sidebar-button{display:block}}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (min-width:720px){.sidebar-button{width:40px;height:40px;display:inline-block;position:fixed;left:0;top:4.6rem;text-align:center;line-height:44px;margin:5px 8px;color:#888;border-radius:50%;padding:0;transition:all .2s}.sidebar-button:hover{background:#426feb;color:#fff;box-shadow:0 0 6px #426feb}.sidebar-button .icon{display:inline;width:1rem;height:1rem}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:var(--textColor)}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid var(--borderColor);padding:.45rem 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#426feb}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #426feb;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{font-weight:600;font-size:inherit}.dropdown-wrapper .dropdown-title:hover{color:#426feb}.dropdown-wrapper .dropdown-title .link-title{display:none}.dropdown-wrapper .dropdown-title .title{display:inline-block!important}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .dropdown-title .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ccc;border-bottom:0}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:var(--mainBg);padding:.6rem 0;border-bottom-color:var(--borderColor);border:1px solid var(--borderColor);text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}.nav-item .dropdown-title a.router-link-active,.nav-item .dropdown-title a:hover{margin-bottom:-2px;border-bottom:2px solid #517bed}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#426feb}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:959px){.nav-links .nav-item{margin-left:1.2rem}}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--textColor)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #517bed}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem;transition:transform .3s;background-image:radial-gradient(transparent 1px,var(--blurBg) 0);background-size:4px 4px;backdrop-filter:saturate(50%) blur(4px);-webkit-backdrop-filter:saturate(50%) blur(4px)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:1.8rem;min-width:1.8rem;vertical-align:top}.navbar .site-name{font-size:1rem;font-weight:600;color:var(--textColor);position:relative}.navbar .links{box-sizing:border-box;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:1.2px;display:flex;padding:.5rem;background:var(--blurBg);box-shadow:-15px 0 5px 0 var(--blurBg)}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}.hide-navbar .navbar{transform:translateY(-100%)}@media (max-width:959px){.navbar .site-name{display:none}}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:860px;padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block;float:left;margin:0 2rem .5rem 0}.page-edit .edit-link a{margin-right:.25rem}.page-edit .tags{float:left}.page-edit .tags a{margin:0 .8rem .5rem 0;display:inline-block;color:var(--textLightenColor);padding:.2rem .7rem;font-size:.9em;background-color:hsla(0,0%,50.2%,.08);border-radius:3px;opacity:.8}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:var(--textColor);opacity:.8}.page-edit .last-updated .time{font-weight:400;color:#aaa}@media (max-width:719px){.page-edit .edit-link,.page-edit .tags{margin-bottom:.5rem}.page-edit .last-updated{width:100%;font-size:.8em;text-align:left}}.page-nav{max-width:860px;padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid var(--borderColor);padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page-nav-centre-wrap .page-nav-centre{position:fixed;top:50%;width:80px;height:70px;margin-top:-35px;outline:0;transition:all .2s;border-radius:3px;opacity:.55;z-index:99}@media (max-width:1340px){.page-nav-centre-wrap .page-nav-centre{width:50px}}@media (max-width:960px){.page-nav-centre-wrap .page-nav-centre{display:none}}.page-nav-centre-wrap .page-nav-centre:hover{background:hsla(0,0%,60%,.15);opacity:1}.page-nav-centre-wrap .page-nav-centre:hover .tooltip{display:block}.page-nav-centre-wrap .page-nav-centre:before{content:"";display:block;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.page-nav-centre-wrap .page-nav-centre .tooltip{display:none;background:rgba(0,0,0,.5);color:#fff;padding:4px 8px;font-size:13px;border-radius:3px;position:fixed;max-width:200px;z-index:99}.page-nav-centre-wrap .page-nav-centre-prev{left:0}.page-nav-centre-wrap .page-nav-centre-prev:before{transform:rotate(-135deg)}.page-nav-centre-wrap .page-nav-centre-next{right:0}.page-nav-centre-wrap .page-nav-centre-next:before{transform:rotate(45deg)}.sidebar-open .page-nav-centre-wrap .page-nav-centre-prev{left:18rem}.no-sidebar .page-nav-centre-wrap .page-nav-centre-prev{left:0}.theme-mode-light[data-v-51e47508]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-51e47508]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-51e47508]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-51e47508]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-51e47508],.theme-mode-light pre[class*=language-][data-v-51e47508]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-51e47508]::-moz-selection,.theme-mode-light code[class*=language-][data-v-51e47508] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-51e47508]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-51e47508] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-51e47508]::selection,.theme-mode-light code[class*=language-][data-v-51e47508] ::selection,.theme-mode-light pre[class*=language-][data-v-51e47508]::selection,.theme-mode-light pre[class*=language-][data-v-51e47508] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-51e47508],.theme-mode-light pre[class*=language-][data-v-51e47508]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-51e47508]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-51e47508],.theme-mode-light pre[class*=language-][data-v-51e47508]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-51e47508]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-51e47508],.theme-mode-light .token.comment[data-v-51e47508],.theme-mode-light .token.doctype[data-v-51e47508],.theme-mode-light .token.prolog[data-v-51e47508]{color:#708090}.theme-mode-light .token.punctuation[data-v-51e47508]{color:#999}.theme-mode-light .namespace[data-v-51e47508]{opacity:.7}.theme-mode-light .token.boolean[data-v-51e47508],.theme-mode-light .token.constant[data-v-51e47508],.theme-mode-light .token.deleted[data-v-51e47508],.theme-mode-light .token.number[data-v-51e47508],.theme-mode-light .token.property[data-v-51e47508],.theme-mode-light .token.symbol[data-v-51e47508],.theme-mode-light .token.tag[data-v-51e47508]{color:#905}.theme-mode-light .token.attr-name[data-v-51e47508],.theme-mode-light .token.builtin[data-v-51e47508],.theme-mode-light .token.char[data-v-51e47508],.theme-mode-light .token.inserted[data-v-51e47508],.theme-mode-light .token.selector[data-v-51e47508],.theme-mode-light .token.string[data-v-51e47508]{color:#690}.theme-mode-light .language-css .token.string[data-v-51e47508],.theme-mode-light .style .token.string[data-v-51e47508],.theme-mode-light .token.entity[data-v-51e47508],.theme-mode-light .token.operator[data-v-51e47508],.theme-mode-light .token.url[data-v-51e47508]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-51e47508],.theme-mode-light .token.attr-value[data-v-51e47508],.theme-mode-light .token.keyword[data-v-51e47508]{color:#07a}.theme-mode-light .token.class-name[data-v-51e47508],.theme-mode-light .token.function[data-v-51e47508]{color:#dd4a68}.theme-mode-light .token.important[data-v-51e47508],.theme-mode-light .token.regex[data-v-51e47508],.theme-mode-light .token.variable[data-v-51e47508]{color:#e90}.theme-mode-light .token.bold[data-v-51e47508],.theme-mode-light .token.important[data-v-51e47508]{font-weight:700}.theme-mode-light .token.italic[data-v-51e47508]{font-style:italic}.theme-mode-light .token.entity[data-v-51e47508]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-51e47508],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-51e47508]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-51e47508]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-51e47508],.theme-mode-dark pre[class*=language-][data-v-51e47508]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-51e47508]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-51e47508],.theme-mode-dark pre[class*=language-][data-v-51e47508]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-51e47508]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-51e47508],.theme-mode-dark .token.cdata[data-v-51e47508],.theme-mode-dark .token.comment[data-v-51e47508],.theme-mode-dark .token.doctype[data-v-51e47508],.theme-mode-dark .token.prolog[data-v-51e47508]{color:#999}.theme-mode-dark .token.punctuation[data-v-51e47508]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-51e47508],.theme-mode-dark .token.deleted[data-v-51e47508],.theme-mode-dark .token.namespace[data-v-51e47508],.theme-mode-dark .token.tag[data-v-51e47508]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-51e47508]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-51e47508],.theme-mode-dark .token.function[data-v-51e47508],.theme-mode-dark .token.number[data-v-51e47508]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-51e47508],.theme-mode-dark .token.constant[data-v-51e47508],.theme-mode-dark .token.property[data-v-51e47508],.theme-mode-dark .token.symbol[data-v-51e47508]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-51e47508],.theme-mode-dark .token.builtin[data-v-51e47508],.theme-mode-dark .token.important[data-v-51e47508],.theme-mode-dark .token.keyword[data-v-51e47508],.theme-mode-dark .token.selector[data-v-51e47508]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-51e47508],.theme-mode-dark .token.char[data-v-51e47508],.theme-mode-dark .token.regex[data-v-51e47508],.theme-mode-dark .token.string[data-v-51e47508],.theme-mode-dark .token.variable[data-v-51e47508]{color:#7ec699}.theme-mode-dark .token.entity[data-v-51e47508],.theme-mode-dark .token.operator[data-v-51e47508],.theme-mode-dark .token.url[data-v-51e47508]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-51e47508],.theme-mode-dark .style .token.string[data-v-51e47508],.theme-mode-dark .token.entity[data-v-51e47508],.theme-mode-dark .token.operator[data-v-51e47508],.theme-mode-dark .token.url[data-v-51e47508]{background:none}.theme-mode-dark .token.bold[data-v-51e47508],.theme-mode-dark .token.important[data-v-51e47508]{font-weight:700}.theme-mode-dark .token.italic[data-v-51e47508]{font-style:italic}.theme-mode-dark .token.entity[data-v-51e47508]{cursor:help}.theme-mode-dark .token.inserted[data-v-51e47508]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-51e47508]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-51e47508]{background-color:transparent}.theme-mode-dark blockquote[data-v-51e47508]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-51e47508]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-51e47508]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-51e47508]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-51e47508]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-51e47508]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-51e47508]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-51e47508],.theme-mode-dark .custom-block.note[data-v-51e47508],.theme-mode-dark .custom-block.tip[data-v-51e47508],.theme-mode-dark .custom-block.warning[data-v-51e47508]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-51e47508],.theme-mode-dark .custom-block.danger[data-v-51e47508]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-51e47508]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-51e47508]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-51e47508],.theme-mode-dark .nav-item .dropdown-title a[data-v-51e47508]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-51e47508],.theme-mode-dark .nav-item>a[data-v-51e47508]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-51e47508]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-51e47508]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-51e47508]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-51e47508],.theme-mode-dark .buttons .button .select-box li[data-v-51e47508]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-51e47508]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-51e47508]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-51e47508],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-51e47508]:hover,.theme-mode-dark .pagination span[data-v-51e47508]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-51e47508]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-51e47508],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-51e47508]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-51e47508]:hover,.theme-mode-dark a.sidebar-link[data-v-51e47508]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-51e47508]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-51e47508],.theme-mode-dark .search-box input[data-v-51e47508]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-51e47508]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-51e47508],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-51e47508]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-51e47508],.theme-mode-dark .tabs-component-tab[data-v-51e47508]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-51e47508]{color:#b160ea}.theme-mode-read[data-v-51e47508]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-51e47508],.theme-mode-read pre[class*=language-][data-v-51e47508]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-51e47508]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-51e47508],.theme-mode-read pre[class*=language-][data-v-51e47508]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-51e47508]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-51e47508],.theme-mode-read .token.cdata[data-v-51e47508],.theme-mode-read .token.comment[data-v-51e47508],.theme-mode-read .token.doctype[data-v-51e47508],.theme-mode-read .token.prolog[data-v-51e47508]{color:#999}.theme-mode-read .token.punctuation[data-v-51e47508]{color:#ccc}.theme-mode-read .token.attr-name[data-v-51e47508],.theme-mode-read .token.deleted[data-v-51e47508],.theme-mode-read .token.namespace[data-v-51e47508],.theme-mode-read .token.tag[data-v-51e47508]{color:#e2777a}.theme-mode-read .token.function-name[data-v-51e47508]{color:#6196cc}.theme-mode-read .token.boolean[data-v-51e47508],.theme-mode-read .token.function[data-v-51e47508],.theme-mode-read .token.number[data-v-51e47508]{color:#f08d49}.theme-mode-read .token.class-name[data-v-51e47508],.theme-mode-read .token.constant[data-v-51e47508],.theme-mode-read .token.property[data-v-51e47508],.theme-mode-read .token.symbol[data-v-51e47508]{color:#f8c555}.theme-mode-read .token.atrule[data-v-51e47508],.theme-mode-read .token.builtin[data-v-51e47508],.theme-mode-read .token.important[data-v-51e47508],.theme-mode-read .token.keyword[data-v-51e47508],.theme-mode-read .token.selector[data-v-51e47508]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-51e47508],.theme-mode-read .token.char[data-v-51e47508],.theme-mode-read .token.regex[data-v-51e47508],.theme-mode-read .token.string[data-v-51e47508],.theme-mode-read .token.variable[data-v-51e47508]{color:#7ec699}.theme-mode-read .token.entity[data-v-51e47508],.theme-mode-read .token.operator[data-v-51e47508],.theme-mode-read .token.url[data-v-51e47508]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-51e47508],.theme-mode-read .style .token.string[data-v-51e47508],.theme-mode-read .token.entity[data-v-51e47508],.theme-mode-read .token.operator[data-v-51e47508],.theme-mode-read .token.url[data-v-51e47508]{background:none}.theme-mode-read .token.bold[data-v-51e47508],.theme-mode-read .token.important[data-v-51e47508]{font-weight:700}.theme-mode-read .token.italic[data-v-51e47508]{font-style:italic}.theme-mode-read .token.entity[data-v-51e47508]{cursor:help}.theme-mode-read .token.inserted[data-v-51e47508]{color:green}.articleInfo-wrap[data-v-51e47508]{max-width:860px}.theme-style-line .articleInfo-wrap .articleInfo[data-v-51e47508]{padding-top:.5rem}.articleInfo-wrap[data-v-51e47508]{position:relative;z-index:1;color:#888}.articleInfo-wrap .articleInfo[data-v-51e47508]{overflow:hidden;font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs[data-v-51e47508]{margin:0;padding:0;overflow:hidden;display:inline-block;line-height:2rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .breadcrumbs[data-v-51e47508]{width:100%}}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-51e47508]{list-style-type:none;float:left;padding-right:5px}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-51e47508]:after{content:"/";margin-left:5px;color:#999}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-51e47508]:last-child:after{content:""}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-51e47508]{color:#888}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-51e47508]:before{font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-51e47508]:hover{color:#426feb}.articleInfo-wrap .articleInfo .breadcrumbs li .icon-home[data-v-51e47508]{text-decoration:none}.articleInfo-wrap .articleInfo .info[data-v-51e47508]{float:right;line-height:32px}@media (max-width:960px){.articleInfo-wrap .articleInfo .info[data-v-51e47508]{float:left}}.articleInfo-wrap .articleInfo .info div[data-v-51e47508]{float:left;margin-left:20px;font-size:.8rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .info div[data-v-51e47508]{margin:0 20px 0 0}}.articleInfo-wrap .articleInfo .info div[data-v-51e47508]:before{margin-right:3px}.articleInfo-wrap .articleInfo .info div a[data-v-51e47508]{color:#888}.articleInfo-wrap .articleInfo .info div a[data-v-51e47508]:hover{text-decoration:none}.articleInfo-wrap .articleInfo .info div a.beLink[data-v-51e47508]:hover{color:#426feb;text-decoration:underline}.theme-mode-light[data-v-c1edc922]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-c1edc922]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-c1edc922]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-c1edc922]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-c1edc922],.theme-mode-light pre[class*=language-][data-v-c1edc922]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-c1edc922]::-moz-selection,.theme-mode-light code[class*=language-][data-v-c1edc922] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-c1edc922]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-c1edc922] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-c1edc922]::selection,.theme-mode-light code[class*=language-][data-v-c1edc922] ::selection,.theme-mode-light pre[class*=language-][data-v-c1edc922]::selection,.theme-mode-light pre[class*=language-][data-v-c1edc922] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-c1edc922],.theme-mode-light pre[class*=language-][data-v-c1edc922]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-c1edc922]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-c1edc922],.theme-mode-light pre[class*=language-][data-v-c1edc922]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-c1edc922]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-c1edc922],.theme-mode-light .token.comment[data-v-c1edc922],.theme-mode-light .token.doctype[data-v-c1edc922],.theme-mode-light .token.prolog[data-v-c1edc922]{color:#708090}.theme-mode-light .token.punctuation[data-v-c1edc922]{color:#999}.theme-mode-light .namespace[data-v-c1edc922]{opacity:.7}.theme-mode-light .token.boolean[data-v-c1edc922],.theme-mode-light .token.constant[data-v-c1edc922],.theme-mode-light .token.deleted[data-v-c1edc922],.theme-mode-light .token.number[data-v-c1edc922],.theme-mode-light .token.property[data-v-c1edc922],.theme-mode-light .token.symbol[data-v-c1edc922],.theme-mode-light .token.tag[data-v-c1edc922]{color:#905}.theme-mode-light .token.attr-name[data-v-c1edc922],.theme-mode-light .token.builtin[data-v-c1edc922],.theme-mode-light .token.char[data-v-c1edc922],.theme-mode-light .token.inserted[data-v-c1edc922],.theme-mode-light .token.selector[data-v-c1edc922],.theme-mode-light .token.string[data-v-c1edc922]{color:#690}.theme-mode-light .language-css .token.string[data-v-c1edc922],.theme-mode-light .style .token.string[data-v-c1edc922],.theme-mode-light .token.entity[data-v-c1edc922],.theme-mode-light .token.operator[data-v-c1edc922],.theme-mode-light .token.url[data-v-c1edc922]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-c1edc922],.theme-mode-light .token.attr-value[data-v-c1edc922],.theme-mode-light .token.keyword[data-v-c1edc922]{color:#07a}.theme-mode-light .token.class-name[data-v-c1edc922],.theme-mode-light .token.function[data-v-c1edc922]{color:#dd4a68}.theme-mode-light .token.important[data-v-c1edc922],.theme-mode-light .token.regex[data-v-c1edc922],.theme-mode-light .token.variable[data-v-c1edc922]{color:#e90}.theme-mode-light .token.bold[data-v-c1edc922],.theme-mode-light .token.important[data-v-c1edc922]{font-weight:700}.theme-mode-light .token.italic[data-v-c1edc922]{font-style:italic}.theme-mode-light .token.entity[data-v-c1edc922]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-c1edc922],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-c1edc922]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-c1edc922]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-c1edc922],.theme-mode-dark pre[class*=language-][data-v-c1edc922]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-c1edc922]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-c1edc922],.theme-mode-dark pre[class*=language-][data-v-c1edc922]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-c1edc922]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-c1edc922],.theme-mode-dark .token.cdata[data-v-c1edc922],.theme-mode-dark .token.comment[data-v-c1edc922],.theme-mode-dark .token.doctype[data-v-c1edc922],.theme-mode-dark .token.prolog[data-v-c1edc922]{color:#999}.theme-mode-dark .token.punctuation[data-v-c1edc922]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-c1edc922],.theme-mode-dark .token.deleted[data-v-c1edc922],.theme-mode-dark .token.namespace[data-v-c1edc922],.theme-mode-dark .token.tag[data-v-c1edc922]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-c1edc922]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-c1edc922],.theme-mode-dark .token.function[data-v-c1edc922],.theme-mode-dark .token.number[data-v-c1edc922]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-c1edc922],.theme-mode-dark .token.constant[data-v-c1edc922],.theme-mode-dark .token.property[data-v-c1edc922],.theme-mode-dark .token.symbol[data-v-c1edc922]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-c1edc922],.theme-mode-dark .token.builtin[data-v-c1edc922],.theme-mode-dark .token.important[data-v-c1edc922],.theme-mode-dark .token.keyword[data-v-c1edc922],.theme-mode-dark .token.selector[data-v-c1edc922]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-c1edc922],.theme-mode-dark .token.char[data-v-c1edc922],.theme-mode-dark .token.regex[data-v-c1edc922],.theme-mode-dark .token.string[data-v-c1edc922],.theme-mode-dark .token.variable[data-v-c1edc922]{color:#7ec699}.theme-mode-dark .token.entity[data-v-c1edc922],.theme-mode-dark .token.operator[data-v-c1edc922],.theme-mode-dark .token.url[data-v-c1edc922]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-c1edc922],.theme-mode-dark .style .token.string[data-v-c1edc922],.theme-mode-dark .token.entity[data-v-c1edc922],.theme-mode-dark .token.operator[data-v-c1edc922],.theme-mode-dark .token.url[data-v-c1edc922]{background:none}.theme-mode-dark .token.bold[data-v-c1edc922],.theme-mode-dark .token.important[data-v-c1edc922]{font-weight:700}.theme-mode-dark .token.italic[data-v-c1edc922]{font-style:italic}.theme-mode-dark .token.entity[data-v-c1edc922]{cursor:help}.theme-mode-dark .token.inserted[data-v-c1edc922]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-c1edc922]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-c1edc922]{background-color:transparent}.theme-mode-dark blockquote[data-v-c1edc922]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-c1edc922]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-c1edc922]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-c1edc922]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-c1edc922]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-c1edc922]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-c1edc922]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-c1edc922],.theme-mode-dark .custom-block.note[data-v-c1edc922],.theme-mode-dark .custom-block.tip[data-v-c1edc922],.theme-mode-dark .custom-block.warning[data-v-c1edc922]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-c1edc922],.theme-mode-dark .custom-block.danger[data-v-c1edc922]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-c1edc922]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-c1edc922]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-c1edc922],.theme-mode-dark .nav-item .dropdown-title a[data-v-c1edc922]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-c1edc922],.theme-mode-dark .nav-item>a[data-v-c1edc922]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-c1edc922]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-c1edc922]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-c1edc922]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-c1edc922],.theme-mode-dark .buttons .button .select-box li[data-v-c1edc922]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-c1edc922]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-c1edc922]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-c1edc922],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-c1edc922]:hover,.theme-mode-dark .pagination span[data-v-c1edc922]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-c1edc922]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-c1edc922],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-c1edc922]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-c1edc922]:hover,.theme-mode-dark a.sidebar-link[data-v-c1edc922]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-c1edc922]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-c1edc922],.theme-mode-dark .search-box input[data-v-c1edc922]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-c1edc922]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-c1edc922],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-c1edc922]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-c1edc922],.theme-mode-dark .tabs-component-tab[data-v-c1edc922]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-c1edc922]{color:#b160ea}.theme-mode-read[data-v-c1edc922]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-c1edc922],.theme-mode-read pre[class*=language-][data-v-c1edc922]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-c1edc922]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-c1edc922],.theme-mode-read pre[class*=language-][data-v-c1edc922]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-c1edc922]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-c1edc922],.theme-mode-read .token.cdata[data-v-c1edc922],.theme-mode-read .token.comment[data-v-c1edc922],.theme-mode-read .token.doctype[data-v-c1edc922],.theme-mode-read .token.prolog[data-v-c1edc922]{color:#999}.theme-mode-read .token.punctuation[data-v-c1edc922]{color:#ccc}.theme-mode-read .token.attr-name[data-v-c1edc922],.theme-mode-read .token.deleted[data-v-c1edc922],.theme-mode-read .token.namespace[data-v-c1edc922],.theme-mode-read .token.tag[data-v-c1edc922]{color:#e2777a}.theme-mode-read .token.function-name[data-v-c1edc922]{color:#6196cc}.theme-mode-read .token.boolean[data-v-c1edc922],.theme-mode-read .token.function[data-v-c1edc922],.theme-mode-read .token.number[data-v-c1edc922]{color:#f08d49}.theme-mode-read .token.class-name[data-v-c1edc922],.theme-mode-read .token.constant[data-v-c1edc922],.theme-mode-read .token.property[data-v-c1edc922],.theme-mode-read .token.symbol[data-v-c1edc922]{color:#f8c555}.theme-mode-read .token.atrule[data-v-c1edc922],.theme-mode-read .token.builtin[data-v-c1edc922],.theme-mode-read .token.important[data-v-c1edc922],.theme-mode-read .token.keyword[data-v-c1edc922],.theme-mode-read .token.selector[data-v-c1edc922]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-c1edc922],.theme-mode-read .token.char[data-v-c1edc922],.theme-mode-read .token.regex[data-v-c1edc922],.theme-mode-read .token.string[data-v-c1edc922],.theme-mode-read .token.variable[data-v-c1edc922]{color:#7ec699}.theme-mode-read .token.entity[data-v-c1edc922],.theme-mode-read .token.operator[data-v-c1edc922],.theme-mode-read .token.url[data-v-c1edc922]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-c1edc922],.theme-mode-read .style .token.string[data-v-c1edc922],.theme-mode-read .token.entity[data-v-c1edc922],.theme-mode-read .token.operator[data-v-c1edc922],.theme-mode-read .token.url[data-v-c1edc922]{background:none}.theme-mode-read .token.bold[data-v-c1edc922],.theme-mode-read .token.important[data-v-c1edc922]{font-weight:700}.theme-mode-read .token.italic[data-v-c1edc922]{font-style:italic}.theme-mode-read .token.entity[data-v-c1edc922]{cursor:help}.theme-mode-read .token.inserted[data-v-c1edc922]{color:green}.theme-vdoing-content[data-v-c1edc922]{margin-bottom:3.6rem}.title-tag[data-v-c1edc922]{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}dd[data-v-c1edc922],dl[data-v-c1edc922]{margin:0}.column-wrapper[data-v-c1edc922]{margin-top:1rem;display:flex;padding-bottom:2rem;border-bottom:1px solid var(--borderColor)}.column-wrapper img[data-v-c1edc922]{width:80px;height:80px;border-radius:2px;margin-right:1rem}.column-wrapper .column-info .title[data-v-c1edc922]{font-size:1.6rem}.column-wrapper .column-info .description[data-v-c1edc922]{color:var(--textColor);opacity:.8;margin:.5rem 0}.catalogue-wrapper .catalogue-title[data-v-c1edc922]{font-size:1.45rem;margin:2rem 0}.catalogue-wrapper .catalogue-content dl[data-v-c1edc922]{margin-bottom:1.8rem}.catalogue-wrapper .catalogue-content dl.inline[data-v-c1edc922]{display:inline-block;width:50%;margin-bottom:1rem}@media (max-width:419px){.catalogue-wrapper .catalogue-content dl.inline[data-v-c1edc922]{width:100%}}.catalogue-wrapper .catalogue-content dl.inline a[data-v-c1edc922]{width:100%}.catalogue-wrapper .catalogue-content dl:not(.inline) dt[data-v-c1edc922]{margin-top:-3.6rem;padding-top:3.6rem}.catalogue-wrapper .catalogue-content dl dt[data-v-c1edc922]{font-size:1.1rem}.catalogue-wrapper .catalogue-content dl dt:hover .header-anchor[data-v-c1edc922]{opacity:1}.catalogue-wrapper .catalogue-content dl dd[data-v-c1edc922]{margin-top:.7rem;margin-left:1rem}.catalogue-wrapper .catalogue-content dl dd a[data-v-c1edc922]:not(.header-anchor){margin-bottom:.5rem;display:inline-block;width:50%}.catalogue-wrapper .catalogue-content dl dd a[data-v-c1edc922]:not(.header-anchor):hover{color:#ff5722;text-decoration:none}@media (max-width:720px){.catalogue-wrapper .catalogue-content dl dd a[data-v-c1edc922]:not(.header-anchor){width:100%}}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap[data-v-c1edc922]{margin:5px 0 8px;font-size:.95rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap>a[data-v-c1edc922]{padding-left:1rem;box-sizing:border-box}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap .sub-title[data-v-c1edc922]{margin-top:-3.6rem;padding-top:3.6rem;margin-bottom:6px;font-size:1rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap:hover .header-anchor[data-v-c1edc922]{opacity:1}#special-sponsor[data-v-52e54980]{padding-bottom:12px}#special-sponsor-container[data-v-52e54980]{display:flex;justify-content:center;align-items:center}#special-sponsor h3[data-v-52e54980]{font-size:17px}#special-sponsor .logo[data-v-52e54980]{display:flex;justify-content:center;padding:0 10px}.theme-style-line .right-menu-wrapper .right-menu-margin{border-left:1px solid var(--borderColor)}.right-menu-wrapper{width:230px;float:right;margin-right:-285px;position:sticky;top:0;font-size:.8rem}.right-menu-wrapper .right-menu-margin{margin-top:4.6rem;border-radius:3px;overflow:hidden}.right-menu-wrapper .right-menu-title{padding:10px 15px 0;background:var(--mainBg);font-size:1.3rem}.right-menu-wrapper .right-menu-title:after{content:"";display:block;width:100%;height:1px;background:var(--borderColor);margin-top:10px}.right-menu-wrapper .right-menu-content{max-height:80vh;position:relative;overflow:hidden;background:var(--mainBg);padding:4px 3px 4px 0}.right-menu-wrapper .right-menu-content::-webkit-scrollbar{width:3px;height:3px}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-track-piece{background:none}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-thumb:vertical{background-color:hsla(0,0%,49%,.3)}.right-menu-wrapper .right-menu-content:hover{overflow-y:auto;padding-right:0}.right-menu-wrapper .right-menu-content .right-menu-item{padding:4px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.right-menu-wrapper .right-menu-content .right-menu-item.level2{font-size:.8rem}.right-menu-wrapper .right-menu-content .right-menu-item.level3{padding-left:27px}.right-menu-wrapper .right-menu-content .right-menu-item.level4{padding-left:37px}.right-menu-wrapper .right-menu-content .right-menu-item.level5{padding-left:47px}.right-menu-wrapper .right-menu-content .right-menu-item.level6{padding-left:57px}.right-menu-wrapper .right-menu-content .right-menu-item.active:before{content:"";position:absolute;top:5px;left:0;width:3px;height:14px;background:#426feb;border-radius:0 4px 4px 0}.right-menu-wrapper .right-menu-content .right-menu-item.active a{color:#426feb;opacity:1}.right-menu-wrapper .right-menu-content .right-menu-item a{color:var(--textColor);opacity:.75;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right-menu-wrapper .right-menu-content .right-menu-item a:hover{opacity:1}.right-menu-wrapper .right-menu-content:hover{color:#426feb}.page>*{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.page>:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.page>:not(.footer){border-radius:2px}}@media (max-width:959px){.page>*{padding:1rem 2rem}}@media (max-width:419px){.page>*{padding:1rem 1.5rem}}.page{padding-bottom:2rem;display:block}@media (max-width:719px){.page{padding-top:3.6rem}}@media (min-width:719px){.page{padding-top:5.1rem}}@media (min-width:719px){.theme-style-line .page{padding-top:3.6rem}}.theme-style-line .page>:not(.footer){box-shadow:0 0}@media (min-width:720px){.theme-style-line .page .placeholder{height:1.2rem}}.theme-vdoing-wrapper .content-wrapper{position:relative}.theme-vdoing-wrapper h1 .title-tag{height:1.5rem;line-height:1.5rem;border:1px solid #ff5722;color:#ff5722;font-size:1rem;padding:0 .4rem;border-radius:.2rem;margin-left:.5rem;transform:translateY(-.25rem);display:inline-block}.theme-vdoing-wrapper h1 img{margin-bottom:-.2rem;margin-right:.2rem;max-width:2.2rem;max-height:2.2rem}.theme-vdoing-wrapper{--linesColor:rgba(50,0,0,0.05)}.theme-vdoing-wrapper.bg-style-1{background-image:linear-gradient(90deg,var(--linesColor) 3%,transparent 0),linear-gradient(0deg,var(--linesColor) 3%,transparent 0);background-position:50%;background-size:20px 20px}.theme-vdoing-wrapper.bg-style-2{background-image:repeating-linear-gradient(0,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-3{background-image:repeating-linear-gradient(90deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-4{background-image:repeating-linear-gradient(-45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-5{background-image:repeating-linear-gradient(45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-6{background-image:radial-gradient(var(--linesColor) 1px,transparent 0);background-size:10px 10px}.theme-mode-dark .theme-vdoing-wrapper{--linesColor:hsla(0,0%,49%,0.05)}@media (min-width:720px) and (max-width:1279px){.have-rightmenu .page{padding-right:.8rem!important}}@media (max-width:1279px){.have-rightmenu .right-menu-wrapper{display:none}}@media (min-width:1280px){.have-rightmenu .sidebar .sidebar-sub-headers{display:none}}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:none}@media (min-width:720px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:.8rem!important}}@media (max-width:719px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:0!important}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:block}}@media (min-width:720px) and (max-width:1279px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:block}}@media (min-width:1280px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:none}}.categories-page .categories-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.categories-page .categories-wrapper{display:none}}.categories-page .categories-wrapper .categories{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-y:auto;transition:all .2s;position:relative}.categories-page .categories-wrapper .categories a{padding-right:1.8rem}.categories-page .categories-wrapper .categories a span{right:.4rem}.categories-page .categories-wrapper .categories::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.categories-page .categories-wrapper .categories::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.categories-page .main-left .categories-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.categories-page .main-left .categories-wrapper{display:block}}.categories-page .main-left .categories-wrapper .categories{max-height:12.3rem}@media (max-width:719px){.theme-style-line .categories-page .main-left .categories-wrapper{margin-top:-.91rem;margin-bottom:-1px;padding:.9rem .2rem .5rem}}.tags-page .tags-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.tags-page .tags-wrapper{display:none}}.tags-page .tags-wrapper .tags{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-x:hidden;overflow-y:auto;transition:all .2s}.tags-page .tags-wrapper .tags::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.tags-page .tags-wrapper .tags::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.tags-page .main-left .tags-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.tags-page .main-left .tags-wrapper{display:block}}.tags-page .main-left .tags-wrapper .tags{max-height:11.5rem}@media (max-width:719px){.theme-style-line .tags-page .main-left .tags-wrapper{margin-top:-.91rem;margin-bottom:-1px}}.archives-page .theme-vdoing-wrapper{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.archives-page .theme-vdoing-wrapper:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.archives-page .theme-vdoing-wrapper:not(.footer){border-radius:2px}}@media (max-width:959px){.archives-page .theme-vdoing-wrapper{padding:1rem 2rem}}@media (max-width:419px){.archives-page .theme-vdoing-wrapper{padding:1rem 1.5rem}}.theme-style-line .archives-page .theme-vdoing-wrapper{box-shadow:0 0}.archives-page .theme-vdoing-wrapper{position:relative}@media (min-width:940px){.archives-page .theme-vdoing-wrapper{margin-top:1.5rem!important}}.archives-page .theme-vdoing-wrapper .count{text-align:right;margin-top:-2.5rem;font-size:.85rem;opacity:.8}.archives-page .theme-vdoing-wrapper li,.archives-page .theme-vdoing-wrapper ul{margin:0;padding:0}.archives-page .theme-vdoing-wrapper ul{margin-top:2rem}.archives-page .theme-vdoing-wrapper li{list-style:none}.archives-page .theme-vdoing-wrapper li.year{position:sticky;top:3.6rem;background:var(--mainBg);z-index:1}.archives-page .theme-vdoing-wrapper li.year:not(:first-child){margin-top:3.5rem}.archives-page .theme-vdoing-wrapper li h2{margin-bottom:.8rem;font-weight:400;padding:.5rem 0}.archives-page .theme-vdoing-wrapper li h2 span{font-size:.85rem;font-weight:300;float:right;margin-top:1rem}.archives-page .theme-vdoing-wrapper li a{display:block;color:var(--textColor);transition:padding .3s;padding:.5rem 2rem;line-height:1.2rem}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:2.5rem;color:#426feb;background:#f9f9f9}@media (max-width:940px){.archives-page .theme-vdoing-wrapper li a{padding:.5rem 1rem;font-weight:400}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:1.5rem}}.archives-page .theme-vdoing-wrapper li a span.date{opacity:.6;font-size:.85rem;font-weight:400;margin-right:.3rem}.archives-page .theme-vdoing-wrapper li a .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.archives-page .theme-vdoing-wrapper .loadmore{text-align:center;margin-top:1rem;opacity:.5}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a:hover,.theme-mode-read .archives-page .theme-vdoing-wrapper li a:hover{background:var(--customBlockBg)}.hide-navbar .archives-page .theme-vdoing-wrapper li.year{top:0}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:1.01em;line-height:1.4;font-weight:700;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.98em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:var(--textColor);transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#426feb;border-left-color:#426feb}.sidebar-heading.clickable:hover{color:#426feb}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}.sidebar .sidebar-sub-headers .level4{padding-left:.2rem}.sidebar .sidebar-sub-headers .level5{padding-left:.4rem}.sidebar .sidebar-sub-headers .level6{padding-left:.6rem}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:var(--textColor);border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#426feb}a.sidebar-link.active{font-weight:600;color:#426feb;border-left-color:#426feb}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .pure-video:hover{transition:all .6s;transform:scale(.9)}.sidebar .nav-links{display:none;border-bottom:1px solid var(--borderColor);padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}.sidebar .blogger{display:none;border-bottom:1px solid var(--borderColor)}.sidebar .blogger img{width:60px;height:60px;border-radius:5px;margin:.75rem 1rem}.sidebar .blogger .blogger-info{flex:1}.sidebar .blogger .blogger-info h3{margin:.95rem 0 .7rem;font-size:1.1rem}.sidebar .blogger .blogger-info .icons .iconfont{font-size:1.2rem;padding-right:.6rem;color:#777}.sidebar .sidebar-slot{margin-bottom:-.5rem;font-size:.85rem}.sidebar .sidebar-slot.sidebar-slot-top{padding:1.5rem 1.5rem 0}.sidebar .sidebar-slot.sidebar-slot-bottom{padding:0 1.5rem 1.5rem}@media (max-width:719px){.sidebar .blogger{display:flex}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.yellowBorder{border-radius:5px;box-shadow:0 0 15px #ffe089!important}.buttons{position:fixed;right:2rem;bottom:2.5rem;z-index:11}@media (max-width:959px){.buttons{right:1rem;bottom:1.5rem}}.buttons .button{width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:.9rem;text-align:center;cursor:pointer;transition:all .5s;background:var(--blurBg)}.buttons .button.hover{background:#426feb;box-shadow:0 0 15px #426feb}.buttons .button.hover:before{color:#fff}@media (any-hover:hover){.buttons .button:hover{background:#426feb;box-shadow:0 0 15px #426feb}.buttons .button:hover:before{color:#fff}}.buttons .button .select-box{margin:0;padding:.8rem 0;position:absolute;bottom:0;right:1.5rem;background:var(--mainBg);border:1px solid var(--borderColor);width:120px;border-radius:6px;box-shadow:0 0 15px hsla(0,0%,100%,.2)}.buttons .button .select-box li{list-style:none;line-height:2rem;font-size:.95rem}.buttons .button .select-box li:hover{color:#426feb}.buttons .button .select-box li.active{background-color:hsla(0,0%,58.8%,.2);color:#426feb}.mode-enter-active,.mode-leave-active{transition:all .3s}.mode-enter,.mode-leave-to{opacity:0;transform:scale(.8)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.footer{margin-top:-3.5rem;text-align:center;color:#666;box-sizing:border-box;font-size:.85rem;transition:all .2s ease}.footer .sponsor{padding:8px 20px;display:inline-block;color:#426feb;border-radius:30px;box-sizing:border-box;border:1px solid #426feb}.footer .icons,.footer .sponsor{margin-bottom:16px}.footer .icons .iconfont{padding:0 10px;font-size:1.3rem}.footer a{color:inherit}.footer a:hover{color:#426feb}@media (min-width:720px){.sidebar-open .footer{width:auto;padding-left:19.5rem}}@media (min-width:1520px){.have-rightmenu .footer{padding-right:231.5px}}.no-sidebar .footer{width:auto;padding-left:1.5rem}.body-bg{position:fixed;left:0;top:0;z-index:-999999;height:100vh;width:100vw;transition:background .5s}.theme-mode-light{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-]::-moz-selection,.theme-mode-light code[class*=language-] ::-moz-selection,.theme-mode-light pre[class*=language-]::-moz-selection,.theme-mode-light pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-]::selection,.theme-mode-light code[class*=language-] ::selection,.theme-mode-light pre[class*=language-]::selection,.theme-mode-light pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{text-shadow:none}}.theme-mode-light pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-],.theme-mode-light pre[class*=language-]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata,.theme-mode-light .token.comment,.theme-mode-light .token.doctype,.theme-mode-light .token.prolog{color:#708090}.theme-mode-light .token.punctuation{color:#999}.theme-mode-light .namespace{opacity:.7}.theme-mode-light .token.boolean,.theme-mode-light .token.constant,.theme-mode-light .token.deleted,.theme-mode-light .token.number,.theme-mode-light .token.property,.theme-mode-light .token.symbol,.theme-mode-light .token.tag{color:#905}.theme-mode-light .token.attr-name,.theme-mode-light .token.builtin,.theme-mode-light .token.char,.theme-mode-light .token.inserted,.theme-mode-light .token.selector,.theme-mode-light .token.string{color:#690}.theme-mode-light .language-css .token.string,.theme-mode-light .style .token.string,.theme-mode-light .token.entity,.theme-mode-light .token.operator,.theme-mode-light .token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule,.theme-mode-light .token.attr-value,.theme-mode-light .token.keyword{color:#07a}.theme-mode-light .token.class-name,.theme-mode-light .token.function{color:#dd4a68}.theme-mode-light .token.important,.theme-mode-light .token.regex,.theme-mode-light .token.variable{color:#e90}.theme-mode-light .token.bold,.theme-mode-light .token.important{font-weight:700}.theme-mode-light .token.italic{font-style:italic}.theme-mode-light .token.entity{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted,.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-],.theme-mode-dark pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-],.theme-mode-dark pre[class*=language-]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment,.theme-mode-dark .token.cdata,.theme-mode-dark .token.comment,.theme-mode-dark .token.doctype,.theme-mode-dark .token.prolog{color:#999}.theme-mode-dark .token.punctuation{color:#ccc}.theme-mode-dark .token.attr-name,.theme-mode-dark .token.deleted,.theme-mode-dark .token.namespace,.theme-mode-dark .token.tag{color:#e2777a}.theme-mode-dark .token.function-name{color:#6196cc}.theme-mode-dark .token.boolean,.theme-mode-dark .token.function,.theme-mode-dark .token.number{color:#f08d49}.theme-mode-dark .token.class-name,.theme-mode-dark .token.constant,.theme-mode-dark .token.property,.theme-mode-dark .token.symbol{color:#f8c555}.theme-mode-dark .token.atrule,.theme-mode-dark .token.builtin,.theme-mode-dark .token.important,.theme-mode-dark .token.keyword,.theme-mode-dark .token.selector{color:#cc99cd}.theme-mode-dark .token.attr-value,.theme-mode-dark .token.char,.theme-mode-dark .token.regex,.theme-mode-dark .token.string,.theme-mode-dark .token.variable{color:#7ec699}.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{color:#67cdcc}.theme-mode-dark .language-css .token.string,.theme-mode-dark .style .token.string,.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{background:none}.theme-mode-dark .token.bold,.theme-mode-dark .token.important{font-weight:700}.theme-mode-dark .token.italic{font-style:italic}.theme-mode-dark .token.entity{cursor:help}.theme-mode-dark .token.inserted{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code{background-color:transparent}.theme-mode-dark blockquote{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table{border-color:#1d1d26}.theme-mode-dark table thead{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger,.theme-mode-dark .custom-block.note,.theme-mode-dark .custom-block.tip,.theme-mode-dark .custom-block.warning{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger,.theme-mode-dark .custom-block.danger .custom-block-title{color:#ff4545}.theme-mode-dark .custom-block.note{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active,.theme-mode-dark .nav-item .dropdown-title a:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active,.theme-mode-dark .nav-item>a:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a:hover,.theme-mode-dark .blogger-wrapper .icons a:hover,.theme-mode-dark .buttons .button .select-box li.active,.theme-mode-dark .buttons .button .select-box li:hover,.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-dark .custom-block.details summary:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a:hover,.theme-mode-dark .pagination span:hover,.theme-mode-dark .post-list .post .title-wrapper a:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a:hover,.theme-mode-dark .search-box .suggestions .focused a:hover,.theme-mode-dark a.sidebar-link:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active,.theme-mode-dark .search-box input:focus{border-color:#b160ea}.theme-mode-dark .buttons .button:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active,.theme-mode-dark .search-box .suggestions .parent-page-title{background:#904ac2}.theme-mode-dark .tabs-component-panels,.theme-mode-dark .tabs-component-tab{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active{color:#b160ea}.theme-mode-read{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-],.theme-mode-read pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-],.theme-mode-read pre[class*=language-]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment,.theme-mode-read .token.cdata,.theme-mode-read .token.comment,.theme-mode-read .token.doctype,.theme-mode-read .token.prolog{color:#999}.theme-mode-read .token.punctuation{color:#ccc}.theme-mode-read .token.attr-name,.theme-mode-read .token.deleted,.theme-mode-read .token.namespace,.theme-mode-read .token.tag{color:#e2777a}.theme-mode-read .token.function-name{color:#6196cc}.theme-mode-read .token.boolean,.theme-mode-read .token.function,.theme-mode-read .token.number{color:#f08d49}.theme-mode-read .token.class-name,.theme-mode-read .token.constant,.theme-mode-read .token.property,.theme-mode-read .token.symbol{color:#f8c555}.theme-mode-read .token.atrule,.theme-mode-read .token.builtin,.theme-mode-read .token.important,.theme-mode-read .token.keyword,.theme-mode-read .token.selector{color:#cc99cd}.theme-mode-read .token.attr-value,.theme-mode-read .token.char,.theme-mode-read .token.regex,.theme-mode-read .token.string,.theme-mode-read .token.variable{color:#7ec699}.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{color:#67cdcc}.theme-mode-read .language-css .token.string,.theme-mode-read .style .token.string,.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{background:none}.theme-mode-read .token.bold,.theme-mode-read .token.important{font-weight:700}.theme-mode-read .token.italic{font-style:italic}.theme-mode-read .token.entity{cursor:help}.theme-mode-read .token.inserted{color:green}.custom-html-window{position:fixed;bottom:0;display:flex;overflow:hidden;font-weight:350}@media (max-width:960px){.custom-html-window{display:none}}.custom-html-window .custom-wrapper{position:relative;max-width:200px;max-height:400px}.custom-html-window .custom-wrapper .close-but{cursor:pointer;position:absolute;right:0;top:0;font-size:1.5rem;line-height:1.5rem;width:1.5rem;height:1.5rem;opacity:0;transition:all .2s}.custom-html-window .custom-wrapper .close-but:hover{opacity:.9}.custom-html-window .custom-wrapper:hover .close-but{opacity:.7}.custom-html-window.custom-html-window-lb{left:0;z-index:99}.custom-html-window.custom-html-window-lb>*{align-self:flex-end}.custom-html-window.custom-html-window-rb{right:80px;z-index:10;justify-content:flex-end}.custom-html-window.custom-html-window-rb>*{align-self:flex-end}.bottom-content[data-v-178d6cf4]{opacity:.35;transition:opacity .45s cubic-bezier(.175,.885,.42,1.31)}.bottom-content[data-v-178d6cf4]:hover{opacity:1}.money-deleted[data-v-1e57759c]{position:relative;text-decoration:none}.money-deleted[data-v-1e57759c]:before{content:"";position:absolute;left:0;bottom:35%;width:100%;height:1px;background-color:#000}#js-time[data-v-1e57759c]{margin-left:1rem}.money-deleted[data-v-7cce3ea9]{position:relative;text-decoration:none}.money-deleted[data-v-7cce3ea9]:before{content:"";position:absolute;left:0;bottom:35%;width:100%;height:1px;background-color:#000}#max-time[data-v-7cce3ea9]{margin-left:1rem}.line-numbers-mode{overflow:hidden;transition:height .3s;margin-top:.85rem}.line-numbers-mode:before{content:attr(data-language)}.expand{font-size:12px;cursor:pointer;position:absolute;z-index:3;top:.8em;right:.5em;color:rgba(238,255,255,.8);font-weight:900;transition:transform .3s}div[class*=language-].line-numbers-mode pre{margin:30px 0 .85rem}.highlight-lines,div[class*=language-].line-numbers-mode .line-numbers-wrapper{margin-top:30px}.closed{transform:rotate(90deg) translateY(-3px);transition:all .3s}li .closed{transform:rotate(90deg) translate(5px,-8px)}div[class*=language-]:before{position:absolute;z-index:3;top:.7em;left:4.7rem;font-size:.9em;color:rgba(238,255,255,.8);text-transform:uppercase;font-weight:700;width:-moz-fit-content;width:fit-content}li .expand,li div[class*=language-]:before{margin-top:-4px}div[class*=language-].line-numbers-mode:after{margin-top:35px}.circle{position:absolute;top:.9em;left:.9rem;width:10px;height:10px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b}.code-copy{position:absolute;top:.6rem;right:1.5rem;fill:rgba(238,255,255,.8);opacity:1}.code-copy svg{margin:0}.theme-mode-light .expand,.theme-mode-light div[class*=language-]:before{color:#666}.theme-mode-light .code-copy{fill:#666}.theme-mode-light[data-v-6cdc36a9]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-6cdc36a9]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-6cdc36a9]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-6cdc36a9]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-6cdc36a9],.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-6cdc36a9]::-moz-selection,.theme-mode-light code[class*=language-][data-v-6cdc36a9] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-6cdc36a9]::selection,.theme-mode-light code[class*=language-][data-v-6cdc36a9] ::selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9]::selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-6cdc36a9],.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-6cdc36a9],.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-6cdc36a9]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-6cdc36a9],.theme-mode-light .token.comment[data-v-6cdc36a9],.theme-mode-light .token.doctype[data-v-6cdc36a9],.theme-mode-light .token.prolog[data-v-6cdc36a9]{color:#708090}.theme-mode-light .token.punctuation[data-v-6cdc36a9]{color:#999}.theme-mode-light .namespace[data-v-6cdc36a9]{opacity:.7}.theme-mode-light .token.boolean[data-v-6cdc36a9],.theme-mode-light .token.constant[data-v-6cdc36a9],.theme-mode-light .token.deleted[data-v-6cdc36a9],.theme-mode-light .token.number[data-v-6cdc36a9],.theme-mode-light .token.property[data-v-6cdc36a9],.theme-mode-light .token.symbol[data-v-6cdc36a9],.theme-mode-light .token.tag[data-v-6cdc36a9]{color:#905}.theme-mode-light .token.attr-name[data-v-6cdc36a9],.theme-mode-light .token.builtin[data-v-6cdc36a9],.theme-mode-light .token.char[data-v-6cdc36a9],.theme-mode-light .token.inserted[data-v-6cdc36a9],.theme-mode-light .token.selector[data-v-6cdc36a9],.theme-mode-light .token.string[data-v-6cdc36a9]{color:#690}.theme-mode-light .language-css .token.string[data-v-6cdc36a9],.theme-mode-light .style .token.string[data-v-6cdc36a9],.theme-mode-light .token.entity[data-v-6cdc36a9],.theme-mode-light .token.operator[data-v-6cdc36a9],.theme-mode-light .token.url[data-v-6cdc36a9]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-6cdc36a9],.theme-mode-light .token.attr-value[data-v-6cdc36a9],.theme-mode-light .token.keyword[data-v-6cdc36a9]{color:#07a}.theme-mode-light .token.class-name[data-v-6cdc36a9],.theme-mode-light .token.function[data-v-6cdc36a9]{color:#dd4a68}.theme-mode-light .token.important[data-v-6cdc36a9],.theme-mode-light .token.regex[data-v-6cdc36a9],.theme-mode-light .token.variable[data-v-6cdc36a9]{color:#e90}.theme-mode-light .token.bold[data-v-6cdc36a9],.theme-mode-light .token.important[data-v-6cdc36a9]{font-weight:700}.theme-mode-light .token.italic[data-v-6cdc36a9]{font-style:italic}.theme-mode-light .token.entity[data-v-6cdc36a9]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-6cdc36a9],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-6cdc36a9]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-6cdc36a9]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-6cdc36a9],.theme-mode-dark pre[class*=language-][data-v-6cdc36a9]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-6cdc36a9]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-6cdc36a9],.theme-mode-dark pre[class*=language-][data-v-6cdc36a9]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-6cdc36a9]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-6cdc36a9],.theme-mode-dark .token.cdata[data-v-6cdc36a9],.theme-mode-dark .token.comment[data-v-6cdc36a9],.theme-mode-dark .token.doctype[data-v-6cdc36a9],.theme-mode-dark .token.prolog[data-v-6cdc36a9]{color:#999}.theme-mode-dark .token.punctuation[data-v-6cdc36a9]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-6cdc36a9],.theme-mode-dark .token.deleted[data-v-6cdc36a9],.theme-mode-dark .token.namespace[data-v-6cdc36a9],.theme-mode-dark .token.tag[data-v-6cdc36a9]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-6cdc36a9]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-6cdc36a9],.theme-mode-dark .token.function[data-v-6cdc36a9],.theme-mode-dark .token.number[data-v-6cdc36a9]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-6cdc36a9],.theme-mode-dark .token.constant[data-v-6cdc36a9],.theme-mode-dark .token.property[data-v-6cdc36a9],.theme-mode-dark .token.symbol[data-v-6cdc36a9]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-6cdc36a9],.theme-mode-dark .token.builtin[data-v-6cdc36a9],.theme-mode-dark .token.important[data-v-6cdc36a9],.theme-mode-dark .token.keyword[data-v-6cdc36a9],.theme-mode-dark .token.selector[data-v-6cdc36a9]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-6cdc36a9],.theme-mode-dark .token.char[data-v-6cdc36a9],.theme-mode-dark .token.regex[data-v-6cdc36a9],.theme-mode-dark .token.string[data-v-6cdc36a9],.theme-mode-dark .token.variable[data-v-6cdc36a9]{color:#7ec699}.theme-mode-dark .token.entity[data-v-6cdc36a9],.theme-mode-dark .token.operator[data-v-6cdc36a9],.theme-mode-dark .token.url[data-v-6cdc36a9]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-6cdc36a9],.theme-mode-dark .style .token.string[data-v-6cdc36a9],.theme-mode-dark .token.entity[data-v-6cdc36a9],.theme-mode-dark .token.operator[data-v-6cdc36a9],.theme-mode-dark .token.url[data-v-6cdc36a9]{background:none}.theme-mode-dark .token.bold[data-v-6cdc36a9],.theme-mode-dark .token.important[data-v-6cdc36a9]{font-weight:700}.theme-mode-dark .token.italic[data-v-6cdc36a9]{font-style:italic}.theme-mode-dark .token.entity[data-v-6cdc36a9]{cursor:help}.theme-mode-dark .token.inserted[data-v-6cdc36a9]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-6cdc36a9]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-6cdc36a9]{background-color:transparent}.theme-mode-dark blockquote[data-v-6cdc36a9]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-6cdc36a9]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-6cdc36a9]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-6cdc36a9]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-6cdc36a9]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-6cdc36a9]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-6cdc36a9]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-6cdc36a9],.theme-mode-dark .custom-block.note[data-v-6cdc36a9],.theme-mode-dark .custom-block.tip[data-v-6cdc36a9],.theme-mode-dark .custom-block.warning[data-v-6cdc36a9]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-6cdc36a9],.theme-mode-dark .custom-block.danger[data-v-6cdc36a9]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-6cdc36a9]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-6cdc36a9]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-6cdc36a9],.theme-mode-dark .nav-item .dropdown-title a[data-v-6cdc36a9]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-6cdc36a9],.theme-mode-dark .nav-item>a[data-v-6cdc36a9]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-6cdc36a9]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-6cdc36a9]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-6cdc36a9]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-6cdc36a9],.theme-mode-dark .buttons .button .select-box li[data-v-6cdc36a9]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-6cdc36a9]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-6cdc36a9]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-6cdc36a9],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-6cdc36a9]:hover,.theme-mode-dark .pagination span[data-v-6cdc36a9]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-6cdc36a9]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-6cdc36a9],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-6cdc36a9]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-6cdc36a9]:hover,.theme-mode-dark a.sidebar-link[data-v-6cdc36a9]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-6cdc36a9]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-6cdc36a9],.theme-mode-dark .search-box input[data-v-6cdc36a9]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-6cdc36a9]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-6cdc36a9],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-6cdc36a9]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-6cdc36a9],.theme-mode-dark .tabs-component-tab[data-v-6cdc36a9]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-6cdc36a9]{color:#b160ea}.theme-mode-read[data-v-6cdc36a9]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-6cdc36a9],.theme-mode-read pre[class*=language-][data-v-6cdc36a9]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-6cdc36a9]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-6cdc36a9],.theme-mode-read pre[class*=language-][data-v-6cdc36a9]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-6cdc36a9]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-6cdc36a9],.theme-mode-read .token.cdata[data-v-6cdc36a9],.theme-mode-read .token.comment[data-v-6cdc36a9],.theme-mode-read .token.doctype[data-v-6cdc36a9],.theme-mode-read .token.prolog[data-v-6cdc36a9]{color:#999}.theme-mode-read .token.punctuation[data-v-6cdc36a9]{color:#ccc}.theme-mode-read .token.attr-name[data-v-6cdc36a9],.theme-mode-read .token.deleted[data-v-6cdc36a9],.theme-mode-read .token.namespace[data-v-6cdc36a9],.theme-mode-read .token.tag[data-v-6cdc36a9]{color:#e2777a}.theme-mode-read .token.function-name[data-v-6cdc36a9]{color:#6196cc}.theme-mode-read .token.boolean[data-v-6cdc36a9],.theme-mode-read .token.function[data-v-6cdc36a9],.theme-mode-read .token.number[data-v-6cdc36a9]{color:#f08d49}.theme-mode-read .token.class-name[data-v-6cdc36a9],.theme-mode-read .token.constant[data-v-6cdc36a9],.theme-mode-read .token.property[data-v-6cdc36a9],.theme-mode-read .token.symbol[data-v-6cdc36a9]{color:#f8c555}.theme-mode-read .token.atrule[data-v-6cdc36a9],.theme-mode-read .token.builtin[data-v-6cdc36a9],.theme-mode-read .token.important[data-v-6cdc36a9],.theme-mode-read .token.keyword[data-v-6cdc36a9],.theme-mode-read .token.selector[data-v-6cdc36a9]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-6cdc36a9],.theme-mode-read .token.char[data-v-6cdc36a9],.theme-mode-read .token.regex[data-v-6cdc36a9],.theme-mode-read .token.string[data-v-6cdc36a9],.theme-mode-read .token.variable[data-v-6cdc36a9]{color:#7ec699}.theme-mode-read .token.entity[data-v-6cdc36a9],.theme-mode-read .token.operator[data-v-6cdc36a9],.theme-mode-read .token.url[data-v-6cdc36a9]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-6cdc36a9],.theme-mode-read .style .token.string[data-v-6cdc36a9],.theme-mode-read .token.entity[data-v-6cdc36a9],.theme-mode-read .token.operator[data-v-6cdc36a9],.theme-mode-read .token.url[data-v-6cdc36a9]{background:none}.theme-mode-read .token.bold[data-v-6cdc36a9],.theme-mode-read .token.important[data-v-6cdc36a9]{font-weight:700}.theme-mode-read .token.italic[data-v-6cdc36a9]{font-style:italic}.theme-mode-read .token.entity[data-v-6cdc36a9]{cursor:help}.theme-mode-read .token.inserted[data-v-6cdc36a9]{color:green}.badge[data-v-6cdc36a9]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-6cdc36a9],.badge.tip[data-v-6cdc36a9],.badge[data-v-6cdc36a9]{background-color:#42b983}.badge.error[data-v-6cdc36a9]{background-color:#da5961}.badge.warn[data-v-6cdc36a9],.badge.warning[data-v-6cdc36a9],.badge.yellow[data-v-6cdc36a9]{background-color:#e7c000}.badge+.badge[data-v-6cdc36a9]{margin-left:5px}
\ No newline at end of file
+@import url(//at.alicdn.com/t/font_1678482_4tbhmh589x.css);.code-copy{color:#aaa;fill:#aaa;font-size:14px;display:inline-block;cursor:pointer}div[class*=aside-code] aside .code-copy,div[class*=language-] pre .code-copy{position:absolute;z-index:1000;top:7px;right:35px;opacity:0;font-size:16px}div[class*=aside-code] aside:hover .code-copy,div[class*=language-] pre:hover .code-copy{opacity:1}.content pre,.content pre[class*=language-]{overflow-y:hidden}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{position:static!important}div[class~=language-text]:before{content:"text"}div[class~=language-yml]:before{content:"yml"}div[class*=language-] pre{-webkit-user-select:text;-moz-user-select:text;user-select:text}p code{-webkit-user-select:all;-moz-user-select:all;user-select:all}@keyframes message-move-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#message-container .message.move-in{animation:message-move-in .3s ease-in-out}@keyframes message-move-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}#message-container .message.move-out{animation:message-move-out .3s ease-in-out;animation-fill-mode:forwards}#message-container .message{background:#fff;margin:10px 0;padding:0 10px;height:40px;box-shadow:0 0 10px 0 #ccc;font-size:14px;border-radius:3px;display:flex;align-items:center;transition:height .2s ease-in-out,margin .2s ease-in-out}#message-container{position:fixed;left:0;top:100px;right:0;display:flex;flex-direction:column;align-items:center}#message-container .message .text{color:#333;padding:0 20px 0 5px}.theme-code-block[data-v-b7295a7e]{display:none}.theme-code-block__active[data-v-b7295a7e]{display:block}.theme-code-block>pre[data-v-b7295a7e]{background-color:orange}@media (max-width:419px){.theme-code-group div[class*=language-][data-v-b7295a7e]{margin:0}}.theme-mode-light[data-v-d560d5e8]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-d560d5e8]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-d560d5e8]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-d560d5e8]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-d560d5e8],.theme-mode-light pre[class*=language-][data-v-d560d5e8]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-d560d5e8]::-moz-selection,.theme-mode-light code[class*=language-][data-v-d560d5e8] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-d560d5e8]::selection,.theme-mode-light code[class*=language-][data-v-d560d5e8] ::selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8]::selection,.theme-mode-light pre[class*=language-][data-v-d560d5e8] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-d560d5e8],.theme-mode-light pre[class*=language-][data-v-d560d5e8]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-d560d5e8]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-d560d5e8],.theme-mode-light pre[class*=language-][data-v-d560d5e8]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-d560d5e8]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-d560d5e8],.theme-mode-light .token.comment[data-v-d560d5e8],.theme-mode-light .token.doctype[data-v-d560d5e8],.theme-mode-light .token.prolog[data-v-d560d5e8]{color:#708090}.theme-mode-light .token.punctuation[data-v-d560d5e8]{color:#999}.theme-mode-light .namespace[data-v-d560d5e8]{opacity:.7}.theme-mode-light .token.boolean[data-v-d560d5e8],.theme-mode-light .token.constant[data-v-d560d5e8],.theme-mode-light .token.deleted[data-v-d560d5e8],.theme-mode-light .token.number[data-v-d560d5e8],.theme-mode-light .token.property[data-v-d560d5e8],.theme-mode-light .token.symbol[data-v-d560d5e8],.theme-mode-light .token.tag[data-v-d560d5e8]{color:#905}.theme-mode-light .token.attr-name[data-v-d560d5e8],.theme-mode-light .token.builtin[data-v-d560d5e8],.theme-mode-light .token.char[data-v-d560d5e8],.theme-mode-light .token.inserted[data-v-d560d5e8],.theme-mode-light .token.selector[data-v-d560d5e8],.theme-mode-light .token.string[data-v-d560d5e8]{color:#690}.theme-mode-light .language-css .token.string[data-v-d560d5e8],.theme-mode-light .style .token.string[data-v-d560d5e8],.theme-mode-light .token.entity[data-v-d560d5e8],.theme-mode-light .token.operator[data-v-d560d5e8],.theme-mode-light .token.url[data-v-d560d5e8]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-d560d5e8],.theme-mode-light .token.attr-value[data-v-d560d5e8],.theme-mode-light .token.keyword[data-v-d560d5e8]{color:#07a}.theme-mode-light .token.class-name[data-v-d560d5e8],.theme-mode-light .token.function[data-v-d560d5e8]{color:#dd4a68}.theme-mode-light .token.important[data-v-d560d5e8],.theme-mode-light .token.regex[data-v-d560d5e8],.theme-mode-light .token.variable[data-v-d560d5e8]{color:#e90}.theme-mode-light .token.bold[data-v-d560d5e8],.theme-mode-light .token.important[data-v-d560d5e8]{font-weight:700}.theme-mode-light .token.italic[data-v-d560d5e8]{font-style:italic}.theme-mode-light .token.entity[data-v-d560d5e8]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-d560d5e8],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-d560d5e8]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-d560d5e8]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-d560d5e8],.theme-mode-dark pre[class*=language-][data-v-d560d5e8]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-d560d5e8]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d560d5e8],.theme-mode-dark pre[class*=language-][data-v-d560d5e8]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-d560d5e8]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-d560d5e8],.theme-mode-dark .token.cdata[data-v-d560d5e8],.theme-mode-dark .token.comment[data-v-d560d5e8],.theme-mode-dark .token.doctype[data-v-d560d5e8],.theme-mode-dark .token.prolog[data-v-d560d5e8]{color:#999}.theme-mode-dark .token.punctuation[data-v-d560d5e8]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-d560d5e8],.theme-mode-dark .token.deleted[data-v-d560d5e8],.theme-mode-dark .token.namespace[data-v-d560d5e8],.theme-mode-dark .token.tag[data-v-d560d5e8]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-d560d5e8]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-d560d5e8],.theme-mode-dark .token.function[data-v-d560d5e8],.theme-mode-dark .token.number[data-v-d560d5e8]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-d560d5e8],.theme-mode-dark .token.constant[data-v-d560d5e8],.theme-mode-dark .token.property[data-v-d560d5e8],.theme-mode-dark .token.symbol[data-v-d560d5e8]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-d560d5e8],.theme-mode-dark .token.builtin[data-v-d560d5e8],.theme-mode-dark .token.important[data-v-d560d5e8],.theme-mode-dark .token.keyword[data-v-d560d5e8],.theme-mode-dark .token.selector[data-v-d560d5e8]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-d560d5e8],.theme-mode-dark .token.char[data-v-d560d5e8],.theme-mode-dark .token.regex[data-v-d560d5e8],.theme-mode-dark .token.string[data-v-d560d5e8],.theme-mode-dark .token.variable[data-v-d560d5e8]{color:#7ec699}.theme-mode-dark .token.entity[data-v-d560d5e8],.theme-mode-dark .token.operator[data-v-d560d5e8],.theme-mode-dark .token.url[data-v-d560d5e8]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-d560d5e8],.theme-mode-dark .style .token.string[data-v-d560d5e8],.theme-mode-dark .token.entity[data-v-d560d5e8],.theme-mode-dark .token.operator[data-v-d560d5e8],.theme-mode-dark .token.url[data-v-d560d5e8]{background:none}.theme-mode-dark .token.bold[data-v-d560d5e8],.theme-mode-dark .token.important[data-v-d560d5e8]{font-weight:700}.theme-mode-dark .token.italic[data-v-d560d5e8]{font-style:italic}.theme-mode-dark .token.entity[data-v-d560d5e8]{cursor:help}.theme-mode-dark .token.inserted[data-v-d560d5e8]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-d560d5e8]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-d560d5e8]{background-color:transparent}.theme-mode-dark blockquote[data-v-d560d5e8]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-d560d5e8]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-d560d5e8]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-d560d5e8]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-d560d5e8]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-d560d5e8]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-d560d5e8]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-d560d5e8],.theme-mode-dark .custom-block.note[data-v-d560d5e8],.theme-mode-dark .custom-block.tip[data-v-d560d5e8],.theme-mode-dark .custom-block.warning[data-v-d560d5e8]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-d560d5e8],.theme-mode-dark .custom-block.danger[data-v-d560d5e8]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-d560d5e8]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-d560d5e8]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-d560d5e8],.theme-mode-dark .nav-item .dropdown-title a[data-v-d560d5e8]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-d560d5e8],.theme-mode-dark .nav-item>a[data-v-d560d5e8]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-d560d5e8]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-d560d5e8]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-d560d5e8]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-d560d5e8],.theme-mode-dark .buttons .button .select-box li[data-v-d560d5e8]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-d560d5e8]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-d560d5e8]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-d560d5e8],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-d560d5e8]:hover,.theme-mode-dark .pagination span[data-v-d560d5e8]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-d560d5e8]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-d560d5e8],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-d560d5e8]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-d560d5e8]:hover,.theme-mode-dark a.sidebar-link[data-v-d560d5e8]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-d560d5e8]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-d560d5e8],.theme-mode-dark .search-box input[data-v-d560d5e8]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-d560d5e8]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-d560d5e8],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-d560d5e8]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-d560d5e8],.theme-mode-dark .tabs-component-tab[data-v-d560d5e8]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-d560d5e8]{color:#b160ea}.theme-mode-read[data-v-d560d5e8]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-d560d5e8],.theme-mode-read pre[class*=language-][data-v-d560d5e8]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-d560d5e8]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-d560d5e8],.theme-mode-read pre[class*=language-][data-v-d560d5e8]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-d560d5e8]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-d560d5e8],.theme-mode-read .token.cdata[data-v-d560d5e8],.theme-mode-read .token.comment[data-v-d560d5e8],.theme-mode-read .token.doctype[data-v-d560d5e8],.theme-mode-read .token.prolog[data-v-d560d5e8]{color:#999}.theme-mode-read .token.punctuation[data-v-d560d5e8]{color:#ccc}.theme-mode-read .token.attr-name[data-v-d560d5e8],.theme-mode-read .token.deleted[data-v-d560d5e8],.theme-mode-read .token.namespace[data-v-d560d5e8],.theme-mode-read .token.tag[data-v-d560d5e8]{color:#e2777a}.theme-mode-read .token.function-name[data-v-d560d5e8]{color:#6196cc}.theme-mode-read .token.boolean[data-v-d560d5e8],.theme-mode-read .token.function[data-v-d560d5e8],.theme-mode-read .token.number[data-v-d560d5e8]{color:#f08d49}.theme-mode-read .token.class-name[data-v-d560d5e8],.theme-mode-read .token.constant[data-v-d560d5e8],.theme-mode-read .token.property[data-v-d560d5e8],.theme-mode-read .token.symbol[data-v-d560d5e8]{color:#f8c555}.theme-mode-read .token.atrule[data-v-d560d5e8],.theme-mode-read .token.builtin[data-v-d560d5e8],.theme-mode-read .token.important[data-v-d560d5e8],.theme-mode-read .token.keyword[data-v-d560d5e8],.theme-mode-read .token.selector[data-v-d560d5e8]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-d560d5e8],.theme-mode-read .token.char[data-v-d560d5e8],.theme-mode-read .token.regex[data-v-d560d5e8],.theme-mode-read .token.string[data-v-d560d5e8],.theme-mode-read .token.variable[data-v-d560d5e8]{color:#7ec699}.theme-mode-read .token.entity[data-v-d560d5e8],.theme-mode-read .token.operator[data-v-d560d5e8],.theme-mode-read .token.url[data-v-d560d5e8]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-d560d5e8],.theme-mode-read .style .token.string[data-v-d560d5e8],.theme-mode-read .token.entity[data-v-d560d5e8],.theme-mode-read .token.operator[data-v-d560d5e8],.theme-mode-read .token.url[data-v-d560d5e8]{background:none}.theme-mode-read .token.bold[data-v-d560d5e8],.theme-mode-read .token.important[data-v-d560d5e8]{font-weight:700}.theme-mode-read .token.italic[data-v-d560d5e8]{font-style:italic}.theme-mode-read .token.entity[data-v-d560d5e8]{cursor:help}.theme-mode-read .token.inserted[data-v-d560d5e8]{color:green}.theme-code-group[data-v-d560d5e8],.theme-code-group__nav[data-v-d560d5e8]{background-color:var(--codeBg);padding-bottom:22px;border-radius:6px;padding-left:10px;padding-top:10px}.theme-code-group__nav[data-v-d560d5e8]{margin-bottom:-35px}.theme-code-group__ul[data-v-d560d5e8]{margin:auto 0;padding-left:0;display:inline-flex;list-style:none}.theme-code-group__li[data-v-d560d5e8],.theme-code-group__nav-tab[data-v-d560d5e8]{border:0;padding:5px;cursor:pointer;background-color:transparent;font-size:.85em;line-height:1.4;color:var(--codeColor);font-weight:600;opacity:.85}.theme-code-group__nav-tab-active[data-v-d560d5e8]{border-bottom:1px solid #426feb;opacity:1}.pre-blank[data-v-d560d5e8]{color:#426feb}body .theme-vdoing-content code{color:var(--textLightenColor);padding:.25rem .5rem;margin:0;font-size:.9em;background-color:hsla(0,0%,39.2%,.08);border-radius:3px}body .theme-vdoing-content code .token.deleted{color:#ec5975}body .theme-vdoing-content code .token.inserted{color:#426feb}body .theme-vdoing-content pre,body .theme-vdoing-content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}body .theme-vdoing-content pre[class*=language-] code,body .theme-vdoing-content pre code{color:var(--codeColor);padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:var(--codeBg);border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.3)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative!important;z-index:1}div[class*=language-]:before{top:.8em;right:1em;font-size:.8rem;color:hsla(0,0%,58.8%,.7)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:2.5rem;height:100%;background-color:rgba(0,0,0,.3)}div[class*=language-].line-numbers-mode pre{padding-left:3.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:2.5rem;text-align:center;color:hsla(0,0%,49.8%,.5);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;user-select:none;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:2.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid var(--borderColor);background-color:var(--codeBg)}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-docker]:before{content:"docker"}div[class~=language-dockerfile]:before{content:"dockerfile"}div[class~=language-makefile]:before{content:"makefile"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}div[class~=language-php]:before{content:"php"}.custom-block .custom-block-title{font-weight:600;margin-bottom:.2rem}.custom-block p{margin:0}.custom-block.danger,.custom-block.note,.custom-block.tip,.custom-block.warning{padding:.5rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983;color:#215d42}.custom-block.warning{background-color:#fff7d0;border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:var(--textColor)}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:var(--textColor)}.custom-block.note{background-color:#e8f5fa;border-color:#157bae;color:#0d4a68}.custom-block.right{color:var(--textColor);font-size:.9rem;text-align:right}.custom-block.theorem{margin:1rem 0;padding:.8rem 1.5rem;border-radius:2px;background-color:var(--customBlockBg)}.custom-block.theorem .title{font-weight:700;margin:.5rem 0}.custom-block.details{display:block;position:relative;border-radius:2px;margin:1em 0;padding:1.6em;background-color:var(--customBlockBg)}.custom-block.details p{margin:.8rem 0}.custom-block.details h4{margin-top:0}.custom-block.details figure:last-child,.custom-block.details p:last-child{margin-bottom:0;padding-bottom:0}.custom-block.details summary{outline:none;cursor:pointer}.custom-block.details summary:hover{color:#426feb}.theme-mode-dark .custom-block.warning{background-color:rgba(255,247,208,.2);color:#e7c000}.theme-mode-dark .custom-block.warning .custom-block-title{color:#ffdc2f}.theme-mode-dark .custom-block.tip{background-color:rgba(243,245,247,.2);color:#42b983}.theme-mode-dark .custom-block.danger{background-color:rgba(255,230,230,.4);color:maroon}.theme-mode-dark .custom-block.danger a{color:#426feb}.theme-mode-dark .custom-block.note{background-color:rgba(243,245,247,.2);color:#157bae}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.theme-vdoing-content:not(.custom){max-width:860px}.table-of-contents .badge{vertical-align:middle}.center-container{text-align:center}.center-container>h1,.center-container>h2,.center-container>h3,.center-container>h4,.center-container>h5,.center-container>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.center-container>h1 a.header-anchor,.center-container>h2 a.header-anchor,.center-container>h3 a.header-anchor,.center-container>h4 a.header-anchor,.center-container>h5 a.header-anchor,.center-container>h6 a.header-anchor{float:none;padding-right:0;margin-left:-.9rem}.cardListContainer{margin:.7rem 0}.cardListContainer>:not(.card-list){display:none}.cardListContainer .card-list{margin:-.35rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardListContainer .card-list .card-item{width:calc(33.33333% - .7rem);margin:.35rem;background:var(--bodyBg);border-radius:3px;color:var(--textColor);display:flex;box-shadow:1px 1px 2px 0 rgba(0,0,0,.06);transition:all .4s}.cardListContainer .card-list .card-item:hover{text-decoration:none;box-shadow:0 10px 20px -10px var(--randomColor,rgba(0,0,0,.15));transform:translateY(-3px) scale(1.01)}.cardListContainer .card-list .card-item:hover img{box-shadow:3px 2px 7px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item:hover div p{text-shadow:3px 2px 5px rgba(0,0,0,.15)}.cardListContainer .card-list .card-item img{width:60px;height:60px;border-radius:50%;border:2px solid #fff;margin:1rem 0 1rem 1rem;box-shadow:3px 2px 5px rgba(0,0,0,.08);transition:all .4s}.cardListContainer .card-list .card-item div{flex:1;display:inline-block;float:right;padding:1rem 0}.cardListContainer .card-list .card-item div p{margin:0;padding:0 1rem;transition:text-shadow .4s;text-align:center}.cardListContainer .card-list .card-item div .name{margin:.2rem 0 .3rem}.cardListContainer .card-list .card-item div .desc{font-size:.8rem;line-height:1.1rem;opacity:.8;margin-bottom:.2rem}.cardListContainer .card-list .card-item.row-1{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img{margin-left:2rem}.cardListContainer .card-list .card-item.row-2{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-2 img{margin-left:1.5rem}.cardListContainer .card-list .card-item.row-3{width:calc(33.33333% - .7rem)}.cardListContainer .card-list .card-item.row-4{width:calc(25% - .7rem)}.cardImgListContainer{margin:1rem 0}.cardImgListContainer>:not(.card-list){display:none}.cardImgListContainer .card-list{margin:-.5rem;display:flex;flex-wrap:wrap;align-items:flex-start}.cardImgListContainer .card-list .card-item{width:calc(33.33333% - 1rem);margin:.5rem;background:var(--mainBg);border:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-radius:3px;overflow:hidden;color:var(--textColor);box-shadow:2px 2px 10px rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;transition:all .4s}.cardImgListContainer .card-list .card-item:hover{box-shadow:1px 1px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.cardImgListContainer .card-list .card-item .box-img{overflow:hidden;position:relative;background:#eee}.cardImgListContainer .card-list .card-item .box-img img{display:block;width:100%;height:100%;transition:all .3s}.cardImgListContainer .card-list .card-item a{color:var(--textColor);transition:color .3s}.cardImgListContainer .card-list .card-item a:hover{text-decoration:none}.cardImgListContainer .card-list .card-item .box-info{padding:.8rem 1rem}.cardImgListContainer .card-list .card-item .box-info p{margin:0}.cardImgListContainer .card-list .card-item .box-info .desc{margin-top:.3rem;opacity:.8;font-size:.9rem;line-height:1.1rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.cardImgListContainer .card-list .card-item .box-footer{overflow:hidden;padding:.8rem 1rem;border-top:1px solid rgba(0,0,0,.1)}.cardImgListContainer .card-list .card-item .box-footer img{width:1.8rem;height:1.8rem;border-radius:50%;float:left}.cardImgListContainer .card-list .card-item .box-footer span{line-height:1.8rem;float:left;margin-left:.6rem;font-size:.8rem}.cardImgListContainer .card-list .card-item.row-1{width:calc(100% - 1rem)}.cardImgListContainer .card-list .card-item.row-2{width:calc(50% - 1rem)}.cardImgListContainer .card-list .card-item.row-3{width:calc(33.33333% - 1rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(25% - 1rem)}.theme-mode-dark .cardImgListContainer .card-list .card-item,.theme-mode-dark .cardImgListContainer .card-list .card-item .box-footer{border-color:var(--borderColor)}@media (max-width:900px){.cardListContainer .card-list .card-item.row-4{width:calc(33.33333% - .7rem)}.cardImgListContainer .card-list .card-item.row-4{width:calc(33.33333% - 1rem)}}@media (max-width:720px){.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(50% - .7rem)}.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(50% - 1rem)}}@media (max-width:500px){.cardListContainer .card-list .card-item.row-1,.cardListContainer .card-list .card-item.row-2,.cardListContainer .card-list .card-item.row-3,.cardListContainer .card-list .card-item.row-4{width:calc(100% - .7rem)}.cardListContainer .card-list .card-item.row-1 img,.cardListContainer .card-list .card-item.row-2 img,.cardListContainer .card-list .card-item.row-3 img,.cardListContainer .card-list .card-item.row-4 img{margin-left:1.5rem}.cardImgListContainer .card-list .card-item.row-1,.cardImgListContainer .card-list .card-item.row-2,.cardImgListContainer .card-list .card-item.row-3,.cardImgListContainer .card-list .card-item.row-4{width:calc(100% - 1rem)}}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px;color:#2c3e50;background:var(--bodyBg)}a,button,input{outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-focus-ring-color:transparent}@media (min-width:719px){::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.15);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(0,0,0,.28);-webkit-border-radius:3px}}.card-box{border-radius:5px;background:var(--mainBg);box-shadow:0 0 4px 0 rgba(0,0,0,.1);transition:box-shadow .5s}.card-box:hover{box-shadow:0 1px 15px 0 rgba(0,0,0,.1)}@media (max-width:719px){.theme-style-line{margin-left:-1px;margin-right:-1px}}.theme-style-line .card-box{box-shadow:0 0;border:1px solid var(--borderColor)}.blur{-webkit-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px)}.custom-page{min-height:calc(100vh - 3.6rem);padding-top:3.6rem;padding-bottom:.9rem}.custom-page .theme-vdoing-wrapper{margin:0 auto}body .search-box input{background-color:transparent;color:var(--textColor);border:1px solid var(--borderColor,#ccc)}@media (max-width:959px){body .search-box input{border-color:transparent}}.page{transition:padding .2s ease;padding-left:.8rem}.navbar{position:fixed;z-index:20;top:0;left:0;right:0;height:3.6rem;background-color:var(--blurBg);box-sizing:border-box;box-shadow:0 2px 5px rgba(0,0,0,.06)}.sidebar-mask{top:0;width:100vw;height:100vh}.sidebar-hover-trigger,.sidebar-mask{position:fixed;z-index:12;left:0;display:none}.sidebar-hover-trigger{top:8.1rem;bottom:0;width:24px}.sidebar{font-size:16px;background-color:var(--sidebarBg);width:18rem;position:fixed;z-index:13;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid var(--borderColor);overflow-y:auto;transform:translateX(-100%);transition:transform .2s}@media (max-width:719px){.sidebar{background-color:var(--mainBg)}}.theme-vdoing-content:not(.custom){word-wrap:break-word}.theme-vdoing-content:not(.custom) a:hover{text-decoration:underline}.theme-vdoing-content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.theme-vdoing-content:not(.custom) img{max-width:100%}.theme-vdoing-content.custom{padding:0;margin:0}.theme-vdoing-content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#426feb}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1rem;opacity:.75;border-left:.2rem solid hsla(0,0%,39.2%,.3);margin:1rem 0;padding:.25rem 0 .25rem 1rem}blockquote>p{margin:0}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.theme-vdoing-content:not(.custom)>h1,.theme-vdoing-content:not(.custom)>h2,.theme-vdoing-content:not(.custom)>h3,.theme-vdoing-content:not(.custom)>h4,.theme-vdoing-content:not(.custom)>h5,.theme-vdoing-content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.theme-vdoing-content:not(.custom)>h1:first-child,.theme-vdoing-content:not(.custom)>h2:first-child,.theme-vdoing-content:not(.custom)>h3:first-child,.theme-vdoing-content:not(.custom)>h4:first-child,.theme-vdoing-content:not(.custom)>h5:first-child,.theme-vdoing-content:not(.custom)>h6:first-child{margin-bottom:1rem}.theme-vdoing-content:not(.custom)>h1:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h1:first-child+p,.theme-vdoing-content:not(.custom)>h1:first-child+pre,.theme-vdoing-content:not(.custom)>h2:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h2:first-child+p,.theme-vdoing-content:not(.custom)>h2:first-child+pre,.theme-vdoing-content:not(.custom)>h3:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h3:first-child+p,.theme-vdoing-content:not(.custom)>h3:first-child+pre,.theme-vdoing-content:not(.custom)>h4:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h4:first-child+p,.theme-vdoing-content:not(.custom)>h4:first-child+pre,.theme-vdoing-content:not(.custom)>h5:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h5:first-child+p,.theme-vdoing-content:not(.custom)>h5:first-child+pre,.theme-vdoing-content:not(.custom)>h6:first-child+.custom-block,.theme-vdoing-content:not(.custom)>h6:first-child+p,.theme-vdoing-content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:focus .header-anchor,h1:hover .header-anchor,h2:focus .header-anchor,h2:hover .header-anchor,h3:focus .header-anchor,h3:hover .header-anchor,h4:focus .header-anchor,h4:hover .header-anchor,h5:focus .header-anchor,h5:hover .header-anchor,h6:focus .header-anchor,h6:hover .header-anchor{opacity:1}.theme-vdoing-content:not(.custom)>.custom-block:first-child,.theme-vdoing-content:not(.custom)>p:first-child,.theme-vdoing-content:not(.custom)>pre:first-child{margin-top:2rem}h1{font-size:1.9rem}.theme-vdoing-content:not(.custom)>h1:first-child{display:none}h2{font-size:1.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--borderColor)}h3{font-size:1.35rem}.page h4{font-size:1.25rem}.page h5{font-size:1.15rem}.page h6{font-size:1.05rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:focus,a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid var(--borderColor)}table{border-collapse:collapse;margin:1rem 0;overflow-x:auto;width:100%;display:inline-table}@media (max-width:719px){table{display:block}}tr{border-top:1px solid var(--borderColor)}tr:nth-child(2n){background-color:hsla(0,0%,58.8%,.1)}td,th{border:1px solid var(--borderColor);padding:.6em 1em}@media (max-width:719px){td,th{padding:.3em .5em}}td a,th a{word-break:break-all}.theme-container{color:var(--textColor)}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .theme-vdoing-content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px}}@media (max-width:719px){.sidebar{width:17.099999999999998rem}}@media (min-width:720px) and (max-width:959px){.sidebar{width:16.2rem}.theme-container.sidebar-open .page{padding-left:17rem!important}}@media (max-width:719px){.sidebar{top:0;height:100vh;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.theme-vdoing-content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}@media (min-width:720px){.theme-container .sidebar-hover-trigger{display:block}.theme-container .sidebar-hover-trigger:hover~.sidebar,.theme-container:not(.sidebar-open) .sidebar-hover-trigger~.sidebar:hover{transform:translateX(0);z-index:100}.theme-container.sidebar-open .sidebar-mask{display:none}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.sidebar-open .sidebar-button{left:18rem}.theme-container.sidebar-open .page{padding-left:18.8rem;padding-right:.8rem}.theme-container.sidebar-open .sidebar-hover-trigger{display:none}.theme-container.have-rightmenu .page{padding-right:250px}.theme-container.no-sidebar .page{padding-left:0!important}.theme-container.no-sidebar .sidebar-hover-trigger{display:none}.theme-container.hide-navbar .sidebar-hover-trigger{top:4.5rem}.theme-container.hide-navbar .sidebar{top:0}.theme-container.no-sidebar .sidebar-button{display:none}}@media print{.buttons,.navbar,.sidebar{display:none}.page{padding-top:0!important}}@media (min-width:720px) and (max-width:959px){.theme-container.sidebar-open:not(.on-sidebar) .sidebar-button{left:12.6rem}}table{width:auto}.card-box,.page>:not(.footer){box-shadow:none!important}@media (min-width:940px){.page{padding-top:3.6rem!important}}.home-wrapper .banner .banner-conent{padding:0 2.9rem;box-sizing:border-box}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2{margin-top:2rem;font-size:1.2rem!important}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p{padding:0 1rem}.gt-container .gt-ico-tip:after{content:"。( Win + . ) or ( ⌃ + ⌘ + ␣ ) open Emoji";color:#999}.gt-container .gt-meta{border-color:var(--borderColor)!important}.gt-container .gt-comments-null{color:var(--textColor);opacity:.5}.gt-container .gt-header-textarea{color:var(--textColor);background:hsla(0,0%,70.6%,.1)!important}.gt-container .gt-btn{border-color:#426feb!important;background-color:#426feb!important}.gt-container .gt-btn-preview{background-color:hsla(0,0%,100%,0)!important;color:#426feb!important}.gt-container a{color:#426feb!important}.gt-container .gt-svg svg{fill:#426feb!important}.gt-container .gt-comment-admin .gt-comment-content,.gt-container .gt-comment-content{background-color:hsla(0,0%,58.8%,.1)!important}.gt-container .gt-comment-admin .gt-comment-content:hover,.gt-container .gt-comment-content:hover{box-shadow:0 0 25px hsla(0,0%,58.8%,.5)!important}.gt-container .gt-comment-admin .gt-comment-content .gt-comment-body,.gt-container .gt-comment-content .gt-comment-body{color:var(--textColor)!important}.qq{position:relative}.qq:after{content:"可撩";background:#426feb;color:#fff;padding:0 5px;border-radius:10px;font-size:12px;position:absolute;top:-4px;right:-35px;transform:scale(.85)}body .vuepress-plugin-demo-block__wrapper,body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display{border-color:hsla(0,0%,62.7%,.3)}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand:before{border-top-color:#426feb!important;border-bottom-color:#426feb!important}body .vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover svg{fill:#426feb!important}#nprogress{pointer-events:none}#nprogress .bar{background:#426feb;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #426feb,0 0 5px #426feb;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#426feb transparent transparent #426feb;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-mode-light[data-v-2839e1cb]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-2839e1cb]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-2839e1cb]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-2839e1cb]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-2839e1cb],.theme-mode-light pre[class*=language-][data-v-2839e1cb]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-2839e1cb]::-moz-selection,.theme-mode-light code[class*=language-][data-v-2839e1cb] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-2839e1cb]::selection,.theme-mode-light code[class*=language-][data-v-2839e1cb] ::selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb]::selection,.theme-mode-light pre[class*=language-][data-v-2839e1cb] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-2839e1cb],.theme-mode-light pre[class*=language-][data-v-2839e1cb]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-2839e1cb]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-2839e1cb],.theme-mode-light pre[class*=language-][data-v-2839e1cb]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-2839e1cb]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-2839e1cb],.theme-mode-light .token.comment[data-v-2839e1cb],.theme-mode-light .token.doctype[data-v-2839e1cb],.theme-mode-light .token.prolog[data-v-2839e1cb]{color:#708090}.theme-mode-light .token.punctuation[data-v-2839e1cb]{color:#999}.theme-mode-light .namespace[data-v-2839e1cb]{opacity:.7}.theme-mode-light .token.boolean[data-v-2839e1cb],.theme-mode-light .token.constant[data-v-2839e1cb],.theme-mode-light .token.deleted[data-v-2839e1cb],.theme-mode-light .token.number[data-v-2839e1cb],.theme-mode-light .token.property[data-v-2839e1cb],.theme-mode-light .token.symbol[data-v-2839e1cb],.theme-mode-light .token.tag[data-v-2839e1cb]{color:#905}.theme-mode-light .token.attr-name[data-v-2839e1cb],.theme-mode-light .token.builtin[data-v-2839e1cb],.theme-mode-light .token.char[data-v-2839e1cb],.theme-mode-light .token.inserted[data-v-2839e1cb],.theme-mode-light .token.selector[data-v-2839e1cb],.theme-mode-light .token.string[data-v-2839e1cb]{color:#690}.theme-mode-light .language-css .token.string[data-v-2839e1cb],.theme-mode-light .style .token.string[data-v-2839e1cb],.theme-mode-light .token.entity[data-v-2839e1cb],.theme-mode-light .token.operator[data-v-2839e1cb],.theme-mode-light .token.url[data-v-2839e1cb]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-2839e1cb],.theme-mode-light .token.attr-value[data-v-2839e1cb],.theme-mode-light .token.keyword[data-v-2839e1cb]{color:#07a}.theme-mode-light .token.class-name[data-v-2839e1cb],.theme-mode-light .token.function[data-v-2839e1cb]{color:#dd4a68}.theme-mode-light .token.important[data-v-2839e1cb],.theme-mode-light .token.regex[data-v-2839e1cb],.theme-mode-light .token.variable[data-v-2839e1cb]{color:#e90}.theme-mode-light .token.bold[data-v-2839e1cb],.theme-mode-light .token.important[data-v-2839e1cb]{font-weight:700}.theme-mode-light .token.italic[data-v-2839e1cb]{font-style:italic}.theme-mode-light .token.entity[data-v-2839e1cb]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-2839e1cb],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-2839e1cb]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-2839e1cb]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-2839e1cb],.theme-mode-dark pre[class*=language-][data-v-2839e1cb]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-2839e1cb]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-2839e1cb],.theme-mode-dark pre[class*=language-][data-v-2839e1cb]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-2839e1cb]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-2839e1cb],.theme-mode-dark .token.cdata[data-v-2839e1cb],.theme-mode-dark .token.comment[data-v-2839e1cb],.theme-mode-dark .token.doctype[data-v-2839e1cb],.theme-mode-dark .token.prolog[data-v-2839e1cb]{color:#999}.theme-mode-dark .token.punctuation[data-v-2839e1cb]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-2839e1cb],.theme-mode-dark .token.deleted[data-v-2839e1cb],.theme-mode-dark .token.namespace[data-v-2839e1cb],.theme-mode-dark .token.tag[data-v-2839e1cb]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-2839e1cb]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-2839e1cb],.theme-mode-dark .token.function[data-v-2839e1cb],.theme-mode-dark .token.number[data-v-2839e1cb]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-2839e1cb],.theme-mode-dark .token.constant[data-v-2839e1cb],.theme-mode-dark .token.property[data-v-2839e1cb],.theme-mode-dark .token.symbol[data-v-2839e1cb]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-2839e1cb],.theme-mode-dark .token.builtin[data-v-2839e1cb],.theme-mode-dark .token.important[data-v-2839e1cb],.theme-mode-dark .token.keyword[data-v-2839e1cb],.theme-mode-dark .token.selector[data-v-2839e1cb]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-2839e1cb],.theme-mode-dark .token.char[data-v-2839e1cb],.theme-mode-dark .token.regex[data-v-2839e1cb],.theme-mode-dark .token.string[data-v-2839e1cb],.theme-mode-dark .token.variable[data-v-2839e1cb]{color:#7ec699}.theme-mode-dark .token.entity[data-v-2839e1cb],.theme-mode-dark .token.operator[data-v-2839e1cb],.theme-mode-dark .token.url[data-v-2839e1cb]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-2839e1cb],.theme-mode-dark .style .token.string[data-v-2839e1cb],.theme-mode-dark .token.entity[data-v-2839e1cb],.theme-mode-dark .token.operator[data-v-2839e1cb],.theme-mode-dark .token.url[data-v-2839e1cb]{background:none}.theme-mode-dark .token.bold[data-v-2839e1cb],.theme-mode-dark .token.important[data-v-2839e1cb]{font-weight:700}.theme-mode-dark .token.italic[data-v-2839e1cb]{font-style:italic}.theme-mode-dark .token.entity[data-v-2839e1cb]{cursor:help}.theme-mode-dark .token.inserted[data-v-2839e1cb]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-2839e1cb]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-2839e1cb]{background-color:transparent}.theme-mode-dark blockquote[data-v-2839e1cb]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-2839e1cb]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-2839e1cb]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-2839e1cb]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-2839e1cb]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-2839e1cb]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-2839e1cb]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-2839e1cb],.theme-mode-dark .custom-block.note[data-v-2839e1cb],.theme-mode-dark .custom-block.tip[data-v-2839e1cb],.theme-mode-dark .custom-block.warning[data-v-2839e1cb]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-2839e1cb],.theme-mode-dark .custom-block.danger[data-v-2839e1cb]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-2839e1cb]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-2839e1cb]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-2839e1cb],.theme-mode-dark .nav-item .dropdown-title a[data-v-2839e1cb]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-2839e1cb],.theme-mode-dark .nav-item>a[data-v-2839e1cb]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-2839e1cb]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-2839e1cb]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-2839e1cb]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-2839e1cb],.theme-mode-dark .buttons .button .select-box li[data-v-2839e1cb]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-2839e1cb]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-2839e1cb]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-2839e1cb],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-2839e1cb]:hover,.theme-mode-dark .pagination span[data-v-2839e1cb]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-2839e1cb]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-2839e1cb],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-2839e1cb]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-2839e1cb]:hover,.theme-mode-dark a.sidebar-link[data-v-2839e1cb]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-2839e1cb]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-2839e1cb],.theme-mode-dark .search-box input[data-v-2839e1cb]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-2839e1cb]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-2839e1cb],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-2839e1cb]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-2839e1cb],.theme-mode-dark .tabs-component-tab[data-v-2839e1cb]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-2839e1cb]{color:#b160ea}.theme-mode-read[data-v-2839e1cb]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-2839e1cb],.theme-mode-read pre[class*=language-][data-v-2839e1cb]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-2839e1cb]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-2839e1cb],.theme-mode-read pre[class*=language-][data-v-2839e1cb]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-2839e1cb]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-2839e1cb],.theme-mode-read .token.cdata[data-v-2839e1cb],.theme-mode-read .token.comment[data-v-2839e1cb],.theme-mode-read .token.doctype[data-v-2839e1cb],.theme-mode-read .token.prolog[data-v-2839e1cb]{color:#999}.theme-mode-read .token.punctuation[data-v-2839e1cb]{color:#ccc}.theme-mode-read .token.attr-name[data-v-2839e1cb],.theme-mode-read .token.deleted[data-v-2839e1cb],.theme-mode-read .token.namespace[data-v-2839e1cb],.theme-mode-read .token.tag[data-v-2839e1cb]{color:#e2777a}.theme-mode-read .token.function-name[data-v-2839e1cb]{color:#6196cc}.theme-mode-read .token.boolean[data-v-2839e1cb],.theme-mode-read .token.function[data-v-2839e1cb],.theme-mode-read .token.number[data-v-2839e1cb]{color:#f08d49}.theme-mode-read .token.class-name[data-v-2839e1cb],.theme-mode-read .token.constant[data-v-2839e1cb],.theme-mode-read .token.property[data-v-2839e1cb],.theme-mode-read .token.symbol[data-v-2839e1cb]{color:#f8c555}.theme-mode-read .token.atrule[data-v-2839e1cb],.theme-mode-read .token.builtin[data-v-2839e1cb],.theme-mode-read .token.important[data-v-2839e1cb],.theme-mode-read .token.keyword[data-v-2839e1cb],.theme-mode-read .token.selector[data-v-2839e1cb]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-2839e1cb],.theme-mode-read .token.char[data-v-2839e1cb],.theme-mode-read .token.regex[data-v-2839e1cb],.theme-mode-read .token.string[data-v-2839e1cb],.theme-mode-read .token.variable[data-v-2839e1cb]{color:#7ec699}.theme-mode-read .token.entity[data-v-2839e1cb],.theme-mode-read .token.operator[data-v-2839e1cb],.theme-mode-read .token.url[data-v-2839e1cb]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-2839e1cb],.theme-mode-read .style .token.string[data-v-2839e1cb],.theme-mode-read .token.entity[data-v-2839e1cb],.theme-mode-read .token.operator[data-v-2839e1cb],.theme-mode-read .token.url[data-v-2839e1cb]{background:none}.theme-mode-read .token.bold[data-v-2839e1cb],.theme-mode-read .token.important[data-v-2839e1cb]{font-weight:700}.theme-mode-read .token.italic[data-v-2839e1cb]{font-style:italic}.theme-mode-read .token.entity[data-v-2839e1cb]{cursor:help}.theme-mode-read .token.inserted[data-v-2839e1cb]{color:green}.reading-progress[data-v-2839e1cb]{position:fixed;z-index:1000;background:transparent;overflow:hidden}.reading-progress .progress[data-v-2839e1cb]{width:100%;height:100%;background:#b160ea;background-image:none;transform-origin:0 0;transition:transform .2s ease-out}.top[data-v-2839e1cb]{top:0;left:0;right:0;width:100%;height:3px}.bottom[data-v-2839e1cb]{bottom:0;left:0;right:0;width:100%;height:3px}.left[data-v-2839e1cb]{left:0;top:0;bottom:0;width:3px;height:100%}.right[data-v-2839e1cb]{right:0;top:0;bottom:0;width:3px;height:100%}.icon.outbound{color:#aaa;display:inline-block;vertical-align:middle;position:relative;top:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.theme-mode-light[data-v-8f4262da]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-8f4262da]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-8f4262da]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-8f4262da]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-8f4262da],.theme-mode-light pre[class*=language-][data-v-8f4262da]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-8f4262da]::-moz-selection,.theme-mode-light code[class*=language-][data-v-8f4262da] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-8f4262da]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-8f4262da] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-8f4262da]::selection,.theme-mode-light code[class*=language-][data-v-8f4262da] ::selection,.theme-mode-light pre[class*=language-][data-v-8f4262da]::selection,.theme-mode-light pre[class*=language-][data-v-8f4262da] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-8f4262da],.theme-mode-light pre[class*=language-][data-v-8f4262da]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-8f4262da]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-8f4262da],.theme-mode-light pre[class*=language-][data-v-8f4262da]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-8f4262da]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-8f4262da],.theme-mode-light .token.comment[data-v-8f4262da],.theme-mode-light .token.doctype[data-v-8f4262da],.theme-mode-light .token.prolog[data-v-8f4262da]{color:#708090}.theme-mode-light .token.punctuation[data-v-8f4262da]{color:#999}.theme-mode-light .namespace[data-v-8f4262da]{opacity:.7}.theme-mode-light .token.boolean[data-v-8f4262da],.theme-mode-light .token.constant[data-v-8f4262da],.theme-mode-light .token.deleted[data-v-8f4262da],.theme-mode-light .token.number[data-v-8f4262da],.theme-mode-light .token.property[data-v-8f4262da],.theme-mode-light .token.symbol[data-v-8f4262da],.theme-mode-light .token.tag[data-v-8f4262da]{color:#905}.theme-mode-light .token.attr-name[data-v-8f4262da],.theme-mode-light .token.builtin[data-v-8f4262da],.theme-mode-light .token.char[data-v-8f4262da],.theme-mode-light .token.inserted[data-v-8f4262da],.theme-mode-light .token.selector[data-v-8f4262da],.theme-mode-light .token.string[data-v-8f4262da]{color:#690}.theme-mode-light .language-css .token.string[data-v-8f4262da],.theme-mode-light .style .token.string[data-v-8f4262da],.theme-mode-light .token.entity[data-v-8f4262da],.theme-mode-light .token.operator[data-v-8f4262da],.theme-mode-light .token.url[data-v-8f4262da]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-8f4262da],.theme-mode-light .token.attr-value[data-v-8f4262da],.theme-mode-light .token.keyword[data-v-8f4262da]{color:#07a}.theme-mode-light .token.class-name[data-v-8f4262da],.theme-mode-light .token.function[data-v-8f4262da]{color:#dd4a68}.theme-mode-light .token.important[data-v-8f4262da],.theme-mode-light .token.regex[data-v-8f4262da],.theme-mode-light .token.variable[data-v-8f4262da]{color:#e90}.theme-mode-light .token.bold[data-v-8f4262da],.theme-mode-light .token.important[data-v-8f4262da]{font-weight:700}.theme-mode-light .token.italic[data-v-8f4262da]{font-style:italic}.theme-mode-light .token.entity[data-v-8f4262da]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-8f4262da],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-8f4262da]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-8f4262da]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-8f4262da],.theme-mode-dark pre[class*=language-][data-v-8f4262da]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-8f4262da]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-8f4262da],.theme-mode-dark pre[class*=language-][data-v-8f4262da]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-8f4262da]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-8f4262da],.theme-mode-dark .token.cdata[data-v-8f4262da],.theme-mode-dark .token.comment[data-v-8f4262da],.theme-mode-dark .token.doctype[data-v-8f4262da],.theme-mode-dark .token.prolog[data-v-8f4262da]{color:#999}.theme-mode-dark .token.punctuation[data-v-8f4262da]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-8f4262da],.theme-mode-dark .token.deleted[data-v-8f4262da],.theme-mode-dark .token.namespace[data-v-8f4262da],.theme-mode-dark .token.tag[data-v-8f4262da]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-8f4262da]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-8f4262da],.theme-mode-dark .token.function[data-v-8f4262da],.theme-mode-dark .token.number[data-v-8f4262da]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-8f4262da],.theme-mode-dark .token.constant[data-v-8f4262da],.theme-mode-dark .token.property[data-v-8f4262da],.theme-mode-dark .token.symbol[data-v-8f4262da]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-8f4262da],.theme-mode-dark .token.builtin[data-v-8f4262da],.theme-mode-dark .token.important[data-v-8f4262da],.theme-mode-dark .token.keyword[data-v-8f4262da],.theme-mode-dark .token.selector[data-v-8f4262da]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-8f4262da],.theme-mode-dark .token.char[data-v-8f4262da],.theme-mode-dark .token.regex[data-v-8f4262da],.theme-mode-dark .token.string[data-v-8f4262da],.theme-mode-dark .token.variable[data-v-8f4262da]{color:#7ec699}.theme-mode-dark .token.entity[data-v-8f4262da],.theme-mode-dark .token.operator[data-v-8f4262da],.theme-mode-dark .token.url[data-v-8f4262da]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-8f4262da],.theme-mode-dark .style .token.string[data-v-8f4262da],.theme-mode-dark .token.entity[data-v-8f4262da],.theme-mode-dark .token.operator[data-v-8f4262da],.theme-mode-dark .token.url[data-v-8f4262da]{background:none}.theme-mode-dark .token.bold[data-v-8f4262da],.theme-mode-dark .token.important[data-v-8f4262da]{font-weight:700}.theme-mode-dark .token.italic[data-v-8f4262da]{font-style:italic}.theme-mode-dark .token.entity[data-v-8f4262da]{cursor:help}.theme-mode-dark .token.inserted[data-v-8f4262da]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-8f4262da]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-8f4262da]{background-color:transparent}.theme-mode-dark blockquote[data-v-8f4262da]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-8f4262da]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-8f4262da]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-8f4262da]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-8f4262da]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-8f4262da]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-8f4262da]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-8f4262da],.theme-mode-dark .custom-block.note[data-v-8f4262da],.theme-mode-dark .custom-block.tip[data-v-8f4262da],.theme-mode-dark .custom-block.warning[data-v-8f4262da]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-8f4262da],.theme-mode-dark .custom-block.danger[data-v-8f4262da]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-8f4262da]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-8f4262da]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-8f4262da],.theme-mode-dark .nav-item .dropdown-title a[data-v-8f4262da]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-8f4262da],.theme-mode-dark .nav-item>a[data-v-8f4262da]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-8f4262da]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-8f4262da]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-8f4262da]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-8f4262da],.theme-mode-dark .buttons .button .select-box li[data-v-8f4262da]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-8f4262da]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-8f4262da]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-8f4262da],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-8f4262da]:hover,.theme-mode-dark .pagination span[data-v-8f4262da]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-8f4262da]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-8f4262da],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-8f4262da]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-8f4262da]:hover,.theme-mode-dark a.sidebar-link[data-v-8f4262da]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-8f4262da]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-8f4262da],.theme-mode-dark .search-box input[data-v-8f4262da]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-8f4262da]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-8f4262da],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-8f4262da]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-8f4262da],.theme-mode-dark .tabs-component-tab[data-v-8f4262da]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-8f4262da]{color:#b160ea}.theme-mode-read[data-v-8f4262da]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-8f4262da],.theme-mode-read pre[class*=language-][data-v-8f4262da]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-8f4262da]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-8f4262da],.theme-mode-read pre[class*=language-][data-v-8f4262da]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-8f4262da]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-8f4262da],.theme-mode-read .token.cdata[data-v-8f4262da],.theme-mode-read .token.comment[data-v-8f4262da],.theme-mode-read .token.doctype[data-v-8f4262da],.theme-mode-read .token.prolog[data-v-8f4262da]{color:#999}.theme-mode-read .token.punctuation[data-v-8f4262da]{color:#ccc}.theme-mode-read .token.attr-name[data-v-8f4262da],.theme-mode-read .token.deleted[data-v-8f4262da],.theme-mode-read .token.namespace[data-v-8f4262da],.theme-mode-read .token.tag[data-v-8f4262da]{color:#e2777a}.theme-mode-read .token.function-name[data-v-8f4262da]{color:#6196cc}.theme-mode-read .token.boolean[data-v-8f4262da],.theme-mode-read .token.function[data-v-8f4262da],.theme-mode-read .token.number[data-v-8f4262da]{color:#f08d49}.theme-mode-read .token.class-name[data-v-8f4262da],.theme-mode-read .token.constant[data-v-8f4262da],.theme-mode-read .token.property[data-v-8f4262da],.theme-mode-read .token.symbol[data-v-8f4262da]{color:#f8c555}.theme-mode-read .token.atrule[data-v-8f4262da],.theme-mode-read .token.builtin[data-v-8f4262da],.theme-mode-read .token.important[data-v-8f4262da],.theme-mode-read .token.keyword[data-v-8f4262da],.theme-mode-read .token.selector[data-v-8f4262da]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-8f4262da],.theme-mode-read .token.char[data-v-8f4262da],.theme-mode-read .token.regex[data-v-8f4262da],.theme-mode-read .token.string[data-v-8f4262da],.theme-mode-read .token.variable[data-v-8f4262da]{color:#7ec699}.theme-mode-read .token.entity[data-v-8f4262da],.theme-mode-read .token.operator[data-v-8f4262da],.theme-mode-read .token.url[data-v-8f4262da]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-8f4262da],.theme-mode-read .style .token.string[data-v-8f4262da],.theme-mode-read .token.entity[data-v-8f4262da],.theme-mode-read .token.operator[data-v-8f4262da],.theme-mode-read .token.url[data-v-8f4262da]{background:none}.theme-mode-read .token.bold[data-v-8f4262da],.theme-mode-read .token.important[data-v-8f4262da]{font-weight:700}.theme-mode-read .token.italic[data-v-8f4262da]{font-style:italic}.theme-mode-read .token.entity[data-v-8f4262da]{cursor:help}.theme-mode-read .token.inserted[data-v-8f4262da]{color:green}.theme-vdoing-content[data-v-8f4262da]{margin:3rem auto;padding:1.5rem}.theme-vdoing-content span[data-v-8f4262da]{font-size:6rem;color:#426feb}.theme-mode-light[data-v-617c663d]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-617c663d]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-617c663d]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-617c663d]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-617c663d],.theme-mode-light pre[class*=language-][data-v-617c663d]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-617c663d]::-moz-selection,.theme-mode-light code[class*=language-][data-v-617c663d] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-617c663d]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-617c663d] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-617c663d]::selection,.theme-mode-light code[class*=language-][data-v-617c663d] ::selection,.theme-mode-light pre[class*=language-][data-v-617c663d]::selection,.theme-mode-light pre[class*=language-][data-v-617c663d] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-617c663d],.theme-mode-light pre[class*=language-][data-v-617c663d]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-617c663d]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-617c663d],.theme-mode-light pre[class*=language-][data-v-617c663d]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-617c663d]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-617c663d],.theme-mode-light .token.comment[data-v-617c663d],.theme-mode-light .token.doctype[data-v-617c663d],.theme-mode-light .token.prolog[data-v-617c663d]{color:#708090}.theme-mode-light .token.punctuation[data-v-617c663d]{color:#999}.theme-mode-light .namespace[data-v-617c663d]{opacity:.7}.theme-mode-light .token.boolean[data-v-617c663d],.theme-mode-light .token.constant[data-v-617c663d],.theme-mode-light .token.deleted[data-v-617c663d],.theme-mode-light .token.number[data-v-617c663d],.theme-mode-light .token.property[data-v-617c663d],.theme-mode-light .token.symbol[data-v-617c663d],.theme-mode-light .token.tag[data-v-617c663d]{color:#905}.theme-mode-light .token.attr-name[data-v-617c663d],.theme-mode-light .token.builtin[data-v-617c663d],.theme-mode-light .token.char[data-v-617c663d],.theme-mode-light .token.inserted[data-v-617c663d],.theme-mode-light .token.selector[data-v-617c663d],.theme-mode-light .token.string[data-v-617c663d]{color:#690}.theme-mode-light .language-css .token.string[data-v-617c663d],.theme-mode-light .style .token.string[data-v-617c663d],.theme-mode-light .token.entity[data-v-617c663d],.theme-mode-light .token.operator[data-v-617c663d],.theme-mode-light .token.url[data-v-617c663d]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-617c663d],.theme-mode-light .token.attr-value[data-v-617c663d],.theme-mode-light .token.keyword[data-v-617c663d]{color:#07a}.theme-mode-light .token.class-name[data-v-617c663d],.theme-mode-light .token.function[data-v-617c663d]{color:#dd4a68}.theme-mode-light .token.important[data-v-617c663d],.theme-mode-light .token.regex[data-v-617c663d],.theme-mode-light .token.variable[data-v-617c663d]{color:#e90}.theme-mode-light .token.bold[data-v-617c663d],.theme-mode-light .token.important[data-v-617c663d]{font-weight:700}.theme-mode-light .token.italic[data-v-617c663d]{font-style:italic}.theme-mode-light .token.entity[data-v-617c663d]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-617c663d],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-617c663d]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-617c663d]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-617c663d],.theme-mode-dark pre[class*=language-][data-v-617c663d]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-617c663d]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-617c663d],.theme-mode-dark pre[class*=language-][data-v-617c663d]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-617c663d]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-617c663d],.theme-mode-dark .token.cdata[data-v-617c663d],.theme-mode-dark .token.comment[data-v-617c663d],.theme-mode-dark .token.doctype[data-v-617c663d],.theme-mode-dark .token.prolog[data-v-617c663d]{color:#999}.theme-mode-dark .token.punctuation[data-v-617c663d]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-617c663d],.theme-mode-dark .token.deleted[data-v-617c663d],.theme-mode-dark .token.namespace[data-v-617c663d],.theme-mode-dark .token.tag[data-v-617c663d]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-617c663d]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-617c663d],.theme-mode-dark .token.function[data-v-617c663d],.theme-mode-dark .token.number[data-v-617c663d]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-617c663d],.theme-mode-dark .token.constant[data-v-617c663d],.theme-mode-dark .token.property[data-v-617c663d],.theme-mode-dark .token.symbol[data-v-617c663d]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-617c663d],.theme-mode-dark .token.builtin[data-v-617c663d],.theme-mode-dark .token.important[data-v-617c663d],.theme-mode-dark .token.keyword[data-v-617c663d],.theme-mode-dark .token.selector[data-v-617c663d]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-617c663d],.theme-mode-dark .token.char[data-v-617c663d],.theme-mode-dark .token.regex[data-v-617c663d],.theme-mode-dark .token.string[data-v-617c663d],.theme-mode-dark .token.variable[data-v-617c663d]{color:#7ec699}.theme-mode-dark .token.entity[data-v-617c663d],.theme-mode-dark .token.operator[data-v-617c663d],.theme-mode-dark .token.url[data-v-617c663d]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-617c663d],.theme-mode-dark .style .token.string[data-v-617c663d],.theme-mode-dark .token.entity[data-v-617c663d],.theme-mode-dark .token.operator[data-v-617c663d],.theme-mode-dark .token.url[data-v-617c663d]{background:none}.theme-mode-dark .token.bold[data-v-617c663d],.theme-mode-dark .token.important[data-v-617c663d]{font-weight:700}.theme-mode-dark .token.italic[data-v-617c663d]{font-style:italic}.theme-mode-dark .token.entity[data-v-617c663d]{cursor:help}.theme-mode-dark .token.inserted[data-v-617c663d]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-617c663d]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-617c663d]{background-color:transparent}.theme-mode-dark blockquote[data-v-617c663d]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-617c663d]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-617c663d]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-617c663d]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-617c663d]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-617c663d]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-617c663d]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-617c663d],.theme-mode-dark .custom-block.note[data-v-617c663d],.theme-mode-dark .custom-block.tip[data-v-617c663d],.theme-mode-dark .custom-block.warning[data-v-617c663d]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-617c663d],.theme-mode-dark .custom-block.danger[data-v-617c663d]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-617c663d]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-617c663d]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-617c663d],.theme-mode-dark .nav-item .dropdown-title a[data-v-617c663d]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-617c663d],.theme-mode-dark .nav-item>a[data-v-617c663d]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-617c663d]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-617c663d]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-617c663d]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-617c663d],.theme-mode-dark .buttons .button .select-box li[data-v-617c663d]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-617c663d]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-617c663d]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-617c663d],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-617c663d]:hover,.theme-mode-dark .pagination span[data-v-617c663d]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-617c663d]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-617c663d],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-617c663d]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-617c663d]:hover,.theme-mode-dark a.sidebar-link[data-v-617c663d]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-617c663d]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-617c663d],.theme-mode-dark .search-box input[data-v-617c663d]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-617c663d]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-617c663d],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-617c663d]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-617c663d],.theme-mode-dark .tabs-component-tab[data-v-617c663d]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-617c663d]{color:#b160ea}.theme-mode-read[data-v-617c663d]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-617c663d],.theme-mode-read pre[class*=language-][data-v-617c663d]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-617c663d]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-617c663d],.theme-mode-read pre[class*=language-][data-v-617c663d]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-617c663d]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-617c663d],.theme-mode-read .token.cdata[data-v-617c663d],.theme-mode-read .token.comment[data-v-617c663d],.theme-mode-read .token.doctype[data-v-617c663d],.theme-mode-read .token.prolog[data-v-617c663d]{color:#999}.theme-mode-read .token.punctuation[data-v-617c663d]{color:#ccc}.theme-mode-read .token.attr-name[data-v-617c663d],.theme-mode-read .token.deleted[data-v-617c663d],.theme-mode-read .token.namespace[data-v-617c663d],.theme-mode-read .token.tag[data-v-617c663d]{color:#e2777a}.theme-mode-read .token.function-name[data-v-617c663d]{color:#6196cc}.theme-mode-read .token.boolean[data-v-617c663d],.theme-mode-read .token.function[data-v-617c663d],.theme-mode-read .token.number[data-v-617c663d]{color:#f08d49}.theme-mode-read .token.class-name[data-v-617c663d],.theme-mode-read .token.constant[data-v-617c663d],.theme-mode-read .token.property[data-v-617c663d],.theme-mode-read .token.symbol[data-v-617c663d]{color:#f8c555}.theme-mode-read .token.atrule[data-v-617c663d],.theme-mode-read .token.builtin[data-v-617c663d],.theme-mode-read .token.important[data-v-617c663d],.theme-mode-read .token.keyword[data-v-617c663d],.theme-mode-read .token.selector[data-v-617c663d]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-617c663d],.theme-mode-read .token.char[data-v-617c663d],.theme-mode-read .token.regex[data-v-617c663d],.theme-mode-read .token.string[data-v-617c663d],.theme-mode-read .token.variable[data-v-617c663d]{color:#7ec699}.theme-mode-read .token.entity[data-v-617c663d],.theme-mode-read .token.operator[data-v-617c663d],.theme-mode-read .token.url[data-v-617c663d]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-617c663d],.theme-mode-read .style .token.string[data-v-617c663d],.theme-mode-read .token.entity[data-v-617c663d],.theme-mode-read .token.operator[data-v-617c663d],.theme-mode-read .token.url[data-v-617c663d]{background:none}.theme-mode-read .token.bold[data-v-617c663d],.theme-mode-read .token.important[data-v-617c663d]{font-weight:700}.theme-mode-read .token.italic[data-v-617c663d]{font-style:italic}.theme-mode-read .token.entity[data-v-617c663d]{cursor:help}.theme-mode-read .token.inserted[data-v-617c663d]{color:green}[data-v-617c663d] .icon.outbound{color:var(--previewColor)!important}.main-wrapper{margin:1.5rem auto 0;max-width:1100px;padding:0 .9rem;box-sizing:border-box;position:relative;display:flex}.main-wrapper .main-left{flex:1}.main-wrapper .main-left .theme-vdoing-content.card-box{padding:1rem 1.5rem;margin-bottom:.9rem}.main-wrapper .main-left .home-content{padding:1rem 1.5rem 0}.main-wrapper .main-right>*{width:245px;box-sizing:border-box}@media (max-width:900px){.main-wrapper .main-right>*{width:235px}}.main-wrapper .main-right .card-box{margin:0 0 .9rem .9rem;padding-top:.95rem;padding-bottom:.95rem}@media (max-width:719px){.main-wrapper{margin:.9rem 0;padding:0;display:block}.main-wrapper .main-left{width:100%}.main-wrapper .main-left .post-list{margin-bottom:3rem}.main-wrapper .main-left .post-list .post{border-radius:0}.main-wrapper .main-left .pagination{margin-bottom:3rem}.main-wrapper .main-right .blogger-wrapper{display:none}.main-wrapper .main-right .card-box{margin:0 0 .9rem;border-radius:0;width:100%}}.post-list{margin-bottom:3rem}.post-list .post{position:relative;padding:1rem 1.5rem;margin-bottom:.8rem;transition:all .3s}.post-list .post:last-child{border-bottom:none}.post-list .post.post-leave-active{display:none}.post-list .post.post-enter{opacity:0;transform:translateX(-20px)}.post-list .post:before{position:absolute;top:-1px;right:0;font-size:2.5rem;color:#ff5722;opacity:.85}.post-list .post .title-wrapper a{color:var(--textColor)}.post-list .post .title-wrapper a:hover{color:#426feb}.post-list .post .title-wrapper h2{margin:.5rem 0;font-size:1.4rem;border:none}.post-list .post .title-wrapper h2 .title-tag{height:1.2rem;line-height:1.2rem;border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.15rem);display:inline-block}.post-list .post .title-wrapper h2 a{display:block}@media (max-width:719px){.post-list .post .title-wrapper h2 a{font-weight:400}}.post-list .post .title-wrapper .article-info>a,.post-list .post .title-wrapper .article-info>span{opacity:.7;font-size:.8rem;margin-right:1rem;cursor:pointer}.post-list .post .title-wrapper .article-info>a:before,.post-list .post .title-wrapper .article-info>span:before{margin-right:.3rem}.post-list .post .title-wrapper .article-info>a a,.post-list .post .title-wrapper .article-info>span a{margin:0}.post-list .post .title-wrapper .article-info>a a:not(:first-child):before,.post-list .post .title-wrapper .article-info>span a:not(:first-child):before{content:"/"}.post-list .post .title-wrapper .article-info .tags a:not(:first-child):before{content:"、"}.post-list .post .excerpt-wrapper{border-top:1px solid var(--borderColor);margin:.5rem 0;overflow:hidden}.post-list .post .excerpt-wrapper .excerpt{margin-bottom:.3rem;font-size:.92rem}.post-list .post .excerpt-wrapper .excerpt h1,.post-list .post .excerpt-wrapper .excerpt h2,.post-list .post .excerpt-wrapper .excerpt h3{display:none}.post-list .post .excerpt-wrapper .excerpt img{max-height:280px;max-width:100%!important;margin:0 auto}.post-list .post .excerpt-wrapper .readmore{float:right;margin-right:1rem;line-height:1rem}.post-list .post .excerpt-wrapper .readmore:before{float:right;font-size:.8rem;margin:.1rem 0 0 .2rem}.theme-style-line .post-list{border:1px solid var(--borderColor);border-bottom:none;border-radius:5px;overflow:hidden}.theme-style-line .post-list .post{margin-bottom:0;border:none;border-bottom:1px solid var(--borderColor);border-radius:0}.article-list{padding:1rem 2rem}@media (max-width:959px){.article-list{padding:1rem 1.5rem}}.article-list.no-article-list{display:none}.article-list .article-title{border-bottom:1px solid var(--borderColor);font-size:1.3rem;padding:1rem}.article-list .article-title a{font-size:1.2rem;color:var(--textColor);opacity:.9}.article-list .article-title a:before{margin-right:.4rem;font-size:1.1rem}.article-list .article-wrapper{overflow:hidden}.article-list .article-wrapper dl{border-bottom:1px dotted var(--borderColor);float:left;display:flex;padding:8px 0;margin:0;height:45px;width:100%}.article-list .article-wrapper dl dd{font-size:1.1rem;color:#f17229;width:50px;text-align:center;margin:0;line-height:45px}.article-list .article-wrapper dl dt{flex:1;display:flex}.article-list .article-wrapper dl dt a{color:var(--textColor);flex:1;display:flex;height:45px;align-items:center;font-weight:400}.article-list .article-wrapper dl dt a div{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-list .article-wrapper dl dt a div .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.article-list .article-wrapper dl dt a:hover{text-decoration:underline}.article-list .article-wrapper dl dt a.more{color:#426feb}.article-list .article-wrapper dl dt .date{width:50px;margin-right:15px;color:#999;text-align:right;font-size:.9rem;line-height:45px}.pagination{position:relative;height:60px;text-align:center}@media (max-width:720px){.pagination{margin-left:1px;margin-right:1px}}.pagination span{line-height:1rem;opacity:.9;cursor:pointer}.pagination span:hover{color:#426feb}.pagination span.ellipsis{opacity:.5}.pagination span.ellipsis:before{content:"...";font-size:1.2rem}@media (any-hover:hover){.pagination span.ellipsis.ell-two:hover:before{content:"«"}.pagination span.ellipsis.ell-four:hover:before{content:"»"}}.pagination>span{position:absolute;top:0;padding:1rem 1.2rem;font-size:.95rem}.pagination>span:before{font-size:.4rem}.pagination>span.disabled{color:hsla(0,0%,49%,.5)}.pagination>span.prev{left:0}.pagination>span.prev:before{margin-right:.3rem}.pagination>span.next{right:0}.pagination>span.next:before{float:right;margin-left:.3rem}.pagination>span p{display:inline;line-height:.95rem}.pagination .pagination-list span{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;margin:.3rem}.pagination .pagination-list span.active{background:#426feb;color:var(--mainBg)}@media (max-width:800px){.pagination>span{padding:1rem 1.5rem}.pagination>span p{display:none}}@media (max-width:719px){.pagination>span{padding:.9rem 1.5rem}.pagination .pagination-list span{width:2.3rem;height:2.3rem;line-height:2.3rem;margin:.25rem}}@media (max-width:390px){.pagination>span{padding:.8rem 1.3rem}.pagination .pagination-list span{width:2rem;height:2rem;line-height:2rem;margin:.3rem .1rem .1rem}}.blogger-wrapper{height:auto;display:inline-table;padding-top:0!important;overflow:hidden}.blogger-wrapper .avatar{width:100%;overflow:hidden}.blogger-wrapper .avatar img{width:100%;height:100%}.blogger-wrapper .icons{border-top:none;height:35px;line-height:35px}.blogger-wrapper .icons a{font-size:20px;width:33%;color:var(--textColor);display:block;float:left;text-align:center;opacity:.8}.blogger-wrapper .icons a:hover{color:#426feb}.blogger-wrapper .blogger{padding:.3rem .95rem 0}.blogger-wrapper .blogger .name{font-size:1.3rem;display:block;margin-bottom:6px}.blogger-wrapper .blogger .slogan{color:var(--textColor)}.categories-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem;padding:0 .95rem}.categories-wrapper .title:before{margin-right:.3rem}.categories-wrapper .categories{margin-top:.6rem}.categories-wrapper .categories a{display:block;padding:8px 2.4rem 7px .95rem;color:var(--textColor);opacity:.8;font-size:.95rem;line-height:.95rem;position:relative;transition:all .2s;border-left:2px solid transparent;margin-top:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:719px){.categories-wrapper .categories a{font-weight:400}}.categories-wrapper .categories a:not(.active):hover{color:#426feb;background:#f8f8f8;border-color:#426feb}.categories-wrapper .categories a:not(.active):hover span{opacity:.8}.categories-wrapper .categories a span{background-color:var(--textColor);color:var(--mainBg);border-radius:8px;padding:0 .13rem;min-width:1rem;height:1rem;line-height:1rem;font-size:12px;text-align:center;opacity:.6;transition:opacity .3s;position:absolute;right:.95rem;top:8px}.categories-wrapper .categories a.active{background:#426feb;color:var(--mainBg);padding-left:.8rem;border-radius:1px;border-color:transparent}.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-read .categories-wrapper .categories a:not(.active):hover{background:var(--customBlockBg)}.tags-wrapper{padding:0 .95rem}.tags-wrapper .title{color:var(--textColor);opacity:.9;font-size:1.2rem}.tags-wrapper .title:before{margin-right:.3rem}.tags-wrapper .tags{text-align:justify;padding:.8rem .5rem .5rem;margin:0 -.5rem -.5rem}.tags-wrapper .tags a{opacity:.8;display:inline-block;padding:.2rem .4rem;transition:all .4s;background-color:var(--textColor);color:var(--mainBg);border-radius:3px;margin:0 .3rem .5rem 0;min-width:2rem;height:1rem;line-height:1rem;font-size:.8rem;text-align:center}@media (max-width:719px){.tags-wrapper .tags a{font-weight:400}}.tags-wrapper .tags a:hover{opacity:1;transform:scale(1.1)}.tags-wrapper .tags a.active{box-shadow:0 5px 10px -5px var(--randomColor,rgba(0,0,0,.15));transform:scale(1.22);opacity:1}.tags-wrapper .tags a.active:hover{text-decoration:none}#special-sponsor[data-v-a0f9ce1c]{border-top:1px solid rgba(60,60,60,.12);border-bottom:1px solid rgba(60,60,60,.12);padding-bottom:12px}#special-sponsor-container[data-v-a0f9ce1c]{display:flex;justify-content:center;align-items:center}#special-sponsor h3[data-v-a0f9ce1c]{text-align:center;font-size:18px}#special-sponsor .logo[data-v-a0f9ce1c]{display:flex;justify-content:center;padding:0 10px}.theme-mode-light[data-v-a0f9ce1c]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-a0f9ce1c]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-a0f9ce1c]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-a0f9ce1c]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-a0f9ce1c],.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-a0f9ce1c]::-moz-selection,.theme-mode-light code[class*=language-][data-v-a0f9ce1c] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-a0f9ce1c]::selection,.theme-mode-light code[class*=language-][data-v-a0f9ce1c] ::selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]::selection,.theme-mode-light pre[class*=language-][data-v-a0f9ce1c] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-a0f9ce1c],.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-a0f9ce1c],.theme-mode-light pre[class*=language-][data-v-a0f9ce1c]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-a0f9ce1c]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-a0f9ce1c],.theme-mode-light .token.comment[data-v-a0f9ce1c],.theme-mode-light .token.doctype[data-v-a0f9ce1c],.theme-mode-light .token.prolog[data-v-a0f9ce1c]{color:#708090}.theme-mode-light .token.punctuation[data-v-a0f9ce1c]{color:#999}.theme-mode-light .namespace[data-v-a0f9ce1c]{opacity:.7}.theme-mode-light .token.boolean[data-v-a0f9ce1c],.theme-mode-light .token.constant[data-v-a0f9ce1c],.theme-mode-light .token.deleted[data-v-a0f9ce1c],.theme-mode-light .token.number[data-v-a0f9ce1c],.theme-mode-light .token.property[data-v-a0f9ce1c],.theme-mode-light .token.symbol[data-v-a0f9ce1c],.theme-mode-light .token.tag[data-v-a0f9ce1c]{color:#905}.theme-mode-light .token.attr-name[data-v-a0f9ce1c],.theme-mode-light .token.builtin[data-v-a0f9ce1c],.theme-mode-light .token.char[data-v-a0f9ce1c],.theme-mode-light .token.inserted[data-v-a0f9ce1c],.theme-mode-light .token.selector[data-v-a0f9ce1c],.theme-mode-light .token.string[data-v-a0f9ce1c]{color:#690}.theme-mode-light .language-css .token.string[data-v-a0f9ce1c],.theme-mode-light .style .token.string[data-v-a0f9ce1c],.theme-mode-light .token.entity[data-v-a0f9ce1c],.theme-mode-light .token.operator[data-v-a0f9ce1c],.theme-mode-light .token.url[data-v-a0f9ce1c]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-a0f9ce1c],.theme-mode-light .token.attr-value[data-v-a0f9ce1c],.theme-mode-light .token.keyword[data-v-a0f9ce1c]{color:#07a}.theme-mode-light .token.class-name[data-v-a0f9ce1c],.theme-mode-light .token.function[data-v-a0f9ce1c]{color:#dd4a68}.theme-mode-light .token.important[data-v-a0f9ce1c],.theme-mode-light .token.regex[data-v-a0f9ce1c],.theme-mode-light .token.variable[data-v-a0f9ce1c]{color:#e90}.theme-mode-light .token.bold[data-v-a0f9ce1c],.theme-mode-light .token.important[data-v-a0f9ce1c]{font-weight:700}.theme-mode-light .token.italic[data-v-a0f9ce1c]{font-style:italic}.theme-mode-light .token.entity[data-v-a0f9ce1c]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-a0f9ce1c],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-a0f9ce1c]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-a0f9ce1c]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-a0f9ce1c],.theme-mode-dark pre[class*=language-][data-v-a0f9ce1c]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-a0f9ce1c]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-a0f9ce1c],.theme-mode-dark pre[class*=language-][data-v-a0f9ce1c]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-a0f9ce1c]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-a0f9ce1c],.theme-mode-dark .token.cdata[data-v-a0f9ce1c],.theme-mode-dark .token.comment[data-v-a0f9ce1c],.theme-mode-dark .token.doctype[data-v-a0f9ce1c],.theme-mode-dark .token.prolog[data-v-a0f9ce1c]{color:#999}.theme-mode-dark .token.punctuation[data-v-a0f9ce1c]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-a0f9ce1c],.theme-mode-dark .token.deleted[data-v-a0f9ce1c],.theme-mode-dark .token.namespace[data-v-a0f9ce1c],.theme-mode-dark .token.tag[data-v-a0f9ce1c]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-a0f9ce1c]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-a0f9ce1c],.theme-mode-dark .token.function[data-v-a0f9ce1c],.theme-mode-dark .token.number[data-v-a0f9ce1c]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-a0f9ce1c],.theme-mode-dark .token.constant[data-v-a0f9ce1c],.theme-mode-dark .token.property[data-v-a0f9ce1c],.theme-mode-dark .token.symbol[data-v-a0f9ce1c]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-a0f9ce1c],.theme-mode-dark .token.builtin[data-v-a0f9ce1c],.theme-mode-dark .token.important[data-v-a0f9ce1c],.theme-mode-dark .token.keyword[data-v-a0f9ce1c],.theme-mode-dark .token.selector[data-v-a0f9ce1c]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-a0f9ce1c],.theme-mode-dark .token.char[data-v-a0f9ce1c],.theme-mode-dark .token.regex[data-v-a0f9ce1c],.theme-mode-dark .token.string[data-v-a0f9ce1c],.theme-mode-dark .token.variable[data-v-a0f9ce1c]{color:#7ec699}.theme-mode-dark .token.entity[data-v-a0f9ce1c],.theme-mode-dark .token.operator[data-v-a0f9ce1c],.theme-mode-dark .token.url[data-v-a0f9ce1c]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-a0f9ce1c],.theme-mode-dark .style .token.string[data-v-a0f9ce1c],.theme-mode-dark .token.entity[data-v-a0f9ce1c],.theme-mode-dark .token.operator[data-v-a0f9ce1c],.theme-mode-dark .token.url[data-v-a0f9ce1c]{background:none}.theme-mode-dark .token.bold[data-v-a0f9ce1c],.theme-mode-dark .token.important[data-v-a0f9ce1c]{font-weight:700}.theme-mode-dark .token.italic[data-v-a0f9ce1c]{font-style:italic}.theme-mode-dark .token.entity[data-v-a0f9ce1c]{cursor:help}.theme-mode-dark .token.inserted[data-v-a0f9ce1c]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-a0f9ce1c]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-a0f9ce1c]{background-color:transparent}.theme-mode-dark blockquote[data-v-a0f9ce1c]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-a0f9ce1c]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-a0f9ce1c]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-a0f9ce1c]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-a0f9ce1c]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-a0f9ce1c]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-a0f9ce1c]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-a0f9ce1c],.theme-mode-dark .custom-block.note[data-v-a0f9ce1c],.theme-mode-dark .custom-block.tip[data-v-a0f9ce1c],.theme-mode-dark .custom-block.warning[data-v-a0f9ce1c]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-a0f9ce1c],.theme-mode-dark .custom-block.danger[data-v-a0f9ce1c]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-a0f9ce1c]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-a0f9ce1c]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-a0f9ce1c],.theme-mode-dark .nav-item .dropdown-title a[data-v-a0f9ce1c]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-a0f9ce1c],.theme-mode-dark .nav-item>a[data-v-a0f9ce1c]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-a0f9ce1c]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-a0f9ce1c]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-a0f9ce1c]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-a0f9ce1c],.theme-mode-dark .buttons .button .select-box li[data-v-a0f9ce1c]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-a0f9ce1c]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-a0f9ce1c]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-a0f9ce1c],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-a0f9ce1c]:hover,.theme-mode-dark .pagination span[data-v-a0f9ce1c]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-a0f9ce1c]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-a0f9ce1c],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-a0f9ce1c]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-a0f9ce1c]:hover,.theme-mode-dark a.sidebar-link[data-v-a0f9ce1c]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-a0f9ce1c]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-a0f9ce1c],.theme-mode-dark .search-box input[data-v-a0f9ce1c]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-a0f9ce1c]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-a0f9ce1c],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-a0f9ce1c]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-a0f9ce1c],.theme-mode-dark .tabs-component-tab[data-v-a0f9ce1c]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-a0f9ce1c]{color:#b160ea}.theme-mode-read[data-v-a0f9ce1c]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-a0f9ce1c],.theme-mode-read pre[class*=language-][data-v-a0f9ce1c]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-a0f9ce1c]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-a0f9ce1c],.theme-mode-read pre[class*=language-][data-v-a0f9ce1c]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-a0f9ce1c]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-a0f9ce1c],.theme-mode-read .token.cdata[data-v-a0f9ce1c],.theme-mode-read .token.comment[data-v-a0f9ce1c],.theme-mode-read .token.doctype[data-v-a0f9ce1c],.theme-mode-read .token.prolog[data-v-a0f9ce1c]{color:#999}.theme-mode-read .token.punctuation[data-v-a0f9ce1c]{color:#ccc}.theme-mode-read .token.attr-name[data-v-a0f9ce1c],.theme-mode-read .token.deleted[data-v-a0f9ce1c],.theme-mode-read .token.namespace[data-v-a0f9ce1c],.theme-mode-read .token.tag[data-v-a0f9ce1c]{color:#e2777a}.theme-mode-read .token.function-name[data-v-a0f9ce1c]{color:#6196cc}.theme-mode-read .token.boolean[data-v-a0f9ce1c],.theme-mode-read .token.function[data-v-a0f9ce1c],.theme-mode-read .token.number[data-v-a0f9ce1c]{color:#f08d49}.theme-mode-read .token.class-name[data-v-a0f9ce1c],.theme-mode-read .token.constant[data-v-a0f9ce1c],.theme-mode-read .token.property[data-v-a0f9ce1c],.theme-mode-read .token.symbol[data-v-a0f9ce1c]{color:#f8c555}.theme-mode-read .token.atrule[data-v-a0f9ce1c],.theme-mode-read .token.builtin[data-v-a0f9ce1c],.theme-mode-read .token.important[data-v-a0f9ce1c],.theme-mode-read .token.keyword[data-v-a0f9ce1c],.theme-mode-read .token.selector[data-v-a0f9ce1c]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-a0f9ce1c],.theme-mode-read .token.char[data-v-a0f9ce1c],.theme-mode-read .token.regex[data-v-a0f9ce1c],.theme-mode-read .token.string[data-v-a0f9ce1c],.theme-mode-read .token.variable[data-v-a0f9ce1c]{color:#7ec699}.theme-mode-read .token.entity[data-v-a0f9ce1c],.theme-mode-read .token.operator[data-v-a0f9ce1c],.theme-mode-read .token.url[data-v-a0f9ce1c]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-a0f9ce1c],.theme-mode-read .style .token.string[data-v-a0f9ce1c],.theme-mode-read .token.entity[data-v-a0f9ce1c],.theme-mode-read .token.operator[data-v-a0f9ce1c],.theme-mode-read .token.url[data-v-a0f9ce1c]{background:none}.theme-mode-read .token.bold[data-v-a0f9ce1c],.theme-mode-read .token.important[data-v-a0f9ce1c]{font-weight:700}.theme-mode-read .token.italic[data-v-a0f9ce1c]{font-style:italic}.theme-mode-read .token.entity[data-v-a0f9ce1c]{cursor:help}.theme-mode-read .token.inserted[data-v-a0f9ce1c]{color:green}.home-wrapper[data-v-a0f9ce1c]{height:calc(100vh - 58px)}.home-wrapper .banner[data-v-a0f9ce1c]{width:100%;min-height:450px;margin-top:3.6rem;color:#fff;position:relative;overflow:hidden}.home-wrapper .banner .banner-conent[data-v-a0f9ce1c]{max-width:1100px;margin:0 auto;position:relative;z-index:1;overflow:hidden}.home-wrapper .banner .banner-conent .hero[data-v-a0f9ce1c]{text-align:center;margin-top:3rem}.home-wrapper .banner .banner-conent .hero img[data-v-a0f9ce1c]{max-width:100%;max-height:160px;display:block;margin:2rem auto 1.5rem}.home-wrapper .banner .banner-conent .hero h1[data-v-a0f9ce1c]{margin:0;font-size:2.8rem}.home-wrapper .banner .banner-conent .hero .action[data-v-a0f9ce1c],.home-wrapper .banner .banner-conent .hero .description[data-v-a0f9ce1c]{margin:1.5rem auto}.home-wrapper .banner .banner-conent .hero .description[data-v-a0f9ce1c]{max-width:40rem;font-size:1.1rem;line-height:1.3;opacity:.9}.home-wrapper .banner .banner-conent .hero .action-button[data-v-a0f9ce1c]{display:inline-block;font-size:1.2rem;background-color:#426feb;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;box-sizing:border-box;border-bottom:1px solid #275ae8;color:#fff}.home-wrapper .banner .banner-conent .hero .action-button[data-v-a0f9ce1c]:hover{background-color:#557ded}.home-wrapper .banner .banner-conent .hero .preview-button[data-v-a0f9ce1c]{display:inline-block;font-size:1.2rem;padding:.68rem 1.6rem;border-radius:4px;margin-left:.6rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;box-sizing:border-box;border:2px solid #275ae8;color:var(--previewColor)}.home-wrapper .banner .banner-conent .hero .preview-button[data-v-a0f9ce1c]:hover{color:#fff;background-color:#426feb}.home-wrapper .banner .banner-conent .hero .preview-button[data-v-a0f9ce1c]:hover .icon.outbound{color:#fff!important}.home-wrapper .banner .banner-conent .features[data-v-a0f9ce1c]{padding:1.6rem 0;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home-wrapper .banner .banner-conent .feature[data-v-a0f9ce1c]{flex-grow:1;flex-basis:30%;max-width:30%;text-align:center}.home-wrapper .banner .banner-conent .feature a[data-v-a0f9ce1c]{color:inherit}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-a0f9ce1c]{width:10rem;height:10rem;animation:heart-a0f9ce1c 1.2s ease-in-out 0s infinite alternate;animation-play-state:paused}.home-wrapper .banner .banner-conent .feature a h2[data-v-a0f9ce1c]{font-weight:500;font-size:1.2rem;border-bottom:none;padding-bottom:0}.home-wrapper .banner .banner-conent .feature a p[data-v-a0f9ce1c]{opacity:.8;padding:0 .8rem;font-size:.94rem}.home-wrapper .banner .banner-conent .feature:hover .feature-img[data-v-a0f9ce1c]{animation-play-state:running}.home-wrapper .banner .banner-conent .feature:hover h2[data-v-a0f9ce1c],.home-wrapper .banner .banner-conent .feature:hover p[data-v-a0f9ce1c]{color:#426feb}.home-wrapper .banner .slide-banner .banner-wrapper[data-v-a0f9ce1c]{position:relative}.home-wrapper .banner .slide-banner .slide-banner-scroll[data-v-a0f9ce1c]{min-height:1px;overflow:hidden}.home-wrapper .banner .slide-banner .slide-banner-wrapper[data-v-a0f9ce1c]{height:300px}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item[data-v-a0f9ce1c]{display:inline-block;height:300px;width:100%;text-align:center}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a[data-v-a0f9ce1c]{color:inherit}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a .feature-img[data-v-a0f9ce1c]{width:10rem;height:10rem}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a h2[data-v-a0f9ce1c]{font-size:1.1rem;font-weight:500;border-bottom:none;padding-bottom:0}.home-wrapper .banner .slide-banner .slide-banner-wrapper .slide-item a p[data-v-a0f9ce1c]{opacity:.8;padding:0 .8rem}.home-wrapper .banner .slide-banner .docs-wrapper[data-v-a0f9ce1c]{position:absolute;bottom:25px;left:50%;transform:translateX(-50%)}.home-wrapper .banner .slide-banner .docs-wrapper .doc[data-v-a0f9ce1c]{display:inline-block;margin:0 4px;width:8px;height:8px;border-radius:50%;background:var(--textColor);opacity:.9}.home-wrapper .banner .slide-banner .docs-wrapper .doc.active[data-v-a0f9ce1c]{opacity:.5}.home-wrapper .banner.hide-banner[data-v-a0f9ce1c]{display:none}.home-wrapper .banner.hide-banner+.main-wrapper[data-v-a0f9ce1c]{margin-top:4.5rem}.home-wrapper .main-wrapper[data-v-a0f9ce1c]{margin-top:2rem}.home-wrapper .main-wrapper .main-left .card-box[data-v-a0f9ce1c]{margin-bottom:.9rem}.home-wrapper .main-wrapper .main-left .pagination[data-v-a0f9ce1c]{margin-bottom:4rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-a0f9ce1c]{padding:0 2rem;overflow:hidden}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-a0f9ce1c]>:first-child{padding-top:2rem}.home-wrapper .main-wrapper .main-left .theme-vdoing-content[data-v-a0f9ce1c]>:last-child{padding-bottom:2rem}.home-wrapper .main-wrapper .main-right .custom-html-box[data-v-a0f9ce1c]{padding:0;overflow:hidden}@media (max-width:1025px){.home-wrapper .banner .banner-conent .hero h1[data-v-a0f9ce1c]{font-size:2.5rem}.home-wrapper .banner .banner-conent .hero .description[data-v-a0f9ce1c]{font-size:1rem}.home-wrapper .banner .banner-conent .feature a h2[data-v-a0f9ce1c]{font-size:1.1rem}.home-wrapper .banner .banner-conent .feature a .feature-img[data-v-a0f9ce1c]{width:9rem;height:9rem}}@media (max-width:719px){.home-wrapper .banner .banner-conent .features[data-v-a0f9ce1c]{display:none!important}}@media (max-width:419px){.home-wrapper .banner-conent[data-v-a0f9ce1c]{padding-left:1.5rem;padding-right:1.5rem}.home-wrapper .banner-conent .hero img[data-v-a0f9ce1c]{max-height:210px;margin:2rem auto 1.2rem}.home-wrapper .banner-conent .hero h1[data-v-a0f9ce1c]{font-size:2rem}.home-wrapper .banner-conent .hero .action[data-v-a0f9ce1c],.home-wrapper .banner-conent .hero .description[data-v-a0f9ce1c],.home-wrapper .banner-conent .hero h1[data-v-a0f9ce1c]{margin:1.2rem auto}.home-wrapper .banner-conent .hero .description[data-v-a0f9ce1c]{font-size:1.2rem}.home-wrapper .banner-conent .hero .action-button[data-v-a0f9ce1c]{font-size:1rem;padding:.6rem 1.2rem}.home-wrapper .banner-conent .feature h2[data-v-a0f9ce1c]{font-size:1.25rem}}@keyframes heart-a0f9ce1c{0%{transform:translate(0)}to{transform:translateY(8px)}}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;height:2rem;color:var(--textColor);display:inline-block;border:1px solid var(--borderColor,#ccc);border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:width .2s ease;background:url(/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#426feb}.search-box .suggestions{background:var(--mainBg,#fff);width:20rem;position:absolute;top:1.5rem;border:1px solid var(--borderColor,#ccc);border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:var(--textColor);opacity:.75}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused,.search-box .suggestion:hover{background-color:hsla(0,0%,58.8%,.2)}.search-box .suggestion.focused a{color:#426feb}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (-ms-high-contrast:none){.search-box input{height:2rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.sidebar-button{cursor:pointer;display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem}@media (max-width:719px){.sidebar-button{display:block}}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (min-width:720px){.sidebar-button{width:40px;height:40px;display:inline-block;position:fixed;left:0;top:4.6rem;text-align:center;line-height:44px;margin:5px 8px;color:#888;border-radius:50%;padding:0;transition:all .2s}.sidebar-button:hover{background:#426feb;color:#fff;box-shadow:0 0 6px #426feb}.sidebar-button .icon{display:inline;width:1rem;height:1rem}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block;font-size:.9rem;font-family:inherit;cursor:inherit;padding:inherit;line-height:1.4rem;background:transparent;border:none;font-weight:500;color:var(--textColor)}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid var(--borderColor);padding:.45rem 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#426feb}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #426feb;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .dropdown-title{font-weight:600;font-size:inherit}.dropdown-wrapper .dropdown-title:hover{color:#426feb}.dropdown-wrapper .dropdown-title .link-title{display:none}.dropdown-wrapper .dropdown-title .title{display:inline-block!important}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper.open .nav-dropdown,.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper.open:blur{display:none}.dropdown-wrapper .dropdown-title .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ccc;border-bottom:0}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:var(--mainBg);padding:.6rem 0;border-bottom-color:var(--borderColor);border:1px solid var(--borderColor);text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}.nav-item .dropdown-title a.router-link-active,.nav-item .dropdown-title a:hover{margin-bottom:-2px;border-bottom:2px solid #517bed}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#426feb}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:959px){.nav-links .nav-item{margin-left:1.2rem}}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:var(--textColor)}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #517bed}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem;transition:transform .3s;background-image:radial-gradient(transparent 1px,var(--blurBg) 0);background-size:4px 4px;backdrop-filter:saturate(50%) blur(4px);-webkit-backdrop-filter:saturate(50%) blur(4px)}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:1.8rem;min-width:1.8rem;vertical-align:top}.navbar .site-name{font-size:1rem;font-weight:600;color:var(--textColor);position:relative}.navbar .links{box-sizing:border-box;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:1.2px;display:flex;padding:.5rem;background:var(--blurBg);box-shadow:-15px 0 5px 0 var(--blurBg)}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}.hide-navbar .navbar{transform:translateY(-100%)}@media (max-width:959px){.navbar .site-name{display:none}}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}.navbar .site-name{width:calc(100vw - 9.4rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.page-edit{max-width:860px;padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block;float:left;margin:0 2rem .5rem 0}.page-edit .edit-link a{margin-right:.25rem}.page-edit .tags{float:left}.page-edit .tags a{margin:0 .8rem .5rem 0;display:inline-block;color:var(--textLightenColor);padding:.2rem .7rem;font-size:.9em;background-color:hsla(0,0%,50.2%,.08);border-radius:3px;opacity:.8}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:var(--textColor);opacity:.8}.page-edit .last-updated .time{font-weight:400;color:#aaa}@media (max-width:719px){.page-edit .edit-link,.page-edit .tags{margin-bottom:.5rem}.page-edit .last-updated{width:100%;font-size:.8em;text-align:left}}.page-nav{max-width:860px;padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid var(--borderColor);padding-top:1rem;overflow:auto}.page-nav .next{float:right}.page-nav-centre-wrap .page-nav-centre{position:fixed;top:50%;width:80px;height:70px;margin-top:-35px;outline:0;transition:all .2s;border-radius:3px;opacity:.55;z-index:99}@media (max-width:1340px){.page-nav-centre-wrap .page-nav-centre{width:50px}}@media (max-width:960px){.page-nav-centre-wrap .page-nav-centre{display:none}}.page-nav-centre-wrap .page-nav-centre:hover{background:hsla(0,0%,60%,.15);opacity:1}.page-nav-centre-wrap .page-nav-centre:hover .tooltip{display:block}.page-nav-centre-wrap .page-nav-centre:before{content:"";display:block;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.page-nav-centre-wrap .page-nav-centre .tooltip{display:none;background:rgba(0,0,0,.5);color:#fff;padding:4px 8px;font-size:13px;border-radius:3px;position:fixed;max-width:200px;z-index:99}.page-nav-centre-wrap .page-nav-centre-prev{left:0}.page-nav-centre-wrap .page-nav-centre-prev:before{transform:rotate(-135deg)}.page-nav-centre-wrap .page-nav-centre-next{right:0}.page-nav-centre-wrap .page-nav-centre-next:before{transform:rotate(45deg)}.sidebar-open .page-nav-centre-wrap .page-nav-centre-prev{left:18rem}.no-sidebar .page-nav-centre-wrap .page-nav-centre-prev{left:0}.theme-mode-light[data-v-51e47508]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-51e47508]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-51e47508]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-51e47508]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-51e47508],.theme-mode-light pre[class*=language-][data-v-51e47508]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-51e47508]::-moz-selection,.theme-mode-light code[class*=language-][data-v-51e47508] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-51e47508]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-51e47508] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-51e47508]::selection,.theme-mode-light code[class*=language-][data-v-51e47508] ::selection,.theme-mode-light pre[class*=language-][data-v-51e47508]::selection,.theme-mode-light pre[class*=language-][data-v-51e47508] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-51e47508],.theme-mode-light pre[class*=language-][data-v-51e47508]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-51e47508]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-51e47508],.theme-mode-light pre[class*=language-][data-v-51e47508]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-51e47508]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-51e47508],.theme-mode-light .token.comment[data-v-51e47508],.theme-mode-light .token.doctype[data-v-51e47508],.theme-mode-light .token.prolog[data-v-51e47508]{color:#708090}.theme-mode-light .token.punctuation[data-v-51e47508]{color:#999}.theme-mode-light .namespace[data-v-51e47508]{opacity:.7}.theme-mode-light .token.boolean[data-v-51e47508],.theme-mode-light .token.constant[data-v-51e47508],.theme-mode-light .token.deleted[data-v-51e47508],.theme-mode-light .token.number[data-v-51e47508],.theme-mode-light .token.property[data-v-51e47508],.theme-mode-light .token.symbol[data-v-51e47508],.theme-mode-light .token.tag[data-v-51e47508]{color:#905}.theme-mode-light .token.attr-name[data-v-51e47508],.theme-mode-light .token.builtin[data-v-51e47508],.theme-mode-light .token.char[data-v-51e47508],.theme-mode-light .token.inserted[data-v-51e47508],.theme-mode-light .token.selector[data-v-51e47508],.theme-mode-light .token.string[data-v-51e47508]{color:#690}.theme-mode-light .language-css .token.string[data-v-51e47508],.theme-mode-light .style .token.string[data-v-51e47508],.theme-mode-light .token.entity[data-v-51e47508],.theme-mode-light .token.operator[data-v-51e47508],.theme-mode-light .token.url[data-v-51e47508]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-51e47508],.theme-mode-light .token.attr-value[data-v-51e47508],.theme-mode-light .token.keyword[data-v-51e47508]{color:#07a}.theme-mode-light .token.class-name[data-v-51e47508],.theme-mode-light .token.function[data-v-51e47508]{color:#dd4a68}.theme-mode-light .token.important[data-v-51e47508],.theme-mode-light .token.regex[data-v-51e47508],.theme-mode-light .token.variable[data-v-51e47508]{color:#e90}.theme-mode-light .token.bold[data-v-51e47508],.theme-mode-light .token.important[data-v-51e47508]{font-weight:700}.theme-mode-light .token.italic[data-v-51e47508]{font-style:italic}.theme-mode-light .token.entity[data-v-51e47508]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-51e47508],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-51e47508]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-51e47508]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-51e47508],.theme-mode-dark pre[class*=language-][data-v-51e47508]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-51e47508]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-51e47508],.theme-mode-dark pre[class*=language-][data-v-51e47508]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-51e47508]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-51e47508],.theme-mode-dark .token.cdata[data-v-51e47508],.theme-mode-dark .token.comment[data-v-51e47508],.theme-mode-dark .token.doctype[data-v-51e47508],.theme-mode-dark .token.prolog[data-v-51e47508]{color:#999}.theme-mode-dark .token.punctuation[data-v-51e47508]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-51e47508],.theme-mode-dark .token.deleted[data-v-51e47508],.theme-mode-dark .token.namespace[data-v-51e47508],.theme-mode-dark .token.tag[data-v-51e47508]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-51e47508]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-51e47508],.theme-mode-dark .token.function[data-v-51e47508],.theme-mode-dark .token.number[data-v-51e47508]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-51e47508],.theme-mode-dark .token.constant[data-v-51e47508],.theme-mode-dark .token.property[data-v-51e47508],.theme-mode-dark .token.symbol[data-v-51e47508]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-51e47508],.theme-mode-dark .token.builtin[data-v-51e47508],.theme-mode-dark .token.important[data-v-51e47508],.theme-mode-dark .token.keyword[data-v-51e47508],.theme-mode-dark .token.selector[data-v-51e47508]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-51e47508],.theme-mode-dark .token.char[data-v-51e47508],.theme-mode-dark .token.regex[data-v-51e47508],.theme-mode-dark .token.string[data-v-51e47508],.theme-mode-dark .token.variable[data-v-51e47508]{color:#7ec699}.theme-mode-dark .token.entity[data-v-51e47508],.theme-mode-dark .token.operator[data-v-51e47508],.theme-mode-dark .token.url[data-v-51e47508]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-51e47508],.theme-mode-dark .style .token.string[data-v-51e47508],.theme-mode-dark .token.entity[data-v-51e47508],.theme-mode-dark .token.operator[data-v-51e47508],.theme-mode-dark .token.url[data-v-51e47508]{background:none}.theme-mode-dark .token.bold[data-v-51e47508],.theme-mode-dark .token.important[data-v-51e47508]{font-weight:700}.theme-mode-dark .token.italic[data-v-51e47508]{font-style:italic}.theme-mode-dark .token.entity[data-v-51e47508]{cursor:help}.theme-mode-dark .token.inserted[data-v-51e47508]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-51e47508]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-51e47508]{background-color:transparent}.theme-mode-dark blockquote[data-v-51e47508]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-51e47508]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-51e47508]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-51e47508]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-51e47508]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-51e47508]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-51e47508]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-51e47508],.theme-mode-dark .custom-block.note[data-v-51e47508],.theme-mode-dark .custom-block.tip[data-v-51e47508],.theme-mode-dark .custom-block.warning[data-v-51e47508]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-51e47508],.theme-mode-dark .custom-block.danger[data-v-51e47508]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-51e47508]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-51e47508]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-51e47508],.theme-mode-dark .nav-item .dropdown-title a[data-v-51e47508]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-51e47508],.theme-mode-dark .nav-item>a[data-v-51e47508]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-51e47508]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-51e47508]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-51e47508]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-51e47508],.theme-mode-dark .buttons .button .select-box li[data-v-51e47508]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-51e47508]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-51e47508]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-51e47508],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-51e47508]:hover,.theme-mode-dark .pagination span[data-v-51e47508]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-51e47508]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-51e47508],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-51e47508]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-51e47508]:hover,.theme-mode-dark a.sidebar-link[data-v-51e47508]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-51e47508]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-51e47508],.theme-mode-dark .search-box input[data-v-51e47508]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-51e47508]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-51e47508],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-51e47508]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-51e47508],.theme-mode-dark .tabs-component-tab[data-v-51e47508]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-51e47508]{color:#b160ea}.theme-mode-read[data-v-51e47508]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-51e47508],.theme-mode-read pre[class*=language-][data-v-51e47508]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-51e47508]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-51e47508],.theme-mode-read pre[class*=language-][data-v-51e47508]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-51e47508]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-51e47508],.theme-mode-read .token.cdata[data-v-51e47508],.theme-mode-read .token.comment[data-v-51e47508],.theme-mode-read .token.doctype[data-v-51e47508],.theme-mode-read .token.prolog[data-v-51e47508]{color:#999}.theme-mode-read .token.punctuation[data-v-51e47508]{color:#ccc}.theme-mode-read .token.attr-name[data-v-51e47508],.theme-mode-read .token.deleted[data-v-51e47508],.theme-mode-read .token.namespace[data-v-51e47508],.theme-mode-read .token.tag[data-v-51e47508]{color:#e2777a}.theme-mode-read .token.function-name[data-v-51e47508]{color:#6196cc}.theme-mode-read .token.boolean[data-v-51e47508],.theme-mode-read .token.function[data-v-51e47508],.theme-mode-read .token.number[data-v-51e47508]{color:#f08d49}.theme-mode-read .token.class-name[data-v-51e47508],.theme-mode-read .token.constant[data-v-51e47508],.theme-mode-read .token.property[data-v-51e47508],.theme-mode-read .token.symbol[data-v-51e47508]{color:#f8c555}.theme-mode-read .token.atrule[data-v-51e47508],.theme-mode-read .token.builtin[data-v-51e47508],.theme-mode-read .token.important[data-v-51e47508],.theme-mode-read .token.keyword[data-v-51e47508],.theme-mode-read .token.selector[data-v-51e47508]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-51e47508],.theme-mode-read .token.char[data-v-51e47508],.theme-mode-read .token.regex[data-v-51e47508],.theme-mode-read .token.string[data-v-51e47508],.theme-mode-read .token.variable[data-v-51e47508]{color:#7ec699}.theme-mode-read .token.entity[data-v-51e47508],.theme-mode-read .token.operator[data-v-51e47508],.theme-mode-read .token.url[data-v-51e47508]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-51e47508],.theme-mode-read .style .token.string[data-v-51e47508],.theme-mode-read .token.entity[data-v-51e47508],.theme-mode-read .token.operator[data-v-51e47508],.theme-mode-read .token.url[data-v-51e47508]{background:none}.theme-mode-read .token.bold[data-v-51e47508],.theme-mode-read .token.important[data-v-51e47508]{font-weight:700}.theme-mode-read .token.italic[data-v-51e47508]{font-style:italic}.theme-mode-read .token.entity[data-v-51e47508]{cursor:help}.theme-mode-read .token.inserted[data-v-51e47508]{color:green}.articleInfo-wrap[data-v-51e47508]{max-width:860px}.theme-style-line .articleInfo-wrap .articleInfo[data-v-51e47508]{padding-top:.5rem}.articleInfo-wrap[data-v-51e47508]{position:relative;z-index:1;color:#888}.articleInfo-wrap .articleInfo[data-v-51e47508]{overflow:hidden;font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs[data-v-51e47508]{margin:0;padding:0;overflow:hidden;display:inline-block;line-height:2rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .breadcrumbs[data-v-51e47508]{width:100%}}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-51e47508]{list-style-type:none;float:left;padding-right:5px}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-51e47508]:after{content:"/";margin-left:5px;color:#999}.articleInfo-wrap .articleInfo .breadcrumbs li[data-v-51e47508]:last-child:after{content:""}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-51e47508]{color:#888}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-51e47508]:before{font-size:.92rem}.articleInfo-wrap .articleInfo .breadcrumbs li a[data-v-51e47508]:hover{color:#426feb}.articleInfo-wrap .articleInfo .breadcrumbs li .icon-home[data-v-51e47508]{text-decoration:none}.articleInfo-wrap .articleInfo .info[data-v-51e47508]{float:right;line-height:32px}@media (max-width:960px){.articleInfo-wrap .articleInfo .info[data-v-51e47508]{float:left}}.articleInfo-wrap .articleInfo .info div[data-v-51e47508]{float:left;margin-left:20px;font-size:.8rem}@media (max-width:960px){.articleInfo-wrap .articleInfo .info div[data-v-51e47508]{margin:0 20px 0 0}}.articleInfo-wrap .articleInfo .info div[data-v-51e47508]:before{margin-right:3px}.articleInfo-wrap .articleInfo .info div a[data-v-51e47508]{color:#888}.articleInfo-wrap .articleInfo .info div a[data-v-51e47508]:hover{text-decoration:none}.articleInfo-wrap .articleInfo .info div a.beLink[data-v-51e47508]:hover{color:#426feb;text-decoration:underline}.theme-mode-light[data-v-c1edc922]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-c1edc922]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-c1edc922]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-c1edc922]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-c1edc922],.theme-mode-light pre[class*=language-][data-v-c1edc922]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-c1edc922]::-moz-selection,.theme-mode-light code[class*=language-][data-v-c1edc922] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-c1edc922]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-c1edc922] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-c1edc922]::selection,.theme-mode-light code[class*=language-][data-v-c1edc922] ::selection,.theme-mode-light pre[class*=language-][data-v-c1edc922]::selection,.theme-mode-light pre[class*=language-][data-v-c1edc922] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-c1edc922],.theme-mode-light pre[class*=language-][data-v-c1edc922]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-c1edc922]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-c1edc922],.theme-mode-light pre[class*=language-][data-v-c1edc922]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-c1edc922]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-c1edc922],.theme-mode-light .token.comment[data-v-c1edc922],.theme-mode-light .token.doctype[data-v-c1edc922],.theme-mode-light .token.prolog[data-v-c1edc922]{color:#708090}.theme-mode-light .token.punctuation[data-v-c1edc922]{color:#999}.theme-mode-light .namespace[data-v-c1edc922]{opacity:.7}.theme-mode-light .token.boolean[data-v-c1edc922],.theme-mode-light .token.constant[data-v-c1edc922],.theme-mode-light .token.deleted[data-v-c1edc922],.theme-mode-light .token.number[data-v-c1edc922],.theme-mode-light .token.property[data-v-c1edc922],.theme-mode-light .token.symbol[data-v-c1edc922],.theme-mode-light .token.tag[data-v-c1edc922]{color:#905}.theme-mode-light .token.attr-name[data-v-c1edc922],.theme-mode-light .token.builtin[data-v-c1edc922],.theme-mode-light .token.char[data-v-c1edc922],.theme-mode-light .token.inserted[data-v-c1edc922],.theme-mode-light .token.selector[data-v-c1edc922],.theme-mode-light .token.string[data-v-c1edc922]{color:#690}.theme-mode-light .language-css .token.string[data-v-c1edc922],.theme-mode-light .style .token.string[data-v-c1edc922],.theme-mode-light .token.entity[data-v-c1edc922],.theme-mode-light .token.operator[data-v-c1edc922],.theme-mode-light .token.url[data-v-c1edc922]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-c1edc922],.theme-mode-light .token.attr-value[data-v-c1edc922],.theme-mode-light .token.keyword[data-v-c1edc922]{color:#07a}.theme-mode-light .token.class-name[data-v-c1edc922],.theme-mode-light .token.function[data-v-c1edc922]{color:#dd4a68}.theme-mode-light .token.important[data-v-c1edc922],.theme-mode-light .token.regex[data-v-c1edc922],.theme-mode-light .token.variable[data-v-c1edc922]{color:#e90}.theme-mode-light .token.bold[data-v-c1edc922],.theme-mode-light .token.important[data-v-c1edc922]{font-weight:700}.theme-mode-light .token.italic[data-v-c1edc922]{font-style:italic}.theme-mode-light .token.entity[data-v-c1edc922]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-c1edc922],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-c1edc922]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-c1edc922]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-c1edc922],.theme-mode-dark pre[class*=language-][data-v-c1edc922]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-c1edc922]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-c1edc922],.theme-mode-dark pre[class*=language-][data-v-c1edc922]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-c1edc922]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-c1edc922],.theme-mode-dark .token.cdata[data-v-c1edc922],.theme-mode-dark .token.comment[data-v-c1edc922],.theme-mode-dark .token.doctype[data-v-c1edc922],.theme-mode-dark .token.prolog[data-v-c1edc922]{color:#999}.theme-mode-dark .token.punctuation[data-v-c1edc922]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-c1edc922],.theme-mode-dark .token.deleted[data-v-c1edc922],.theme-mode-dark .token.namespace[data-v-c1edc922],.theme-mode-dark .token.tag[data-v-c1edc922]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-c1edc922]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-c1edc922],.theme-mode-dark .token.function[data-v-c1edc922],.theme-mode-dark .token.number[data-v-c1edc922]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-c1edc922],.theme-mode-dark .token.constant[data-v-c1edc922],.theme-mode-dark .token.property[data-v-c1edc922],.theme-mode-dark .token.symbol[data-v-c1edc922]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-c1edc922],.theme-mode-dark .token.builtin[data-v-c1edc922],.theme-mode-dark .token.important[data-v-c1edc922],.theme-mode-dark .token.keyword[data-v-c1edc922],.theme-mode-dark .token.selector[data-v-c1edc922]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-c1edc922],.theme-mode-dark .token.char[data-v-c1edc922],.theme-mode-dark .token.regex[data-v-c1edc922],.theme-mode-dark .token.string[data-v-c1edc922],.theme-mode-dark .token.variable[data-v-c1edc922]{color:#7ec699}.theme-mode-dark .token.entity[data-v-c1edc922],.theme-mode-dark .token.operator[data-v-c1edc922],.theme-mode-dark .token.url[data-v-c1edc922]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-c1edc922],.theme-mode-dark .style .token.string[data-v-c1edc922],.theme-mode-dark .token.entity[data-v-c1edc922],.theme-mode-dark .token.operator[data-v-c1edc922],.theme-mode-dark .token.url[data-v-c1edc922]{background:none}.theme-mode-dark .token.bold[data-v-c1edc922],.theme-mode-dark .token.important[data-v-c1edc922]{font-weight:700}.theme-mode-dark .token.italic[data-v-c1edc922]{font-style:italic}.theme-mode-dark .token.entity[data-v-c1edc922]{cursor:help}.theme-mode-dark .token.inserted[data-v-c1edc922]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-c1edc922]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-c1edc922]{background-color:transparent}.theme-mode-dark blockquote[data-v-c1edc922]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-c1edc922]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-c1edc922]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-c1edc922]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-c1edc922]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-c1edc922]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-c1edc922]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-c1edc922],.theme-mode-dark .custom-block.note[data-v-c1edc922],.theme-mode-dark .custom-block.tip[data-v-c1edc922],.theme-mode-dark .custom-block.warning[data-v-c1edc922]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-c1edc922],.theme-mode-dark .custom-block.danger[data-v-c1edc922]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-c1edc922]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-c1edc922]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-c1edc922],.theme-mode-dark .nav-item .dropdown-title a[data-v-c1edc922]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-c1edc922],.theme-mode-dark .nav-item>a[data-v-c1edc922]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-c1edc922]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-c1edc922]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-c1edc922]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-c1edc922],.theme-mode-dark .buttons .button .select-box li[data-v-c1edc922]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-c1edc922]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-c1edc922]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-c1edc922],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-c1edc922]:hover,.theme-mode-dark .pagination span[data-v-c1edc922]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-c1edc922]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-c1edc922],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-c1edc922]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-c1edc922]:hover,.theme-mode-dark a.sidebar-link[data-v-c1edc922]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-c1edc922]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-c1edc922],.theme-mode-dark .search-box input[data-v-c1edc922]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-c1edc922]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-c1edc922],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-c1edc922]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-c1edc922],.theme-mode-dark .tabs-component-tab[data-v-c1edc922]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-c1edc922]{color:#b160ea}.theme-mode-read[data-v-c1edc922]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-c1edc922],.theme-mode-read pre[class*=language-][data-v-c1edc922]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-c1edc922]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-c1edc922],.theme-mode-read pre[class*=language-][data-v-c1edc922]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-c1edc922]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-c1edc922],.theme-mode-read .token.cdata[data-v-c1edc922],.theme-mode-read .token.comment[data-v-c1edc922],.theme-mode-read .token.doctype[data-v-c1edc922],.theme-mode-read .token.prolog[data-v-c1edc922]{color:#999}.theme-mode-read .token.punctuation[data-v-c1edc922]{color:#ccc}.theme-mode-read .token.attr-name[data-v-c1edc922],.theme-mode-read .token.deleted[data-v-c1edc922],.theme-mode-read .token.namespace[data-v-c1edc922],.theme-mode-read .token.tag[data-v-c1edc922]{color:#e2777a}.theme-mode-read .token.function-name[data-v-c1edc922]{color:#6196cc}.theme-mode-read .token.boolean[data-v-c1edc922],.theme-mode-read .token.function[data-v-c1edc922],.theme-mode-read .token.number[data-v-c1edc922]{color:#f08d49}.theme-mode-read .token.class-name[data-v-c1edc922],.theme-mode-read .token.constant[data-v-c1edc922],.theme-mode-read .token.property[data-v-c1edc922],.theme-mode-read .token.symbol[data-v-c1edc922]{color:#f8c555}.theme-mode-read .token.atrule[data-v-c1edc922],.theme-mode-read .token.builtin[data-v-c1edc922],.theme-mode-read .token.important[data-v-c1edc922],.theme-mode-read .token.keyword[data-v-c1edc922],.theme-mode-read .token.selector[data-v-c1edc922]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-c1edc922],.theme-mode-read .token.char[data-v-c1edc922],.theme-mode-read .token.regex[data-v-c1edc922],.theme-mode-read .token.string[data-v-c1edc922],.theme-mode-read .token.variable[data-v-c1edc922]{color:#7ec699}.theme-mode-read .token.entity[data-v-c1edc922],.theme-mode-read .token.operator[data-v-c1edc922],.theme-mode-read .token.url[data-v-c1edc922]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-c1edc922],.theme-mode-read .style .token.string[data-v-c1edc922],.theme-mode-read .token.entity[data-v-c1edc922],.theme-mode-read .token.operator[data-v-c1edc922],.theme-mode-read .token.url[data-v-c1edc922]{background:none}.theme-mode-read .token.bold[data-v-c1edc922],.theme-mode-read .token.important[data-v-c1edc922]{font-weight:700}.theme-mode-read .token.italic[data-v-c1edc922]{font-style:italic}.theme-mode-read .token.entity[data-v-c1edc922]{cursor:help}.theme-mode-read .token.inserted[data-v-c1edc922]{color:green}.theme-vdoing-content[data-v-c1edc922]{margin-bottom:3.6rem}.title-tag[data-v-c1edc922]{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}dd[data-v-c1edc922],dl[data-v-c1edc922]{margin:0}.column-wrapper[data-v-c1edc922]{margin-top:1rem;display:flex;padding-bottom:2rem;border-bottom:1px solid var(--borderColor)}.column-wrapper img[data-v-c1edc922]{width:80px;height:80px;border-radius:2px;margin-right:1rem}.column-wrapper .column-info .title[data-v-c1edc922]{font-size:1.6rem}.column-wrapper .column-info .description[data-v-c1edc922]{color:var(--textColor);opacity:.8;margin:.5rem 0}.catalogue-wrapper .catalogue-title[data-v-c1edc922]{font-size:1.45rem;margin:2rem 0}.catalogue-wrapper .catalogue-content dl[data-v-c1edc922]{margin-bottom:1.8rem}.catalogue-wrapper .catalogue-content dl.inline[data-v-c1edc922]{display:inline-block;width:50%;margin-bottom:1rem}@media (max-width:419px){.catalogue-wrapper .catalogue-content dl.inline[data-v-c1edc922]{width:100%}}.catalogue-wrapper .catalogue-content dl.inline a[data-v-c1edc922]{width:100%}.catalogue-wrapper .catalogue-content dl:not(.inline) dt[data-v-c1edc922]{margin-top:-3.6rem;padding-top:3.6rem}.catalogue-wrapper .catalogue-content dl dt[data-v-c1edc922]{font-size:1.1rem}.catalogue-wrapper .catalogue-content dl dt:hover .header-anchor[data-v-c1edc922]{opacity:1}.catalogue-wrapper .catalogue-content dl dd[data-v-c1edc922]{margin-top:.7rem;margin-left:1rem}.catalogue-wrapper .catalogue-content dl dd a[data-v-c1edc922]:not(.header-anchor){margin-bottom:.5rem;display:inline-block;width:50%}.catalogue-wrapper .catalogue-content dl dd a[data-v-c1edc922]:not(.header-anchor):hover{color:#ff5722;text-decoration:none}@media (max-width:720px){.catalogue-wrapper .catalogue-content dl dd a[data-v-c1edc922]:not(.header-anchor){width:100%}}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap[data-v-c1edc922]{margin:5px 0 8px;font-size:.95rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap>a[data-v-c1edc922]{padding-left:1rem;box-sizing:border-box}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap .sub-title[data-v-c1edc922]{margin-top:-3.6rem;padding-top:3.6rem;margin-bottom:6px;font-size:1rem}.catalogue-wrapper .catalogue-content dl .sub-cat-wrap:hover .header-anchor[data-v-c1edc922]{opacity:1}#special-sponsor[data-v-52e54980]{padding-bottom:12px}#special-sponsor-container[data-v-52e54980]{display:flex;justify-content:center;align-items:center}#special-sponsor h3[data-v-52e54980]{font-size:17px}#special-sponsor .logo[data-v-52e54980]{display:flex;justify-content:center;padding:0 10px}.theme-style-line .right-menu-wrapper .right-menu-margin{border-left:1px solid var(--borderColor)}.right-menu-wrapper{width:230px;float:right;margin-right:-285px;position:sticky;top:0;font-size:.8rem}.right-menu-wrapper .right-menu-margin{margin-top:4.6rem;border-radius:3px;overflow:hidden}.right-menu-wrapper .right-menu-title{padding:10px 15px 0;background:var(--mainBg);font-size:1.3rem}.right-menu-wrapper .right-menu-title:after{content:"";display:block;width:100%;height:1px;background:var(--borderColor);margin-top:10px}.right-menu-wrapper .right-menu-content{max-height:80vh;position:relative;overflow:hidden;background:var(--mainBg);padding:4px 3px 4px 0}.right-menu-wrapper .right-menu-content::-webkit-scrollbar{width:3px;height:3px}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-track-piece{background:none}.right-menu-wrapper .right-menu-content::-webkit-scrollbar-thumb:vertical{background-color:hsla(0,0%,49%,.3)}.right-menu-wrapper .right-menu-content:hover{overflow-y:auto;padding-right:0}.right-menu-wrapper .right-menu-content .right-menu-item{padding:4px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.right-menu-wrapper .right-menu-content .right-menu-item.level2{font-size:.8rem}.right-menu-wrapper .right-menu-content .right-menu-item.level3{padding-left:27px}.right-menu-wrapper .right-menu-content .right-menu-item.level4{padding-left:37px}.right-menu-wrapper .right-menu-content .right-menu-item.level5{padding-left:47px}.right-menu-wrapper .right-menu-content .right-menu-item.level6{padding-left:57px}.right-menu-wrapper .right-menu-content .right-menu-item.active:before{content:"";position:absolute;top:5px;left:0;width:3px;height:14px;background:#426feb;border-radius:0 4px 4px 0}.right-menu-wrapper .right-menu-content .right-menu-item.active a{color:#426feb;opacity:1}.right-menu-wrapper .right-menu-content .right-menu-item a{color:var(--textColor);opacity:.75;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.right-menu-wrapper .right-menu-content .right-menu-item a:hover{opacity:1}.right-menu-wrapper .right-menu-content:hover{color:#426feb}.page>*{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.page>:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.page>:not(.footer){border-radius:2px}}@media (max-width:959px){.page>*{padding:1rem 2rem}}@media (max-width:419px){.page>*{padding:1rem 1.5rem}}.page{padding-bottom:2rem;display:block}@media (max-width:719px){.page{padding-top:3.6rem}}@media (min-width:719px){.page{padding-top:5.1rem}}@media (min-width:719px){.theme-style-line .page{padding-top:3.6rem}}.theme-style-line .page>:not(.footer){box-shadow:0 0}@media (min-width:720px){.theme-style-line .page .placeholder{height:1.2rem}}.theme-vdoing-wrapper .content-wrapper{position:relative}.theme-vdoing-wrapper h1 .title-tag{height:1.5rem;line-height:1.5rem;border:1px solid #ff5722;color:#ff5722;font-size:1rem;padding:0 .4rem;border-radius:.2rem;margin-left:.5rem;transform:translateY(-.25rem);display:inline-block}.theme-vdoing-wrapper h1 img{margin-bottom:-.2rem;margin-right:.2rem;max-width:2.2rem;max-height:2.2rem}.theme-vdoing-wrapper{--linesColor:rgba(50,0,0,0.05)}.theme-vdoing-wrapper.bg-style-1{background-image:linear-gradient(90deg,var(--linesColor) 3%,transparent 0),linear-gradient(0deg,var(--linesColor) 3%,transparent 0);background-position:50%;background-size:20px 20px}.theme-vdoing-wrapper.bg-style-2{background-image:repeating-linear-gradient(0,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-3{background-image:repeating-linear-gradient(90deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:30px 30px}.theme-vdoing-wrapper.bg-style-4{background-image:repeating-linear-gradient(-45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-5{background-image:repeating-linear-gradient(45deg,var(--linesColor),var(--linesColor) 1px,transparent 0,transparent 50%);background-size:20px 20px}.theme-vdoing-wrapper.bg-style-6{background-image:radial-gradient(var(--linesColor) 1px,transparent 0);background-size:10px 10px}.theme-mode-dark .theme-vdoing-wrapper{--linesColor:hsla(0,0%,49%,0.05)}@media (min-width:720px) and (max-width:1279px){.have-rightmenu .page{padding-right:.8rem!important}}@media (max-width:1279px){.have-rightmenu .right-menu-wrapper{display:none}}@media (min-width:1280px){.have-rightmenu .sidebar .sidebar-sub-headers{display:none}}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:none}@media (min-width:720px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:.8rem!important}}@media (max-width:719px){.theme-container.only-sidebarItem:not(.have-rightmenu) .page{padding-left:0!important}.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar,.theme-container.only-sidebarItem:not(.have-rightmenu) .sidebar-button{display:block}}@media (min-width:720px) and (max-width:1279px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:block}}@media (min-width:1280px){.theme-container.only-sidebarItem.have-rightmenu .sidebar,.theme-container.only-sidebarItem.have-rightmenu .sidebar-button{display:none}}.categories-page .categories-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.categories-page .categories-wrapper{display:none}}.categories-page .categories-wrapper .categories{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-y:auto;transition:all .2s;position:relative}.categories-page .categories-wrapper .categories a{padding-right:1.8rem}.categories-page .categories-wrapper .categories a span{right:.4rem}.categories-page .categories-wrapper .categories::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.categories-page .categories-wrapper .categories::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.categories-page .categories-wrapper .categories:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.categories-page .main-left .categories-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.categories-page .main-left .categories-wrapper{display:block}}.categories-page .main-left .categories-wrapper .categories{max-height:12.3rem}@media (max-width:719px){.theme-style-line .categories-page .main-left .categories-wrapper{margin-top:-.91rem;margin-bottom:-1px;padding:.9rem .2rem .5rem}}.tags-page .tags-wrapper{position:sticky;top:4.5rem;max-height:calc(100vh - 10rem);min-height:4.2rem}@media (max-width:719px){.tags-page .tags-wrapper{display:none}}.tags-page .tags-wrapper .tags{max-height:calc(100vh - 14rem);min-height:2.2rem;overflow-x:hidden;overflow-y:auto;transition:all .2s}.tags-page .tags-wrapper .tags::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.05)}.tags-page .tags-wrapper .tags::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.15)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}.tags-page .tags-wrapper .tags:hover::-webkit-scrollbar-thumb:vertical{background-color:rgba(0,0,0,.25)}.tags-page .main-left .tags-wrapper{position:relative;top:0;padding:.9rem 1.5rem;margin-bottom:.9rem;max-height:15rem;border-radius:0;display:none}@media (max-width:719px){.tags-page .main-left .tags-wrapper{display:block}}.tags-page .main-left .tags-wrapper .tags{max-height:11.5rem}@media (max-width:719px){.theme-style-line .tags-page .main-left .tags-wrapper{margin-top:-.91rem;margin-bottom:-1px}}.archives-page .theme-vdoing-wrapper{max-width:860px;margin:0 auto;padding:1rem 2.5rem 2rem}.archives-page .theme-vdoing-wrapper:not(.footer){background:var(--mainBg);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin-bottom:1rem}@media (min-width:940px){.archives-page .theme-vdoing-wrapper:not(.footer){border-radius:2px}}@media (max-width:959px){.archives-page .theme-vdoing-wrapper{padding:1rem 2rem}}@media (max-width:419px){.archives-page .theme-vdoing-wrapper{padding:1rem 1.5rem}}.theme-style-line .archives-page .theme-vdoing-wrapper{box-shadow:0 0}.archives-page .theme-vdoing-wrapper{position:relative}@media (min-width:940px){.archives-page .theme-vdoing-wrapper{margin-top:1.5rem!important}}.archives-page .theme-vdoing-wrapper .count{text-align:right;margin-top:-2.5rem;font-size:.85rem;opacity:.8}.archives-page .theme-vdoing-wrapper li,.archives-page .theme-vdoing-wrapper ul{margin:0;padding:0}.archives-page .theme-vdoing-wrapper ul{margin-top:2rem}.archives-page .theme-vdoing-wrapper li{list-style:none}.archives-page .theme-vdoing-wrapper li.year{position:sticky;top:3.6rem;background:var(--mainBg);z-index:1}.archives-page .theme-vdoing-wrapper li.year:not(:first-child){margin-top:3.5rem}.archives-page .theme-vdoing-wrapper li h2{margin-bottom:.8rem;font-weight:400;padding:.5rem 0}.archives-page .theme-vdoing-wrapper li h2 span{font-size:.85rem;font-weight:300;float:right;margin-top:1rem}.archives-page .theme-vdoing-wrapper li a{display:block;color:var(--textColor);transition:padding .3s;padding:.5rem 2rem;line-height:1.2rem}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:2.5rem;color:#426feb;background:#f9f9f9}@media (max-width:940px){.archives-page .theme-vdoing-wrapper li a{padding:.5rem 1rem;font-weight:400}.archives-page .theme-vdoing-wrapper li a:hover{padding-left:1.5rem}}.archives-page .theme-vdoing-wrapper li a span.date{opacity:.6;font-size:.85rem;font-weight:400;margin-right:.3rem}.archives-page .theme-vdoing-wrapper li a .title-tag{border:1px solid #ff5722;color:#ff5722;font-size:.8rem;padding:0 .35rem;border-radius:.2rem;margin-left:0;transform:translateY(-.05rem);display:inline-block}.archives-page .theme-vdoing-wrapper .loadmore{text-align:center;margin-top:1rem;opacity:.5}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a:hover,.theme-mode-read .archives-page .theme-vdoing-wrapper li a:hover{background:var(--customBlockBg)}.hide-navbar .archives-page .theme-vdoing-wrapper li.year{top:0}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading:not(.clickable){cursor:auto;color:inherit}.sidebar-group.is-sub-group{padding-left:0}.sidebar-group.is-sub-group>.sidebar-heading{font-size:1.01em;line-height:1.4;font-weight:700;padding-left:2rem}.sidebar-group.is-sub-group>.sidebar-group-items{padding-left:1rem}.sidebar-group.is-sub-group>.sidebar-group-items>li>.sidebar-link{font-size:.98em;border-left:none}.sidebar-group.depth-2>.sidebar-heading{border-left:none}.sidebar-heading{color:var(--textColor);transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:.35rem 1.5rem .35rem 1.25rem;width:100%;box-sizing:border-box;margin:0;border-left:.25rem solid transparent}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading.clickable.active{font-weight:600;color:#426feb;border-left-color:#426feb}.sidebar-heading.clickable:hover{color:#426feb}.sidebar-group-items{transition:height .1s ease-out;font-size:.95em;overflow:hidden}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}.sidebar .sidebar-sub-headers .level4{padding-left:.2rem}.sidebar .sidebar-sub-headers .level5{padding-left:.4rem}.sidebar .sidebar-sub-headers .level6{padding-left:.6rem}a.sidebar-link{font-size:1em;font-weight:400;display:inline-block;color:var(--textColor);border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#426feb}a.sidebar-link.active{font-weight:600;color:#426feb;border-left-color:#426feb}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .pure-video:hover{transition:all .6s;transform:scale(.9)}.sidebar .nav-links{display:none;border-bottom:1px solid var(--borderColor);padding:.5rem 0 .75rem}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar>.sidebar-links{padding:.5rem 0}.sidebar>.sidebar-links>li>a.sidebar-link{font-size:1.1em;line-height:1.7;font-weight:700}.sidebar>.sidebar-links>li:not(:first-child){margin-top:.75rem}.sidebar .blogger{display:none;border-bottom:1px solid var(--borderColor)}.sidebar .blogger img{width:60px;height:60px;border-radius:5px;margin:.75rem 1rem}.sidebar .blogger .blogger-info{flex:1}.sidebar .blogger .blogger-info h3{margin:.95rem 0 .7rem;font-size:1.1rem}.sidebar .blogger .blogger-info .icons .iconfont{font-size:1.2rem;padding-right:.6rem;color:#777}.sidebar .sidebar-slot{margin-bottom:-.5rem;font-size:.85rem}.sidebar .sidebar-slot.sidebar-slot-top{padding:1.5rem 1.5rem 0}.sidebar .sidebar-slot.sidebar-slot-bottom{padding:0 1.5rem 1.5rem}@media (max-width:719px){.sidebar .blogger{display:flex}.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar>.sidebar-links{padding:1rem 0}}.yellowBorder{border-radius:5px;box-shadow:0 0 15px #ffe089!important}.buttons{position:fixed;right:2rem;bottom:2.5rem;z-index:11}@media (max-width:959px){.buttons{right:1rem;bottom:1.5rem}}.buttons .button{width:2.2rem;height:2.2rem;line-height:2.2rem;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);margin-top:.9rem;text-align:center;cursor:pointer;transition:all .5s;background:var(--blurBg)}.buttons .button.hover{background:#426feb;box-shadow:0 0 15px #426feb}.buttons .button.hover:before{color:#fff}@media (any-hover:hover){.buttons .button:hover{background:#426feb;box-shadow:0 0 15px #426feb}.buttons .button:hover:before{color:#fff}}.buttons .button .select-box{margin:0;padding:.8rem 0;position:absolute;bottom:0;right:1.5rem;background:var(--mainBg);border:1px solid var(--borderColor);width:120px;border-radius:6px;box-shadow:0 0 15px hsla(0,0%,100%,.2)}.buttons .button .select-box li{list-style:none;line-height:2rem;font-size:.95rem}.buttons .button .select-box li:hover{color:#426feb}.buttons .button .select-box li.active{background-color:hsla(0,0%,58.8%,.2);color:#426feb}.mode-enter-active,.mode-leave-active{transition:all .3s}.mode-enter,.mode-leave-to{opacity:0;transform:scale(.8)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.footer{margin-top:-3.5rem;text-align:center;color:#666;box-sizing:border-box;font-size:.85rem;transition:all .2s ease}.footer .sponsor{padding:8px 20px;display:inline-block;color:#426feb;border-radius:30px;box-sizing:border-box;border:1px solid #426feb}.footer .icons,.footer .sponsor{margin-bottom:16px}.footer .icons .iconfont{padding:0 10px;font-size:1.3rem}.footer a{color:inherit}.footer a:hover{color:#426feb}@media (min-width:720px){.sidebar-open .footer{width:auto;padding-left:19.5rem}}@media (min-width:1520px){.have-rightmenu .footer{padding-right:231.5px}}.no-sidebar .footer{width:auto;padding-left:1.5rem}.body-bg{position:fixed;left:0;top:0;z-index:-999999;height:100vh;width:100vw;transition:background .5s}.theme-mode-light{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-]::-moz-selection,.theme-mode-light code[class*=language-] ::-moz-selection,.theme-mode-light pre[class*=language-]::-moz-selection,.theme-mode-light pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-]::selection,.theme-mode-light code[class*=language-] ::selection,.theme-mode-light pre[class*=language-]::selection,.theme-mode-light pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-],.theme-mode-light pre[class*=language-]{text-shadow:none}}.theme-mode-light pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-],.theme-mode-light pre[class*=language-]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata,.theme-mode-light .token.comment,.theme-mode-light .token.doctype,.theme-mode-light .token.prolog{color:#708090}.theme-mode-light .token.punctuation{color:#999}.theme-mode-light .namespace{opacity:.7}.theme-mode-light .token.boolean,.theme-mode-light .token.constant,.theme-mode-light .token.deleted,.theme-mode-light .token.number,.theme-mode-light .token.property,.theme-mode-light .token.symbol,.theme-mode-light .token.tag{color:#905}.theme-mode-light .token.attr-name,.theme-mode-light .token.builtin,.theme-mode-light .token.char,.theme-mode-light .token.inserted,.theme-mode-light .token.selector,.theme-mode-light .token.string{color:#690}.theme-mode-light .language-css .token.string,.theme-mode-light .style .token.string,.theme-mode-light .token.entity,.theme-mode-light .token.operator,.theme-mode-light .token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule,.theme-mode-light .token.attr-value,.theme-mode-light .token.keyword{color:#07a}.theme-mode-light .token.class-name,.theme-mode-light .token.function{color:#dd4a68}.theme-mode-light .token.important,.theme-mode-light .token.regex,.theme-mode-light .token.variable{color:#e90}.theme-mode-light .token.bold,.theme-mode-light .token.important{font-weight:700}.theme-mode-light .token.italic{font-style:italic}.theme-mode-light .token.entity{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted,.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-],.theme-mode-dark pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-],.theme-mode-dark pre[class*=language-]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment,.theme-mode-dark .token.cdata,.theme-mode-dark .token.comment,.theme-mode-dark .token.doctype,.theme-mode-dark .token.prolog{color:#999}.theme-mode-dark .token.punctuation{color:#ccc}.theme-mode-dark .token.attr-name,.theme-mode-dark .token.deleted,.theme-mode-dark .token.namespace,.theme-mode-dark .token.tag{color:#e2777a}.theme-mode-dark .token.function-name{color:#6196cc}.theme-mode-dark .token.boolean,.theme-mode-dark .token.function,.theme-mode-dark .token.number{color:#f08d49}.theme-mode-dark .token.class-name,.theme-mode-dark .token.constant,.theme-mode-dark .token.property,.theme-mode-dark .token.symbol{color:#f8c555}.theme-mode-dark .token.atrule,.theme-mode-dark .token.builtin,.theme-mode-dark .token.important,.theme-mode-dark .token.keyword,.theme-mode-dark .token.selector{color:#cc99cd}.theme-mode-dark .token.attr-value,.theme-mode-dark .token.char,.theme-mode-dark .token.regex,.theme-mode-dark .token.string,.theme-mode-dark .token.variable{color:#7ec699}.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{color:#67cdcc}.theme-mode-dark .language-css .token.string,.theme-mode-dark .style .token.string,.theme-mode-dark .token.entity,.theme-mode-dark .token.operator,.theme-mode-dark .token.url{background:none}.theme-mode-dark .token.bold,.theme-mode-dark .token.important{font-weight:700}.theme-mode-dark .token.italic{font-style:italic}.theme-mode-dark .token.entity{cursor:help}.theme-mode-dark .token.inserted{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code{background-color:transparent}.theme-mode-dark blockquote{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table{border-color:#1d1d26}.theme-mode-dark table thead{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger,.theme-mode-dark .custom-block.note,.theme-mode-dark .custom-block.tip,.theme-mode-dark .custom-block.warning{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger,.theme-mode-dark .custom-block.danger .custom-block-title{color:#ff4545}.theme-mode-dark .custom-block.note{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active,.theme-mode-dark .nav-item .dropdown-title a:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active,.theme-mode-dark .nav-item>a:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a:hover,.theme-mode-dark .blogger-wrapper .icons a:hover,.theme-mode-dark .buttons .button .select-box li.active,.theme-mode-dark .buttons .button .select-box li:hover,.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-dark .custom-block.details summary:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a:hover,.theme-mode-dark .pagination span:hover,.theme-mode-dark .post-list .post .title-wrapper a:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a:hover,.theme-mode-dark .search-box .suggestions .focused a:hover,.theme-mode-dark a.sidebar-link:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active,.theme-mode-dark .search-box input:focus{border-color:#b160ea}.theme-mode-dark .buttons .button:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active,.theme-mode-dark .search-box .suggestions .parent-page-title{background:#904ac2}.theme-mode-dark .tabs-component-panels,.theme-mode-dark .tabs-component-tab{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active{color:#b160ea}.theme-mode-read{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-],.theme-mode-read pre[class*=language-]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-],.theme-mode-read pre[class*=language-]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment,.theme-mode-read .token.cdata,.theme-mode-read .token.comment,.theme-mode-read .token.doctype,.theme-mode-read .token.prolog{color:#999}.theme-mode-read .token.punctuation{color:#ccc}.theme-mode-read .token.attr-name,.theme-mode-read .token.deleted,.theme-mode-read .token.namespace,.theme-mode-read .token.tag{color:#e2777a}.theme-mode-read .token.function-name{color:#6196cc}.theme-mode-read .token.boolean,.theme-mode-read .token.function,.theme-mode-read .token.number{color:#f08d49}.theme-mode-read .token.class-name,.theme-mode-read .token.constant,.theme-mode-read .token.property,.theme-mode-read .token.symbol{color:#f8c555}.theme-mode-read .token.atrule,.theme-mode-read .token.builtin,.theme-mode-read .token.important,.theme-mode-read .token.keyword,.theme-mode-read .token.selector{color:#cc99cd}.theme-mode-read .token.attr-value,.theme-mode-read .token.char,.theme-mode-read .token.regex,.theme-mode-read .token.string,.theme-mode-read .token.variable{color:#7ec699}.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{color:#67cdcc}.theme-mode-read .language-css .token.string,.theme-mode-read .style .token.string,.theme-mode-read .token.entity,.theme-mode-read .token.operator,.theme-mode-read .token.url{background:none}.theme-mode-read .token.bold,.theme-mode-read .token.important{font-weight:700}.theme-mode-read .token.italic{font-style:italic}.theme-mode-read .token.entity{cursor:help}.theme-mode-read .token.inserted{color:green}.custom-html-window{position:fixed;bottom:0;display:flex;overflow:hidden;font-weight:350}@media (max-width:960px){.custom-html-window{display:none}}.custom-html-window .custom-wrapper{position:relative;max-width:200px;max-height:400px}.custom-html-window .custom-wrapper .close-but{cursor:pointer;position:absolute;right:0;top:0;font-size:1.5rem;line-height:1.5rem;width:1.5rem;height:1.5rem;opacity:0;transition:all .2s}.custom-html-window .custom-wrapper .close-but:hover{opacity:.9}.custom-html-window .custom-wrapper:hover .close-but{opacity:.7}.custom-html-window.custom-html-window-lb{left:0;z-index:99}.custom-html-window.custom-html-window-lb>*{align-self:flex-end}.custom-html-window.custom-html-window-rb{right:80px;z-index:10;justify-content:flex-end}.custom-html-window.custom-html-window-rb>*{align-self:flex-end}.bottom-content[data-v-178d6cf4]{opacity:.35;transition:opacity .45s cubic-bezier(.175,.885,.42,1.31)}.bottom-content[data-v-178d6cf4]:hover{opacity:1}.money-deleted[data-v-7cce3ea9]{position:relative;text-decoration:none}.money-deleted[data-v-7cce3ea9]:before{content:"";position:absolute;left:0;bottom:35%;width:100%;height:1px;background-color:#000}#max-time[data-v-7cce3ea9]{margin-left:1rem}.money-deleted[data-v-1e57759c]{position:relative;text-decoration:none}.money-deleted[data-v-1e57759c]:before{content:"";position:absolute;left:0;bottom:35%;width:100%;height:1px;background-color:#000}#js-time[data-v-1e57759c]{margin-left:1rem}.line-numbers-mode{overflow:hidden;transition:height .3s;margin-top:.85rem}.line-numbers-mode:before{content:attr(data-language)}.expand{font-size:12px;cursor:pointer;position:absolute;z-index:3;top:.8em;right:.5em;color:rgba(238,255,255,.8);font-weight:900;transition:transform .3s}div[class*=language-].line-numbers-mode pre{margin:30px 0 .85rem}.highlight-lines,div[class*=language-].line-numbers-mode .line-numbers-wrapper{margin-top:30px}.closed{transform:rotate(90deg) translateY(-3px);transition:all .3s}li .closed{transform:rotate(90deg) translate(5px,-8px)}div[class*=language-]:before{position:absolute;z-index:3;top:.7em;left:4.7rem;font-size:.9em;color:rgba(238,255,255,.8);text-transform:uppercase;font-weight:700;width:-moz-fit-content;width:fit-content}li .expand,li div[class*=language-]:before{margin-top:-4px}div[class*=language-].line-numbers-mode:after{margin-top:35px}.circle{position:absolute;top:.9em;left:.9rem;width:10px;height:10px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b}.code-copy{position:absolute;top:.6rem;right:1.5rem;fill:rgba(238,255,255,.8);opacity:1}.code-copy svg{margin:0}.theme-mode-light .expand,.theme-mode-light div[class*=language-]:before{color:#666}.theme-mode-light .code-copy{fill:#666}.theme-mode-light[data-v-6cdc36a9]{--bodyBg:#f4f4f4;--customBlockBg:#f1f1f1;--textColor:#00323c;--previewColor:#000;--videoBgColor:#f4f4f4;--videoTextColor:#426feb}.theme-mode-dark[data-v-6cdc36a9]{--bodyBg:#27272b;--mainBg:#1e1e22;--sidebarBg:rgba(30,30,34,0.8);--blurBg:rgba(30,30,34,0.8);--customBlockBg:#27272b;--textColor:#9b9baa;--textLightenColor:#0085ad;--borderColor:#2c2c3a;--codeBg:#252526;--codeColor:#fff;--previewColor:#fff;--videoBgColor:transparent;--videoTextColor:#b160ea}.theme-mode-read[data-v-6cdc36a9]{--bodyBg:#ececcc;--customBlockBg:#ececcc;--textColor:#704214;--textLightenColor:#963;--previewColor:#000;--videoBgColor:transparent;--videoTextColor:#426feb}.theme-mode-light[data-v-6cdc36a9]{--bodyBg:#fff;--mainBg:#fff;--sidebarBg:hsla(0,0%,100%,0.8);--blurBg:hsla(0,0%,100%,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#f6f6f6;--codeColor:#525252;--previewIconColor:#fff}.theme-mode-light code[class*=language-][data-v-6cdc36a9],.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-light code[class*=language-][data-v-6cdc36a9]::-moz-selection,.theme-mode-light code[class*=language-][data-v-6cdc36a9] ::-moz-selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9]::-moz-selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9] ::-moz-selection{text-shadow:none;background:#b3d4fc}.theme-mode-light code[class*=language-][data-v-6cdc36a9]::selection,.theme-mode-light code[class*=language-][data-v-6cdc36a9] ::selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9]::selection,.theme-mode-light pre[class*=language-][data-v-6cdc36a9] ::selection{text-shadow:none;background:#b3d4fc}@media print{.theme-mode-light code[class*=language-][data-v-6cdc36a9],.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{text-shadow:none}}.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-light :not(pre)>code[class*=language-][data-v-6cdc36a9],.theme-mode-light pre[class*=language-][data-v-6cdc36a9]{background:#f5f2f0}.theme-mode-light :not(pre)>code[class*=language-][data-v-6cdc36a9]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-light .token.cdata[data-v-6cdc36a9],.theme-mode-light .token.comment[data-v-6cdc36a9],.theme-mode-light .token.doctype[data-v-6cdc36a9],.theme-mode-light .token.prolog[data-v-6cdc36a9]{color:#708090}.theme-mode-light .token.punctuation[data-v-6cdc36a9]{color:#999}.theme-mode-light .namespace[data-v-6cdc36a9]{opacity:.7}.theme-mode-light .token.boolean[data-v-6cdc36a9],.theme-mode-light .token.constant[data-v-6cdc36a9],.theme-mode-light .token.deleted[data-v-6cdc36a9],.theme-mode-light .token.number[data-v-6cdc36a9],.theme-mode-light .token.property[data-v-6cdc36a9],.theme-mode-light .token.symbol[data-v-6cdc36a9],.theme-mode-light .token.tag[data-v-6cdc36a9]{color:#905}.theme-mode-light .token.attr-name[data-v-6cdc36a9],.theme-mode-light .token.builtin[data-v-6cdc36a9],.theme-mode-light .token.char[data-v-6cdc36a9],.theme-mode-light .token.inserted[data-v-6cdc36a9],.theme-mode-light .token.selector[data-v-6cdc36a9],.theme-mode-light .token.string[data-v-6cdc36a9]{color:#690}.theme-mode-light .language-css .token.string[data-v-6cdc36a9],.theme-mode-light .style .token.string[data-v-6cdc36a9],.theme-mode-light .token.entity[data-v-6cdc36a9],.theme-mode-light .token.operator[data-v-6cdc36a9],.theme-mode-light .token.url[data-v-6cdc36a9]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.theme-mode-light .token.atrule[data-v-6cdc36a9],.theme-mode-light .token.attr-value[data-v-6cdc36a9],.theme-mode-light .token.keyword[data-v-6cdc36a9]{color:#07a}.theme-mode-light .token.class-name[data-v-6cdc36a9],.theme-mode-light .token.function[data-v-6cdc36a9]{color:#dd4a68}.theme-mode-light .token.important[data-v-6cdc36a9],.theme-mode-light .token.regex[data-v-6cdc36a9],.theme-mode-light .token.variable[data-v-6cdc36a9]{color:#e90}.theme-mode-light .token.bold[data-v-6cdc36a9],.theme-mode-light .token.important[data-v-6cdc36a9]{font-weight:700}.theme-mode-light .token.italic[data-v-6cdc36a9]{font-style:italic}.theme-mode-light .token.entity[data-v-6cdc36a9]{cursor:help}.theme-mode-light div[class*=language-] .highlight-lines .highlighted[data-v-6cdc36a9],.theme-mode-light div[class*=language-].line-numbers-mode .highlight-lines .highlighted[data-v-6cdc36a9]:before{background-color:hsla(0,0%,78.4%,.4)}.theme-mode-dark[data-v-6cdc36a9]{--bodyBg:#282838;--mainBg:#282838;--sidebarBg:rgba(40,40,56,0.8);--blurBg:rgba(40,40,56,0.9);--customBlockBg:rgba(25,25,49,0.53);--textColor:#acb7c4;--textLightenColor:#b160ea;--borderColor:#1d1d26;--codeBg:#1d1d26;--codeColor:#a9b7c6}.theme-mode-dark code[class*=language-][data-v-6cdc36a9],.theme-mode-dark pre[class*=language-][data-v-6cdc36a9]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-dark pre[class*=language-][data-v-6cdc36a9]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-dark :not(pre)>code[class*=language-][data-v-6cdc36a9],.theme-mode-dark pre[class*=language-][data-v-6cdc36a9]{background:#2d2d2d}.theme-mode-dark :not(pre)>code[class*=language-][data-v-6cdc36a9]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-dark .token.block-comment[data-v-6cdc36a9],.theme-mode-dark .token.cdata[data-v-6cdc36a9],.theme-mode-dark .token.comment[data-v-6cdc36a9],.theme-mode-dark .token.doctype[data-v-6cdc36a9],.theme-mode-dark .token.prolog[data-v-6cdc36a9]{color:#999}.theme-mode-dark .token.punctuation[data-v-6cdc36a9]{color:#ccc}.theme-mode-dark .token.attr-name[data-v-6cdc36a9],.theme-mode-dark .token.deleted[data-v-6cdc36a9],.theme-mode-dark .token.namespace[data-v-6cdc36a9],.theme-mode-dark .token.tag[data-v-6cdc36a9]{color:#e2777a}.theme-mode-dark .token.function-name[data-v-6cdc36a9]{color:#6196cc}.theme-mode-dark .token.boolean[data-v-6cdc36a9],.theme-mode-dark .token.function[data-v-6cdc36a9],.theme-mode-dark .token.number[data-v-6cdc36a9]{color:#f08d49}.theme-mode-dark .token.class-name[data-v-6cdc36a9],.theme-mode-dark .token.constant[data-v-6cdc36a9],.theme-mode-dark .token.property[data-v-6cdc36a9],.theme-mode-dark .token.symbol[data-v-6cdc36a9]{color:#f8c555}.theme-mode-dark .token.atrule[data-v-6cdc36a9],.theme-mode-dark .token.builtin[data-v-6cdc36a9],.theme-mode-dark .token.important[data-v-6cdc36a9],.theme-mode-dark .token.keyword[data-v-6cdc36a9],.theme-mode-dark .token.selector[data-v-6cdc36a9]{color:#cc99cd}.theme-mode-dark .token.attr-value[data-v-6cdc36a9],.theme-mode-dark .token.char[data-v-6cdc36a9],.theme-mode-dark .token.regex[data-v-6cdc36a9],.theme-mode-dark .token.string[data-v-6cdc36a9],.theme-mode-dark .token.variable[data-v-6cdc36a9]{color:#7ec699}.theme-mode-dark .token.entity[data-v-6cdc36a9],.theme-mode-dark .token.operator[data-v-6cdc36a9],.theme-mode-dark .token.url[data-v-6cdc36a9]{color:#67cdcc}.theme-mode-dark .language-css .token.string[data-v-6cdc36a9],.theme-mode-dark .style .token.string[data-v-6cdc36a9],.theme-mode-dark .token.entity[data-v-6cdc36a9],.theme-mode-dark .token.operator[data-v-6cdc36a9],.theme-mode-dark .token.url[data-v-6cdc36a9]{background:none}.theme-mode-dark .token.bold[data-v-6cdc36a9],.theme-mode-dark .token.important[data-v-6cdc36a9]{font-weight:700}.theme-mode-dark .token.italic[data-v-6cdc36a9]{font-style:italic}.theme-mode-dark .token.entity[data-v-6cdc36a9]{cursor:help}.theme-mode-dark .token.inserted[data-v-6cdc36a9]{color:green}.theme-mode-dark div[class*=language-].line-numbers-mode[data-v-6cdc36a9]:after{border-right:1px solid rgba(0,0,0,.66)}.theme-mode-dark .theme-vdoing-content code[data-v-6cdc36a9]{background-color:transparent}.theme-mode-dark blockquote[data-v-6cdc36a9]{background-color:rgba(25,25,49,.53);border-left:.25rem solid #904ac2;padding:10px 16px}.theme-mode-dark .card-box[data-v-6cdc36a9]{border-radius:5px;background:var(--mainBg);box-shadow:0 2px 10px 0 rgba(0,0,0,.2);transition:box-shadow .5s}.theme-mode-dark .card-box[data-v-6cdc36a9]:hover{box-shadow:2px 2px 15px 2px rgba(0,0,0,.4)}.theme-mode-dark mark[data-v-6cdc36a9]{color:#b160ea;border:.1em solid #b160ea;background-color:transparent;padding:.1rem .5rem;border-radius:2rem;margin:0 .2rem;font-size:.95rem}.theme-mode-dark table[data-v-6cdc36a9]{border-color:#1d1d26}.theme-mode-dark table thead[data-v-6cdc36a9]{background-color:#2c2c47;font-size:1.02rem}.theme-mode-dark tr[data-v-6cdc36a9]:nth-child(2n){background-color:#2c2c47}.theme-mode-dark .custom-block.danger[data-v-6cdc36a9],.theme-mode-dark .custom-block.note[data-v-6cdc36a9],.theme-mode-dark .custom-block.tip[data-v-6cdc36a9],.theme-mode-dark .custom-block.warning[data-v-6cdc36a9]{background-color:rgba(25,25,49,.53)}.theme-mode-dark .custom-block.danger .custom-block-title[data-v-6cdc36a9],.theme-mode-dark .custom-block.danger[data-v-6cdc36a9]{color:#ff4545}.theme-mode-dark .custom-block.note[data-v-6cdc36a9]{color:#28a1de}.theme-mode-dark .dropdown-wrapper .dropdown-title .title[data-v-6cdc36a9]:hover,.theme-mode-dark .nav-item .dropdown-title a.router-link-active[data-v-6cdc36a9],.theme-mode-dark .nav-item .dropdown-title a[data-v-6cdc36a9]:hover,.theme-mode-dark .nav-item>a:not(.external).router-link-active[data-v-6cdc36a9],.theme-mode-dark .nav-item>a[data-v-6cdc36a9]:not(.external):hover{border-bottom:2px solid #b160ea}.theme-mode-dark a.sidebar-link.active[data-v-6cdc36a9]{color:#b160ea;border-left-color:#b160ea}.theme-mode-dark .archives-page .theme-vdoing-wrapper li a[data-v-6cdc36a9]:hover,.theme-mode-dark .blogger-wrapper .icons a[data-v-6cdc36a9]:hover,.theme-mode-dark .buttons .button .select-box li.active[data-v-6cdc36a9],.theme-mode-dark .buttons .button .select-box li[data-v-6cdc36a9]:hover,.theme-mode-dark .categories-wrapper .categories a[data-v-6cdc36a9]:not(.active):hover,.theme-mode-dark .custom-block.details summary[data-v-6cdc36a9]:hover,.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active[data-v-6cdc36a9],.theme-mode-dark .dropdown-wrapper .nav-dropdown .dropdown-item a[data-v-6cdc36a9]:hover,.theme-mode-dark .pagination span[data-v-6cdc36a9]:hover,.theme-mode-dark .post-list .post .title-wrapper a[data-v-6cdc36a9]:hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active a[data-v-6cdc36a9],.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item a[data-v-6cdc36a9]:hover,.theme-mode-dark .search-box .suggestions .focused a[data-v-6cdc36a9]:hover,.theme-mode-dark a.sidebar-link[data-v-6cdc36a9]:hover{color:#b160ea}.theme-mode-dark .categories-wrapper .categories a[data-v-6cdc36a9]:not(.active):hover,.theme-mode-dark .right-menu-wrapper .right-menu-content .right-menu-item.active[data-v-6cdc36a9],.theme-mode-dark .search-box input[data-v-6cdc36a9]:focus{border-color:#b160ea}.theme-mode-dark .buttons .button[data-v-6cdc36a9]:hover{background:#904ac2;box-shadow:0 0 15px #904ac2}.theme-mode-dark .pagination .pagination-list span.active[data-v-6cdc36a9],.theme-mode-dark .search-box .suggestions .parent-page-title[data-v-6cdc36a9]{background:#904ac2}.theme-mode-dark .tabs-component-panels[data-v-6cdc36a9],.theme-mode-dark .tabs-component-tab[data-v-6cdc36a9]{background-color:rgba(25,25,49,.53);border:none}.theme-mode-dark .tabs-component-tab.is-active[data-v-6cdc36a9]{color:#b160ea}.theme-mode-read[data-v-6cdc36a9]{--bodyBg:#f5f5d5;--mainBg:#f5f5d5;--sidebarBg:rgba(245,245,213,0.8);--blurBg:rgba(245,245,213,0.9);--textColor:#004050;--textLightenColor:#0085ad;--borderColor:rgba(0,0,0,0.15);--codeBg:#282c34;--codeColor:#fff;--previewIconColor:#000}.theme-mode-read code[class*=language-][data-v-6cdc36a9],.theme-mode-read pre[class*=language-][data-v-6cdc36a9]{color:#ccc;background:none;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.theme-mode-read pre[class*=language-][data-v-6cdc36a9]{padding:1em;margin:.5em 0;overflow:auto}.theme-mode-read :not(pre)>code[class*=language-][data-v-6cdc36a9],.theme-mode-read pre[class*=language-][data-v-6cdc36a9]{background:#2d2d2d}.theme-mode-read :not(pre)>code[class*=language-][data-v-6cdc36a9]{padding:.1em;border-radius:.3em;white-space:normal}.theme-mode-read .token.block-comment[data-v-6cdc36a9],.theme-mode-read .token.cdata[data-v-6cdc36a9],.theme-mode-read .token.comment[data-v-6cdc36a9],.theme-mode-read .token.doctype[data-v-6cdc36a9],.theme-mode-read .token.prolog[data-v-6cdc36a9]{color:#999}.theme-mode-read .token.punctuation[data-v-6cdc36a9]{color:#ccc}.theme-mode-read .token.attr-name[data-v-6cdc36a9],.theme-mode-read .token.deleted[data-v-6cdc36a9],.theme-mode-read .token.namespace[data-v-6cdc36a9],.theme-mode-read .token.tag[data-v-6cdc36a9]{color:#e2777a}.theme-mode-read .token.function-name[data-v-6cdc36a9]{color:#6196cc}.theme-mode-read .token.boolean[data-v-6cdc36a9],.theme-mode-read .token.function[data-v-6cdc36a9],.theme-mode-read .token.number[data-v-6cdc36a9]{color:#f08d49}.theme-mode-read .token.class-name[data-v-6cdc36a9],.theme-mode-read .token.constant[data-v-6cdc36a9],.theme-mode-read .token.property[data-v-6cdc36a9],.theme-mode-read .token.symbol[data-v-6cdc36a9]{color:#f8c555}.theme-mode-read .token.atrule[data-v-6cdc36a9],.theme-mode-read .token.builtin[data-v-6cdc36a9],.theme-mode-read .token.important[data-v-6cdc36a9],.theme-mode-read .token.keyword[data-v-6cdc36a9],.theme-mode-read .token.selector[data-v-6cdc36a9]{color:#cc99cd}.theme-mode-read .token.attr-value[data-v-6cdc36a9],.theme-mode-read .token.char[data-v-6cdc36a9],.theme-mode-read .token.regex[data-v-6cdc36a9],.theme-mode-read .token.string[data-v-6cdc36a9],.theme-mode-read .token.variable[data-v-6cdc36a9]{color:#7ec699}.theme-mode-read .token.entity[data-v-6cdc36a9],.theme-mode-read .token.operator[data-v-6cdc36a9],.theme-mode-read .token.url[data-v-6cdc36a9]{color:#67cdcc}.theme-mode-read .language-css .token.string[data-v-6cdc36a9],.theme-mode-read .style .token.string[data-v-6cdc36a9],.theme-mode-read .token.entity[data-v-6cdc36a9],.theme-mode-read .token.operator[data-v-6cdc36a9],.theme-mode-read .token.url[data-v-6cdc36a9]{background:none}.theme-mode-read .token.bold[data-v-6cdc36a9],.theme-mode-read .token.important[data-v-6cdc36a9]{font-weight:700}.theme-mode-read .token.italic[data-v-6cdc36a9]{font-style:italic}.theme-mode-read .token.entity[data-v-6cdc36a9]{cursor:help}.theme-mode-read .token.inserted[data-v-6cdc36a9]{color:green}.badge[data-v-6cdc36a9]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff}.badge.green[data-v-6cdc36a9],.badge.tip[data-v-6cdc36a9],.badge[data-v-6cdc36a9]{background-color:#42b983}.badge.error[data-v-6cdc36a9]{background-color:#da5961}.badge.warn[data-v-6cdc36a9],.badge.warning[data-v-6cdc36a9],.badge.yellow[data-v-6cdc36a9]{background-color:#e7c000}.badge+.badge[data-v-6cdc36a9]{margin-left:5px}
\ No newline at end of file
diff --git a/assets/js/10.85df827f.js b/assets/js/10.9398cea4.js
similarity index 99%
rename from assets/js/10.85df827f.js
rename to assets/js/10.9398cea4.js
index 2a9b29400..106c0027f 100644
--- a/assets/js/10.85df827f.js
+++ b/assets/js/10.9398cea4.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{455:function(t,e,s){t.exports=s.p+"assets/img/whole.60db4f1c.jpg"},456:function(t,e,s){t.exports=s.p+"assets/img/shims-vue1.8e519f8f.jpg"},457:function(t,e,s){t.exports=s.p+"assets/img/shims-vue2.380b1524.jpg"},458:function(t,e,s){t.exports=s.p+"assets/img/shims-vue3.4bbf1d9b.jpg"},459:function(t,e,s){t.exports=s.p+"assets/img/before.0898e4a9.jpg"},460:function(t,e,s){t.exports=s.p+"assets/img/after.32a48f72.jpg"},461:function(t,e,s){t.exports=s.p+"assets/img/com1.87395e66.jpg"},462:function(t,e,s){t.exports=s.p+"assets/img/com2.fe44ece0.jpg"},555:function(t,e,s){"use strict";s.r(e);var r=s(7),a=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("p",[e("a",{attrs:{href:"https://www.tslang.cn/docs/home.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("TypeScript"),e("OutboundLink")],1),t._v("作为 JavaScript 的超集，拥有强大的类型提示给我们的开发带来了极大的便利，尤其体现在团队合作开发中")]),t._v(" "),e("h2",{attrs:{id:"全局类型声明"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#全局类型声明"}},[t._v("#")]),t._v(" 全局类型声明")]),t._v(" "),e("p",[t._v("在 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global.d.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("global.d.ts"),e("OutboundLink")],1),t._v(" 和 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/index.d.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts"),e("OutboundLink")],1),t._v(" 文件中编写的类型可直接在 "),e("code",[t._v(".ts")]),t._v("、"),e("code",[t._v(".tsx")]),t._v("、"),e("code",[t._v(".vue")]),t._v(" 中使用")]),t._v(" "),e("p",[e("img",{attrs:{src:s(455),alt:"whole"}})]),t._v(" "),e("h2",{attrs:{id:"types-shims-tsx-d-ts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types-shims-tsx-d-ts"}},[t._v("#")]),t._v(" "),e("code",[t._v("types/shims-tsx.d.ts")])]),t._v(" "),e("p",[t._v("该文件是为了给 "),e("code",[t._v(".tsx")]),t._v(" 文件提供类型支持，在编写时能正确识别语法")]),t._v(" "),e("h2",{attrs:{id:"types-shims-vue-d-ts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types-shims-vue-d-ts"}},[t._v("#")]),t._v(" "),e("code",[t._v("types/shims-vue.d.ts")])]),t._v(" "),e("p",[e("code",[t._v(".vue")]),t._v("、"),e("code",[t._v(".scss")]),t._v(" 文件不是常规的文件类型，"),e("code",[t._v("typescript")]),t._v(" 无法识别，所以我们需要通过下图的代码告诉 "),e("code",[t._v("typescript")]),t._v(" 这些文件的类型，防止类型报错")]),t._v(" "),e("p",[e("img",{attrs:{src:s(456),alt:"shims-vue"}})]),t._v(" "),e("p",[t._v("项目开发，我们可能需要安装一些库或者插件什么的，当它们对 "),e("code",[t._v("typescript")]),t._v(" 支持不是很友好的时候，就会出现下图的情况")]),t._v(" "),e("p",[e("img",{attrs:{src:s(457),alt:"shims-vue"}})]),t._v(" "),e("p",[t._v("解决办法就是将这些通过 "),e("code",[t._v('declare module "包名"')]),t._v(" 的形式添加到 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/shims-vue.d.ts#L12-L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/shims-vue.d.ts"),e("OutboundLink")],1),t._v(" 中去，如下图")]),t._v(" "),e("p",[e("img",{attrs:{src:s(458),alt:"shims-vue"}})]),t._v(" "),e("h2",{attrs:{id:"全局导入的组件如何获取类型提示"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#全局导入的组件如何获取类型提示"}},[t._v("#")]),t._v(" 全局导入的组件如何获取类型提示")]),t._v(" "),e("h3",{attrs:{id:"从-npm-下载的组件库或者第三方库"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#从-npm-下载的组件库或者第三方库"}},[t._v("#")]),t._v(" 从 "),e("a",{attrs:{href:"https://www.npmjs.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("npm"),e("OutboundLink")],1),t._v(" 下载的组件库或者第三方库")]),t._v(" "),e("p",[t._v("也就是您使用 "),e("code",[t._v("pnpm add")]),t._v(" 添加的包，比如 "),e("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",rel:"noopener noreferrer"}},[t._v("@pureadmin/table"),e("OutboundLink")],1),t._v("，我们只需要将这个包提供的全局类声明文件导入到 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/tsconfig.json#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("tsconfig.json"),e("OutboundLink")],1),t._v(" 的 "),e("code",[t._v("types")]),t._v(" 配置项，然后重启编辑器即可，如下图导入前和导入后的效果对比")]),t._v(" "),e("p",[t._v("导入前，"),e("code",[t._v("pure-table")]),t._v(" 无高亮且鼠标覆盖无类型提示")]),t._v(" "),e("p",[e("img",{attrs:{src:s(459),alt:"before"}})]),t._v(" "),e("p",[t._v("导入后，"),e("code",[t._v("pure-table")]),t._v(" 高亮且鼠标覆盖有类型提示")]),t._v(" "),e("p",[e("img",{attrs:{src:s(460),alt:"after"}})]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),e("p",[t._v("当然这个导入前提是这个组件库或者第三方库是有导出全局类声明文件的。具体参考 "),e("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-table/blob/main/volar.d.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("pure-admin-table"),e("OutboundLink")],1)])]),t._v(" "),e("h3",{attrs:{id:"平台内自定义的全局组件"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#平台内自定义的全局组件"}},[t._v("#")]),t._v(" 平台内自定义的全局组件")]),t._v(" "),e("p",[t._v("拿平台封装的 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReAuth",target:"_blank",rel:"noopener noreferrer"}},[t._v("Auth"),e("OutboundLink")],1),t._v(" 组件举例")]),t._v(" "),e("p",[t._v("① 我们将 "),e("code",[t._v("Auth")]),t._v(" 组件在 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("main.ts"),e("OutboundLink")],1),t._v(" 中进行了全局注册")]),t._v(" "),e("p",[t._v("② 然后将 "),e("code",[t._v("Auth")]),t._v(" 组件在 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global-components.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("global-components.d"),e("OutboundLink")],1),t._v(" 中引入，所有的全局组件都应该在 "),e("code",[t._v("GlobalComponents")]),t._v(" 下引入才可获得类型支持，如下图")]),t._v(" "),e("p",[e("img",{attrs:{src:s(461),alt:"component"}})]),t._v(" "),e("p",[t._v("③ 最后我们直接写 "),e("code",[t._v("<Auth>xxx</Auth>")]),t._v(" 就可以得到类型提示啦，如下图")]),t._v(" "),e("p",[e("img",{attrs:{src:s(462),alt:"component"}})])])}),[],!1,null,null,null);e.default=a.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{455:function(t,e,s){t.exports=s.p+"assets/img/whole.60db4f1c.jpg"},456:function(t,e,s){t.exports=s.p+"assets/img/shims-vue1.8e519f8f.jpg"},457:function(t,e,s){t.exports=s.p+"assets/img/shims-vue2.380b1524.jpg"},458:function(t,e,s){t.exports=s.p+"assets/img/shims-vue3.4bbf1d9b.jpg"},459:function(t,e,s){t.exports=s.p+"assets/img/before.0898e4a9.jpg"},460:function(t,e,s){t.exports=s.p+"assets/img/after.32a48f72.jpg"},461:function(t,e,s){t.exports=s.p+"assets/img/com1.87395e66.jpg"},462:function(t,e,s){t.exports=s.p+"assets/img/com2.fe44ece0.jpg"},554:function(t,e,s){"use strict";s.r(e);var r=s(7),a=Object(r.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("p",[e("a",{attrs:{href:"https://www.tslang.cn/docs/home.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("TypeScript"),e("OutboundLink")],1),t._v("作为 JavaScript 的超集，拥有强大的类型提示给我们的开发带来了极大的便利，尤其体现在团队合作开发中")]),t._v(" "),e("h2",{attrs:{id:"全局类型声明"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#全局类型声明"}},[t._v("#")]),t._v(" 全局类型声明")]),t._v(" "),e("p",[t._v("在 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global.d.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("global.d.ts"),e("OutboundLink")],1),t._v(" 和 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/index.d.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("index.d.ts"),e("OutboundLink")],1),t._v(" 文件中编写的类型可直接在 "),e("code",[t._v(".ts")]),t._v("、"),e("code",[t._v(".tsx")]),t._v("、"),e("code",[t._v(".vue")]),t._v(" 中使用")]),t._v(" "),e("p",[e("img",{attrs:{src:s(455),alt:"whole"}})]),t._v(" "),e("h2",{attrs:{id:"types-shims-tsx-d-ts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types-shims-tsx-d-ts"}},[t._v("#")]),t._v(" "),e("code",[t._v("types/shims-tsx.d.ts")])]),t._v(" "),e("p",[t._v("该文件是为了给 "),e("code",[t._v(".tsx")]),t._v(" 文件提供类型支持，在编写时能正确识别语法")]),t._v(" "),e("h2",{attrs:{id:"types-shims-vue-d-ts"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#types-shims-vue-d-ts"}},[t._v("#")]),t._v(" "),e("code",[t._v("types/shims-vue.d.ts")])]),t._v(" "),e("p",[e("code",[t._v(".vue")]),t._v("、"),e("code",[t._v(".scss")]),t._v(" 文件不是常规的文件类型，"),e("code",[t._v("typescript")]),t._v(" 无法识别，所以我们需要通过下图的代码告诉 "),e("code",[t._v("typescript")]),t._v(" 这些文件的类型，防止类型报错")]),t._v(" "),e("p",[e("img",{attrs:{src:s(456),alt:"shims-vue"}})]),t._v(" "),e("p",[t._v("项目开发，我们可能需要安装一些库或者插件什么的，当它们对 "),e("code",[t._v("typescript")]),t._v(" 支持不是很友好的时候，就会出现下图的情况")]),t._v(" "),e("p",[e("img",{attrs:{src:s(457),alt:"shims-vue"}})]),t._v(" "),e("p",[t._v("解决办法就是将这些通过 "),e("code",[t._v('declare module "包名"')]),t._v(" 的形式添加到 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/shims-vue.d.ts#L12-L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("types/shims-vue.d.ts"),e("OutboundLink")],1),t._v(" 中去，如下图")]),t._v(" "),e("p",[e("img",{attrs:{src:s(458),alt:"shims-vue"}})]),t._v(" "),e("h2",{attrs:{id:"全局导入的组件如何获取类型提示"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#全局导入的组件如何获取类型提示"}},[t._v("#")]),t._v(" 全局导入的组件如何获取类型提示")]),t._v(" "),e("h3",{attrs:{id:"从-npm-下载的组件库或者第三方库"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#从-npm-下载的组件库或者第三方库"}},[t._v("#")]),t._v(" 从 "),e("a",{attrs:{href:"https://www.npmjs.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("npm"),e("OutboundLink")],1),t._v(" 下载的组件库或者第三方库")]),t._v(" "),e("p",[t._v("也就是您使用 "),e("code",[t._v("pnpm add")]),t._v(" 添加的包，比如 "),e("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-table",target:"_blank",rel:"noopener noreferrer"}},[t._v("@pureadmin/table"),e("OutboundLink")],1),t._v("，我们只需要将这个包提供的全局类声明文件导入到 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/tsconfig.json#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("tsconfig.json"),e("OutboundLink")],1),t._v(" 的 "),e("code",[t._v("types")]),t._v(" 配置项，然后重启编辑器即可，如下图导入前和导入后的效果对比")]),t._v(" "),e("p",[t._v("导入前，"),e("code",[t._v("pure-table")]),t._v(" 无高亮且鼠标覆盖无类型提示")]),t._v(" "),e("p",[e("img",{attrs:{src:s(459),alt:"before"}})]),t._v(" "),e("p",[t._v("导入后，"),e("code",[t._v("pure-table")]),t._v(" 高亮且鼠标覆盖有类型提示")]),t._v(" "),e("p",[e("img",{attrs:{src:s(460),alt:"after"}})]),t._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),e("p",[t._v("当然这个导入前提是这个组件库或者第三方库是有导出全局类声明文件的。具体参考 "),e("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-table/blob/main/volar.d.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("pure-admin-table"),e("OutboundLink")],1)])]),t._v(" "),e("h3",{attrs:{id:"平台内自定义的全局组件"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#平台内自定义的全局组件"}},[t._v("#")]),t._v(" 平台内自定义的全局组件")]),t._v(" "),e("p",[t._v("拿平台封装的 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReAuth",target:"_blank",rel:"noopener noreferrer"}},[t._v("Auth"),e("OutboundLink")],1),t._v(" 组件举例")]),t._v(" "),e("p",[t._v("① 我们将 "),e("code",[t._v("Auth")]),t._v(" 组件在 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("main.ts"),e("OutboundLink")],1),t._v(" 中进行了全局注册")]),t._v(" "),e("p",[t._v("② 然后将 "),e("code",[t._v("Auth")]),t._v(" 组件在 "),e("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global-components.d.ts#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("global-components.d"),e("OutboundLink")],1),t._v(" 中引入，所有的全局组件都应该在 "),e("code",[t._v("GlobalComponents")]),t._v(" 下引入才可获得类型支持，如下图")]),t._v(" "),e("p",[e("img",{attrs:{src:s(461),alt:"component"}})]),t._v(" "),e("p",[t._v("③ 最后我们直接写 "),e("code",[t._v("<Auth>xxx</Auth>")]),t._v(" 就可以得到类型提示啦，如下图")]),t._v(" "),e("p",[e("img",{attrs:{src:s(462),alt:"component"}})])])}),[],!1,null,null,null);e.default=a.exports}}]);
\ No newline at end of file
diff --git a/assets/js/12.92f6ac13.js b/assets/js/12.0db5dec0.js
similarity index 98%
rename from assets/js/12.92f6ac13.js
rename to assets/js/12.0db5dec0.js
index 54c57f491..bfd66cd32 100644
--- a/assets/js/12.92f6ac13.js
+++ b/assets/js/12.0db5dec0.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{376:function(e,s,t){e.exports=t.p+"assets/img/recommended1.8e05baaf.jpg"},377:function(e,s,t){e.exports=t.p+"assets/img/recommended2.6ad83f6e.jpg"},378:function(e,s,t){e.exports=t.p+"assets/img/snip30.31c2e5ee.jpg"},379:function(e,s,t){e.exports=t.p+"assets/img/snip32.64e525cb.jpg"},380:function(e,s,t){e.exports=t.p+"assets/img/snip33.2c932603.jpg"},542:function(e,s,t){"use strict";t.r(s);var v=t(7),o=Object(v.a)({},(function(){var e=this,s=e._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("p",[e._v("平台内置很多实用的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.vscode/extensions.json",target:"_blank",rel:"noopener noreferrer"}},[e._v("vscode 插件"),s("OutboundLink")],1),e._v("，为了提高开发效率，您可以选择使用 "),s("a",{attrs:{href:"https://code.visualstudio.com/",target:"_blank",rel:"noopener noreferrer"}},[e._v("vscode"),s("OutboundLink")],1),e._v(" 编辑器")]),e._v(" "),s("h2",{attrs:{id:"extensions-json"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#extensions-json"}},[e._v("#")]),e._v(" extensions.json")]),e._v(" "),s("p",[e._v("一键安装平台推荐的 "),s("code",[e._v("vscode")]),e._v(" 插件，安装方法如下图")]),e._v(" "),s("p",[s("img",{attrs:{src:t(376),alt:"recommended1"}})]),e._v(" "),s("p",[s("img",{attrs:{src:t(377),alt:"recommended2"}})]),e._v(" "),s("h2",{attrs:{id:"settings-json"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#settings-json"}},[e._v("#")]),e._v(" settings.json")]),e._v(" "),s("p",[e._v("设置扩展程序或 "),s("code",[e._v("vscode")]),e._v(" 编辑器的一些属性")]),e._v(" "),s("h2",{attrs:{id:"vue3-0-code-snippets"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue3-0-code-snippets"}},[e._v("#")]),e._v(" vue3.0.code-snippets")]),e._v(" "),s("p",[s("code",[e._v("vue3.0")]),e._v(" 版本代码片段。在 "),s("code",[e._v(".vue")]),e._v(" 文件输入 "),s("code",[e._v("vue")]),e._v(" 即可看到如下图的选项，选择 "),s("code",[e._v("Vue3.0")]),e._v(" 即可生成")]),e._v(" "),s("p",[s("img",{attrs:{src:t(378),alt:"snip3.0"}})]),e._v(" "),s("h2",{attrs:{id:"vue3-2-code-snippets"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue3-2-code-snippets"}},[e._v("#")]),e._v(" vue3.2.code-snippets")]),e._v(" "),s("p",[s("code",[e._v("vue3.2")]),e._v(" 版本代码片段（支持 "),s("code",[e._v("<script setup>")]),e._v(" 语法）。在 "),s("code",[e._v(".vue")]),e._v(" 文件输入 "),s("code",[e._v("vue")]),e._v(" 即可看到如下图的选项，选择 "),s("code",[e._v("Vue3.2+")]),e._v(" 即可生成")]),e._v(" "),s("p",[s("img",{attrs:{src:t(379),alt:"snip3.2"}})]),e._v(" "),s("h2",{attrs:{id:"vue3-3-code-snippets"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue3-3-code-snippets"}},[e._v("#")]),e._v(" vue3.3.code-snippets")]),e._v(" "),s("p",[s("code",[e._v("vue3.3")]),e._v(" 版本代码片段（支持 "),s("code",[e._v("<script setup>")]),e._v(" 以及 "),s("code",[e._v("defineOptions")]),e._v(" 语法）。在 "),s("code",[e._v(".vue")]),e._v(" 文件输入 "),s("code",[e._v("vue")]),e._v(" 即可看到如下图的选项，选择 "),s("code",[e._v("Vue3.3+")]),e._v(" 即可生成")]),e._v(" "),s("p",[s("img",{attrs:{src:t(380),alt:"snip3.3"}})]),e._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("提示")]),e._v(" "),s("p",[e._v("如果输入 "),s("code",[e._v("vue")]),e._v(" 没有代码片段提示，请稍等一下 "),s("code",[e._v("vscode")]),e._v(" 正在反应，或者您可以来到 "),s("code",[e._v(".vscode/vue3.0.code-snippets")]),e._v("、"),s("code",[e._v(".vscode/vue3.2.code-snippets")]),e._v("、"),s("code",[e._v(".vscode/vue3.3.code-snippets")]),e._v("，将这三个文件都 "),s("code",[e._v("ctrl+s")]),e._v(" 保存一下，再回到 "),s("code",[e._v(".vue")]),e._v(" 页面，输入 "),s("code",[e._v("vue")]),e._v(" 就应该有提示了")])])])}),[],!1,null,null,null);s.default=o.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{376:function(e,s,t){e.exports=t.p+"assets/img/recommended1.8e05baaf.jpg"},377:function(e,s,t){e.exports=t.p+"assets/img/recommended2.6ad83f6e.jpg"},378:function(e,s,t){e.exports=t.p+"assets/img/snip30.31c2e5ee.jpg"},379:function(e,s,t){e.exports=t.p+"assets/img/snip32.64e525cb.jpg"},380:function(e,s,t){e.exports=t.p+"assets/img/snip33.2c932603.jpg"},543:function(e,s,t){"use strict";t.r(s);var v=t(7),o=Object(v.a)({},(function(){var e=this,s=e._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("p",[e._v("平台内置很多实用的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.vscode/extensions.json",target:"_blank",rel:"noopener noreferrer"}},[e._v("vscode 插件"),s("OutboundLink")],1),e._v("，为了提高开发效率，您可以选择使用 "),s("a",{attrs:{href:"https://code.visualstudio.com/",target:"_blank",rel:"noopener noreferrer"}},[e._v("vscode"),s("OutboundLink")],1),e._v(" 编辑器")]),e._v(" "),s("h2",{attrs:{id:"extensions-json"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#extensions-json"}},[e._v("#")]),e._v(" extensions.json")]),e._v(" "),s("p",[e._v("一键安装平台推荐的 "),s("code",[e._v("vscode")]),e._v(" 插件，安装方法如下图")]),e._v(" "),s("p",[s("img",{attrs:{src:t(376),alt:"recommended1"}})]),e._v(" "),s("p",[s("img",{attrs:{src:t(377),alt:"recommended2"}})]),e._v(" "),s("h2",{attrs:{id:"settings-json"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#settings-json"}},[e._v("#")]),e._v(" settings.json")]),e._v(" "),s("p",[e._v("设置扩展程序或 "),s("code",[e._v("vscode")]),e._v(" 编辑器的一些属性")]),e._v(" "),s("h2",{attrs:{id:"vue3-0-code-snippets"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue3-0-code-snippets"}},[e._v("#")]),e._v(" vue3.0.code-snippets")]),e._v(" "),s("p",[s("code",[e._v("vue3.0")]),e._v(" 版本代码片段。在 "),s("code",[e._v(".vue")]),e._v(" 文件输入 "),s("code",[e._v("vue")]),e._v(" 即可看到如下图的选项，选择 "),s("code",[e._v("Vue3.0")]),e._v(" 即可生成")]),e._v(" "),s("p",[s("img",{attrs:{src:t(378),alt:"snip3.0"}})]),e._v(" "),s("h2",{attrs:{id:"vue3-2-code-snippets"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue3-2-code-snippets"}},[e._v("#")]),e._v(" vue3.2.code-snippets")]),e._v(" "),s("p",[s("code",[e._v("vue3.2")]),e._v(" 版本代码片段（支持 "),s("code",[e._v("<script setup>")]),e._v(" 语法）。在 "),s("code",[e._v(".vue")]),e._v(" 文件输入 "),s("code",[e._v("vue")]),e._v(" 即可看到如下图的选项，选择 "),s("code",[e._v("Vue3.2+")]),e._v(" 即可生成")]),e._v(" "),s("p",[s("img",{attrs:{src:t(379),alt:"snip3.2"}})]),e._v(" "),s("h2",{attrs:{id:"vue3-3-code-snippets"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue3-3-code-snippets"}},[e._v("#")]),e._v(" vue3.3.code-snippets")]),e._v(" "),s("p",[s("code",[e._v("vue3.3")]),e._v(" 版本代码片段（支持 "),s("code",[e._v("<script setup>")]),e._v(" 以及 "),s("code",[e._v("defineOptions")]),e._v(" 语法）。在 "),s("code",[e._v(".vue")]),e._v(" 文件输入 "),s("code",[e._v("vue")]),e._v(" 即可看到如下图的选项，选择 "),s("code",[e._v("Vue3.3+")]),e._v(" 即可生成")]),e._v(" "),s("p",[s("img",{attrs:{src:t(380),alt:"snip3.3"}})]),e._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[e._v("提示")]),e._v(" "),s("p",[e._v("如果输入 "),s("code",[e._v("vue")]),e._v(" 没有代码片段提示，请稍等一下 "),s("code",[e._v("vscode")]),e._v(" 正在反应，或者您可以来到 "),s("code",[e._v(".vscode/vue3.0.code-snippets")]),e._v("、"),s("code",[e._v(".vscode/vue3.2.code-snippets")]),e._v("、"),s("code",[e._v(".vscode/vue3.3.code-snippets")]),e._v("，将这三个文件都 "),s("code",[e._v("ctrl+s")]),e._v(" 保存一下，再回到 "),s("code",[e._v(".vue")]),e._v(" 页面，输入 "),s("code",[e._v("vue")]),e._v(" 就应该有提示了")])])])}),[],!1,null,null,null);s.default=o.exports}}]);
\ No newline at end of file
diff --git a/assets/js/13.f24061c4.js b/assets/js/13.752ecf96.js
similarity index 97%
rename from assets/js/13.f24061c4.js
rename to assets/js/13.752ecf96.js
index d3eae1fa2..d49a31d86 100644
--- a/assets/js/13.f24061c4.js
+++ b/assets/js/13.752ecf96.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{445:function(t,s,a){t.exports=a.p+"assets/img/i18nAlly.5125221b.jpg"},446:function(t,s,a){t.exports=a.p+"assets/img/vscode.82274ec8.png"},447:function(t,s,a){t.exports=a.p+"assets/img/i18n.a8232d8f.jpg"},448:function(t,s,a){t.exports=a.p+"assets/img/i18nVue.04302f75.png"},449:function(t,s,a){t.exports=a.p+"assets/img/i18nRouter.a8b2498d.jpg"},551:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("p",[t._v("平台内置了国际化，支持自定义国际化、"),s("code",[t._v("element-plus")]),t._v(" 国际化")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[t._v("pure-admin 完整版"),s("OutboundLink")],1),t._v(" 只有国际化版本"),s("br"),t._v("\n精简版有 "),s("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/tree/i18n/",target:"_blank",rel:"noopener noreferrer"}},[t._v("国际化版本"),s("OutboundLink")],1),t._v(" 和 "),s("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[t._v("非国际化版本"),s("OutboundLink")],1),t._v("，实际项目开发推荐使用 "),s("RouterLink",{attrs:{to:"/pages/FAQ/#精简版是干啥的"}},[t._v("精简版")])],1),t._v(" "),s("h2",{attrs:{id:"vscode-插件"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vscode-插件"}},[t._v("#")]),t._v(" "),s("code",[t._v("vscode")]),t._v(" 插件")]),t._v(" "),s("p",[t._v("在 "),s("code",[t._v("vscode")]),t._v(" 插件商店搜 "),s("code",[t._v("lokalise.i18n-ally")]),t._v(" 进行安装，可以带来更友好的国际化提示")]),t._v(" "),s("p",[s("img",{attrs:{src:a(445),alt:"i18nAlly"}})]),t._v(" "),s("p",[t._v("当然不要忘记把下面的 "),s("code",[t._v("json")]),t._v(" 代码添加到您 "),s("code",[t._v("vscode")]),t._v(" 的 "),s("code",[t._v("settings.json")]),t._v(" 中")]),t._v(" "),s("div",{staticClass:"language-json line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-json"}},[s("code",[s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.localesPaths"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"locales"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.keystyle"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"nested"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.sortKeys"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.namespace"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.enabledParsers"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"yaml"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"js"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.sourceLanguage"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.displayLanguage"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"zh-CN"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.enabledFrameworks"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br")])]),s("p",[s("img",{attrs:{src:a(446),alt:"vscode"}})]),t._v(" "),s("h2",{attrs:{id:"注入国际化"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#注入国际化"}},[t._v("#")]),t._v(" 注入国际化")]),t._v(" "),s("p",[t._v("平台使用 "),s("a",{attrs:{href:"https://www.npmjs.com/package/@intlify/unplugin-vue-i18n",target:"_blank",rel:"noopener noreferrer"}},[t._v("@intlify/unplugin-vue-i18n"),s("OutboundLink")],1),t._v(" 这款国际化 "),s("code",[t._v("vite")]),t._v(" 插件配合 "),s("a",{attrs:{href:"https://www.npmjs.com/package/vue-i18n",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-i18n"),s("OutboundLink")],1),t._v("来实现国际化，国际化文件采用了 "),s("code",[t._v("yaml")]),t._v(" 格式 "),s("a",{attrs:{href:"https://github.com/intlify/bundle-tools/blob/main/packages/vite-plugin-vue-i18n/README.md#include",target:"_blank",rel:"noopener noreferrer"}},[t._v("点击查看更多格式"),s("OutboundLink")],1)]),t._v(" "),s("p",[t._v("中文添加到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/locales/zh-CN.yaml",target:"_blank",rel:"noopener noreferrer"}},[t._v("zh-CN.yaml"),s("OutboundLink")],1),t._v(" 文件里，英文添加到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/locales/en.yaml",target:"_blank",rel:"noopener noreferrer"}},[t._v("en.yaml"),s("OutboundLink")],1),t._v(" 文件里，支持嵌套结构，嵌套层级越深性能越低，如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(447),alt:"i18n"}})]),t._v(" "),s("h2",{attrs:{id:"基础用法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[t._v("#")]),t._v(" 基础用法")]),t._v(" "),s("h3",{attrs:{id:"vue-文件中使用"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用"}},[t._v("#")]),t._v(" "),s("code",[t._v(".vue")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("① 使用 "),s("code",[t._v("vue-i18n")]),t._v(" 中 "),s("code",[t._v("useI18n")]),t._v(" 函数")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" useI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue-i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("useI18n")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('{{ t("buttons.hsLoginOut") }}'),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br")])]),s("p",[t._v("② 使用平台提供的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/plugins/i18n.ts#L77",target:"_blank",rel:"noopener noreferrer"}},[t._v("transformI18n"),s("OutboundLink")],1),t._v(" 函数")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" transformI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('{{ transformI18n("buttons.hsLoginOut") }}'),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("h3",{attrs:{id:"ts-文件中使用"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#ts-文件中使用"}},[t._v("#")]),t._v(" "),s("code",[t._v(".ts")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("在 "),s("code",[t._v(".ts")]),t._v(" 文件中推荐使用平台提供的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/plugins/i18n.ts#L77",target:"_blank",rel:"noopener noreferrer"}},[t._v("transformI18n"),s("OutboundLink")],1),t._v(" 函数，因为 "),s("code",[t._v("useI18n")]),t._v(" 必须在 "),s("code",[t._v("setup")]),t._v(" 中使用，具体原因请看 "),s("a",{attrs:{href:"https://vue-i18n.intlify.dev/guide/advanced/composition.html#basic-usage",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-i18n 文档"),s("OutboundLink")],1)]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" transformI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("transformI18n")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"buttons.hsLoginOut"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br")])]),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),s("p",[s("code",[t._v("transformI18n")]),t._v(" 会自动读取 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/locales",target:"_blank",rel:"noopener noreferrer"}},[t._v("locales"),s("OutboundLink")],1),t._v(" 下的国际化语言，如果匹配到则返回，匹配不到的话就是您传什么就返回什么，这样避免报错。这也是为什么平台路由的 "),s("code",[t._v("title")]),t._v(" 字段支持传 "),s("code",[t._v("国际化")]),t._v(" 和 "),s("code",[t._v("非国际化")]),t._v(" 两种写法的原因")])]),t._v(" "),s("h2",{attrs:{id:"平台提供的-t"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#平台提供的-t"}},[t._v("#")]),t._v(" 平台提供的 "),s("code",[t._v("$t")])]),t._v(" "),s("p",[t._v("这里的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/plugins/i18n.ts#L102",target:"_blank",rel:"noopener noreferrer"}},[t._v("$t"),s("OutboundLink")],1),t._v(" 是指平台提供的函数，是配合 "),s("code",[t._v("i18n Ally")]),t._v(" 插件在 "),s("code",[t._v("vscode")]),t._v(" 里带来智能提示，无实际意义，只对提示起作用，而非 "),s("code",[t._v("vue-i18n")]),t._v(" 里的")]),t._v(" "),s("h3",{attrs:{id:"vue-文件中使用-2"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-2"}},[t._v("#")]),t._v(" "),s("code",[t._v(".vue")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("对于 "),s("code",[t._v("i18n Ally")]),t._v(" 插件来说要想得到智能提示必须使用带有 "),s("code",[t._v("t")]),t._v(" 的别名而且 "),s("code",[t._v("t")]),t._v(" 永远在最后一位，例如 "),s("code",[t._v("$$t")]),t._v(" 、 "),s("code",[t._v("&t")]),t._v(" 类似格式都是生效的，而 "),s("code",[t._v("$t$")]),t._v(" 、 "),s("code",[t._v("t&")]),t._v(" 不生效")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" $t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('{{ $t("login.usernameReg") }}'),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("p",[t._v("效果如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(448),alt:"i18n"}})]),t._v(" "),s("h3",{attrs:{id:"ts-文件中使用-2"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#ts-文件中使用-2"}},[t._v("#")]),t._v(" "),s("code",[t._v(".ts")]),t._v(" 文件中使用")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" $t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("$t")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"menus.hslogin"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br")])]),s("p",[t._v("效果如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(449),alt:"i18n"}})]),t._v(" "),s("h2",{attrs:{id:"当前的国际化环境"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#当前的国际化环境"}},[t._v("#")]),t._v(" 当前的国际化环境")]),t._v(" "),s("p",[t._v("当前的国际化环境是指当前系统正在使用中文还是英文（"),s("code",[t._v("zh")]),t._v("：中文、"),s("code",[t._v("en")]),t._v("：英文）")]),t._v(" "),s("h3",{attrs:{id:"vue-文件中使用-3"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-3"}},[t._v("#")]),t._v(" "),s("code",[t._v(".vue")]),t._v(" 文件中使用")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" useI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue-i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" locale "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("useI18n")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\nconsole"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("当前系统采用的语言是：")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("locale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br")])]),s("h3",{attrs:{id:"ts-文件中使用-3"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#ts-文件中使用-3"}},[t._v("#")]),t._v(" "),s("code",[t._v(".ts")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("因为 "),s("code",[t._v("useI18n")]),t._v(" 只能在 "),s("code",[t._v("setup")]),t._v(" 中使用，所以平台将当前的国际化环境在 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/responsive.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("localStorage"),s("OutboundLink")],1),t._v(" 里存了一份")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("type")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" StorageConfigs "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/#/index"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" storageLocal "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@pureadmin/utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" locale "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n  storageLocal"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getItem")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("StorageConfigs"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"responsive-locale"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?.")]),t._v("locale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("console")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("当前系统采用的语言是：")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("locale"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br")])])])}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{450:function(t,s,a){t.exports=a.p+"assets/img/i18nAlly.5125221b.jpg"},451:function(t,s,a){t.exports=a.p+"assets/img/vscode.82274ec8.png"},452:function(t,s,a){t.exports=a.p+"assets/img/i18n.a8232d8f.jpg"},453:function(t,s,a){t.exports=a.p+"assets/img/i18nVue.04302f75.png"},454:function(t,s,a){t.exports=a.p+"assets/img/i18nRouter.a8b2498d.jpg"},553:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("p",[t._v("平台内置了国际化，支持自定义国际化、"),s("code",[t._v("element-plus")]),t._v(" 国际化")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[t._v("pure-admin 完整版"),s("OutboundLink")],1),t._v(" 只有国际化版本"),s("br"),t._v("\n精简版有 "),s("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/tree/i18n/",target:"_blank",rel:"noopener noreferrer"}},[t._v("国际化版本"),s("OutboundLink")],1),t._v(" 和 "),s("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[t._v("非国际化版本"),s("OutboundLink")],1),t._v("，实际项目开发推荐使用 "),s("RouterLink",{attrs:{to:"/pages/FAQ/#精简版是干啥的"}},[t._v("精简版")])],1),t._v(" "),s("h2",{attrs:{id:"vscode-插件"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vscode-插件"}},[t._v("#")]),t._v(" "),s("code",[t._v("vscode")]),t._v(" 插件")]),t._v(" "),s("p",[t._v("在 "),s("code",[t._v("vscode")]),t._v(" 插件商店搜 "),s("code",[t._v("lokalise.i18n-ally")]),t._v(" 进行安装，可以带来更友好的国际化提示")]),t._v(" "),s("p",[s("img",{attrs:{src:a(450),alt:"i18nAlly"}})]),t._v(" "),s("p",[t._v("当然不要忘记把下面的 "),s("code",[t._v("json")]),t._v(" 代码添加到您 "),s("code",[t._v("vscode")]),t._v(" 的 "),s("code",[t._v("settings.json")]),t._v(" 中")]),t._v(" "),s("div",{staticClass:"language-json line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-json"}},[s("code",[s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.localesPaths"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"locales"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.keystyle"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"nested"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.sortKeys"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.namespace"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.enabledParsers"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"yaml"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"js"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.sourceLanguage"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"en"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.displayLanguage"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"zh-CN"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token property"}},[t._v('"i18n-ally.enabledFrameworks"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br")])]),s("p",[s("img",{attrs:{src:a(451),alt:"vscode"}})]),t._v(" "),s("h2",{attrs:{id:"注入国际化"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#注入国际化"}},[t._v("#")]),t._v(" 注入国际化")]),t._v(" "),s("p",[t._v("平台使用 "),s("a",{attrs:{href:"https://www.npmjs.com/package/@intlify/unplugin-vue-i18n",target:"_blank",rel:"noopener noreferrer"}},[t._v("@intlify/unplugin-vue-i18n"),s("OutboundLink")],1),t._v(" 这款国际化 "),s("code",[t._v("vite")]),t._v(" 插件配合 "),s("a",{attrs:{href:"https://www.npmjs.com/package/vue-i18n",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-i18n"),s("OutboundLink")],1),t._v("来实现国际化，国际化文件采用了 "),s("code",[t._v("yaml")]),t._v(" 格式 "),s("a",{attrs:{href:"https://github.com/intlify/bundle-tools/blob/main/packages/vite-plugin-vue-i18n/README.md#include",target:"_blank",rel:"noopener noreferrer"}},[t._v("点击查看更多格式"),s("OutboundLink")],1)]),t._v(" "),s("p",[t._v("中文添加到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/locales/zh-CN.yaml",target:"_blank",rel:"noopener noreferrer"}},[t._v("zh-CN.yaml"),s("OutboundLink")],1),t._v(" 文件里，英文添加到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/locales/en.yaml",target:"_blank",rel:"noopener noreferrer"}},[t._v("en.yaml"),s("OutboundLink")],1),t._v(" 文件里，支持嵌套结构，嵌套层级越深性能越低，如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(452),alt:"i18n"}})]),t._v(" "),s("h2",{attrs:{id:"基础用法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[t._v("#")]),t._v(" 基础用法")]),t._v(" "),s("h3",{attrs:{id:"vue-文件中使用"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用"}},[t._v("#")]),t._v(" "),s("code",[t._v(".vue")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("① 使用 "),s("code",[t._v("vue-i18n")]),t._v(" 中 "),s("code",[t._v("useI18n")]),t._v(" 函数")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" useI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue-i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("useI18n")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('{{ t("buttons.hsLoginOut") }}'),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br")])]),s("p",[t._v("② 使用平台提供的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/plugins/i18n.ts#L77",target:"_blank",rel:"noopener noreferrer"}},[t._v("transformI18n"),s("OutboundLink")],1),t._v(" 函数")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" transformI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('{{ transformI18n("buttons.hsLoginOut") }}'),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("h3",{attrs:{id:"ts-文件中使用"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#ts-文件中使用"}},[t._v("#")]),t._v(" "),s("code",[t._v(".ts")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("在 "),s("code",[t._v(".ts")]),t._v(" 文件中推荐使用平台提供的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/plugins/i18n.ts#L77",target:"_blank",rel:"noopener noreferrer"}},[t._v("transformI18n"),s("OutboundLink")],1),t._v(" 函数，因为 "),s("code",[t._v("useI18n")]),t._v(" 必须在 "),s("code",[t._v("setup")]),t._v(" 中使用，具体原因请看 "),s("a",{attrs:{href:"https://vue-i18n.intlify.dev/guide/advanced/composition.html#basic-usage",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-i18n 文档"),s("OutboundLink")],1)]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" transformI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("transformI18n")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"buttons.hsLoginOut"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br")])]),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),s("p",[s("code",[t._v("transformI18n")]),t._v(" 会自动读取 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/locales",target:"_blank",rel:"noopener noreferrer"}},[t._v("locales"),s("OutboundLink")],1),t._v(" 下的国际化语言，如果匹配到则返回，匹配不到的话就是您传什么就返回什么，这样避免报错。这也是为什么平台路由的 "),s("code",[t._v("title")]),t._v(" 字段支持传 "),s("code",[t._v("国际化")]),t._v(" 和 "),s("code",[t._v("非国际化")]),t._v(" 两种写法的原因")])]),t._v(" "),s("h2",{attrs:{id:"平台提供的-t"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#平台提供的-t"}},[t._v("#")]),t._v(" 平台提供的 "),s("code",[t._v("$t")])]),t._v(" "),s("p",[t._v("这里的 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/plugins/i18n.ts#L102",target:"_blank",rel:"noopener noreferrer"}},[t._v("$t"),s("OutboundLink")],1),t._v(" 是指平台提供的函数，是配合 "),s("code",[t._v("i18n Ally")]),t._v(" 插件在 "),s("code",[t._v("vscode")]),t._v(" 里带来智能提示，无实际意义，只对提示起作用，而非 "),s("code",[t._v("vue-i18n")]),t._v(" 里的")]),t._v(" "),s("h3",{attrs:{id:"vue-文件中使用-2"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-2"}},[t._v("#")]),t._v(" "),s("code",[t._v(".vue")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("对于 "),s("code",[t._v("i18n Ally")]),t._v(" 插件来说要想得到智能提示必须使用带有 "),s("code",[t._v("t")]),t._v(" 的别名而且 "),s("code",[t._v("t")]),t._v(" 永远在最后一位，例如 "),s("code",[t._v("$$t")]),t._v(" 、 "),s("code",[t._v("&t")]),t._v(" 类似格式都是生效的，而 "),s("code",[t._v("$t$")]),t._v(" 、 "),s("code",[t._v("t&")]),t._v(" 不生效")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" $t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v('{{ $t("login.usernameReg") }}'),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("p",[t._v("效果如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(453),alt:"i18n"}})]),t._v(" "),s("h3",{attrs:{id:"ts-文件中使用-2"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#ts-文件中使用-2"}},[t._v("#")]),t._v(" "),s("code",[t._v(".ts")]),t._v(" 文件中使用")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" $t "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/@/plugins/i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("$t")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"menus.hslogin"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br")])]),s("p",[t._v("效果如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(454),alt:"i18n"}})]),t._v(" "),s("h2",{attrs:{id:"当前的国际化环境"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#当前的国际化环境"}},[t._v("#")]),t._v(" 当前的国际化环境")]),t._v(" "),s("p",[t._v("当前的国际化环境是指当前系统正在使用中文还是英文（"),s("code",[t._v("zh")]),t._v("：中文、"),s("code",[t._v("en")]),t._v("：英文）")]),t._v(" "),s("h3",{attrs:{id:"vue-文件中使用-3"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-3"}},[t._v("#")]),t._v(" "),s("code",[t._v(".vue")]),t._v(" 文件中使用")]),t._v(" "),s("div",{staticClass:"language-Vue line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-vue"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("setup")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("lang")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("ts"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token script"}},[s("span",{pre:!0,attrs:{class:"token language-javascript"}},[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" useI18n "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vue-i18n"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" locale "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("useI18n")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\nconsole"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("当前系统采用的语言是：")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("locale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("value"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br")])]),s("h3",{attrs:{id:"ts-文件中使用-3"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#ts-文件中使用-3"}},[t._v("#")]),t._v(" "),s("code",[t._v(".ts")]),t._v(" 文件中使用")]),t._v(" "),s("p",[t._v("因为 "),s("code",[t._v("useI18n")]),t._v(" 只能在 "),s("code",[t._v("setup")]),t._v(" 中使用，所以平台将当前的国际化环境在 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/responsive.ts#L12",target:"_blank",rel:"noopener noreferrer"}},[t._v("localStorage"),s("OutboundLink")],1),t._v(" 里存了一份")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("type")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" StorageConfigs "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/#/index"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" storageLocal "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@pureadmin/utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" locale "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v("\n  storageLocal"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getItem")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("StorageConfigs"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"responsive-locale"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?.")]),t._v("locale"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("console")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("当前系统采用的语言是：")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("locale"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br")])])])}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/assets/js/14.4609f4c6.js b/assets/js/14.b8bddda9.js
similarity index 98%
rename from assets/js/14.4609f4c6.js
rename to assets/js/14.b8bddda9.js
index e3bd28450..b8dba0c4d 100644
--- a/assets/js/14.4609f4c6.js
+++ b/assets/js/14.b8bddda9.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{451:function(t,a,s){t.exports=s.p+"assets/img/rbac.078e7dea.jpg"},452:function(t,a,s){t.exports=s.p+"assets/img/roles.fb0573d2.jpg"},453:function(t,a,s){t.exports=s.p+"assets/img/auths.a7fbba68.jpg"},454:function(t,a,s){t.exports=s.p+"assets/img/permissions.09ee098d.jpg"},553:function(t,a,s){"use strict";s.r(a);var e=s(7),r=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[t._v("所谓 "),a("code",[t._v("RBAC")]),t._v("（Role Based Access Control）权限指的是基于角色的访问控制")]),t._v(" "),a("p",[a("img",{attrs:{src:s(451),alt:"rbac"}})]),t._v(" "),a("h2",{attrs:{id:"用户"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#用户"}},[t._v("#")]),t._v(" 用户")]),t._v(" "),a("p",[t._v("平台用 "),a("code",[t._v("mock")]),t._v(" 模拟出两个账号，一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("admin"),a("OutboundLink")],1),t._v("，另一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("common"),a("OutboundLink")],1),t._v("，用户名字段为 "),a("code",[t._v("username")]),t._v(" ，为字符串类型，当然平台将用户名在 "),a("code",[t._v("pinia")]),t._v(" 的 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("state"),a("OutboundLink")],1),t._v(" 里存了一份")]),t._v(" "),a("h2",{attrs:{id:"角色"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#角色"}},[t._v("#")]),t._v(" 角色")]),t._v(" "),a("p",[t._v("平台用 "),a("code",[t._v("mock")]),t._v(" 模拟出两个角色，一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("admin"),a("OutboundLink")],1),t._v("，另一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("common"),a("OutboundLink")],1),t._v("，角色存放在 "),a("code",[t._v("roles")]),t._v(" 字段中，为数组类型，可支持多个角色，当然平台将 "),a("code",[t._v("当前登录用户的角色")]),t._v(" 在 "),a("code",[t._v("pinia")]),t._v(" 的 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("state"),a("OutboundLink")],1),t._v(" 里也存了一份")]),t._v(" "),a("h2",{attrs:{id:"权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#权限"}},[t._v("#")]),t._v(" 权限")]),t._v(" "),a("p",[t._v("整体分为 "),a("a",{attrs:{href:"#%E7%B2%97%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90"}},[t._v("粗粒度权限")]),t._v(" 和 "),a("a",{attrs:{href:"#%E7%BB%86%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90"}},[t._v("细粒度权限")])]),t._v(" "),a("h3",{attrs:{id:"粗粒度权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#粗粒度权限"}},[t._v("#")]),t._v(" 粗粒度权限")]),t._v(" "),a("h4",{attrs:{id:"菜单权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#菜单权限"}},[t._v("#")]),t._v(" 菜单权限")]),t._v(" "),a("h5",{attrs:{id:"实现原理、代码"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#实现原理、代码"}},[t._v("#")]),t._v(" 实现原理、代码")]),t._v(" "),a("p",[t._v("页面整体的菜单存放在 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/permission.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("wholeMenus"),a("OutboundLink")],1),t._v("，所以我们只需要控制 "),a("code",[t._v("wholeMenus")]),t._v(" 就能控制菜单的显示、隐藏。通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L85",target:"_blank",rel:"noopener noreferrer"}},[t._v("filterNoPermissionTree"),a("OutboundLink")],1),t._v(" 函数从菜单中过滤无权限的菜单")]),t._v(" "),a("h5",{attrs:{id:"如何配置"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#如何配置"}},[t._v("#")]),t._v(" 如何配置")]),t._v(" "),a("p",[t._v("只需要通过返回路由的 "),a("code",[t._v("roles")]),t._v(" 配置项，赋予该菜单权限即可，如下图")]),t._v(" "),a("p",[a("img",{attrs:{src:s(452),alt:"roles"}})]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("实现细节")]),t._v(" "),a("p",[t._v("将菜单与路由解藕，这样可以更灵活的控制二者，不会造成一方改动必会影响另一方")])]),t._v(" "),a("h4",{attrs:{id:"url-链接权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#url-链接权限"}},[t._v("#")]),t._v(" "),a("code",[t._v("url")]),t._v(" 链接权限")]),t._v(" "),a("h5",{attrs:{id:"实现原理、代码-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#实现原理、代码-2"}},[t._v("#")]),t._v(" 实现原理、代码")]),t._v(" "),a("p",[t._v("平台在路由的 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("beforeEach"),a("OutboundLink")],1),t._v(" 钩子函数中，通过对比当前用户的角色和当前路由中 "),a("code",[t._v("roles")]),t._v(" 字段来判断是否有无权限，无权限跳转 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/error/403.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("403"),a("OutboundLink")],1),t._v(" 页面")]),t._v(" "),a("h5",{attrs:{id:"如何配置-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#如何配置-2"}},[t._v("#")]),t._v(" 如何配置")]),t._v(" "),a("p",[t._v("您不需要做任何配置，只需要像上图一样配置好权限就行，平台会根据有无权限自行判断，当有 "),a("code",[t._v("admin")]),t._v(" 权限时可以看到系统管理目录以及里面的菜单页面并且可以通过 "),a("code",[t._v("url")]),t._v(" 跳转，当然也可以在 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/layout/components/lay-search",target:"_blank",rel:"noopener noreferrer"}},[t._v("菜单搜索"),a("OutboundLink")],1),t._v(" 中找到，当无 "),a("code",[t._v("admin")]),t._v(" 权限时反之")]),t._v(" "),a("h4",{attrs:{id:"按钮、组件、类方法权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#按钮、组件、类方法权限"}},[t._v("#")]),t._v(" 按钮、组件、类方法权限")]),t._v(" "),a("p",[t._v("针对这三类权限，平台提供两种模式，它们都有"),a("code",[t._v("组件方式判断权限")]),t._v("、"),a("code",[t._v("函数方式判断权限")]),t._v("、"),a("code",[t._v("指令方式判断权限")]),t._v(" 三种方法")]),t._v(" "),a("h5",{attrs:{id:"第一种模式-路由返回按钮级别权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#第一种模式-路由返回按钮级别权限"}},[t._v("#")]),t._v(" 第一种模式，路由返回按钮级别权限")]),t._v(" "),a("p",[t._v("通过路由的 "),a("code",[t._v("auths")]),t._v(" 配置项，赋予对应页面按钮级别权限，如下图")]),t._v(" "),a("p",[a("img",{attrs:{src:s(453),alt:"auths"}})]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),a("p",[t._v("单个路由的 "),a("code",[t._v("auths")]),t._v(" 字段中按钮级别权限标识必须保持唯一，而在不同路由的 "),a("code",[t._v("auths")]),t._v(" 字段中可以重复使用相同的权限标识")])]),t._v(" "),a("h6",{attrs:{id:"组件方式判断权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#组件方式判断权限"}},[t._v("#")]),t._v(" 组件方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasAuth"),a("OutboundLink")],1),t._v(" 函数，进行权限组件的封装，使用 "),a("code",[t._v("Vue")]),t._v(" 提供的 "),a("a",{attrs:{href:"https://cn.vuejs.org/guide/extras/rendering-mechanism.html#patch-flags",target:"_blank",rel:"noopener noreferrer"}},[t._v("Fragment"),a("OutboundLink")],1),t._v(" 标签进行包裹，这样可让被包裹的组件无多余标签，减少渲染成本。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/ReAuth/src/auth.tsx",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L25-L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/index.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Auth")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("btn_add"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("success"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" 拥有code：'btn_add' 权限可见 "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("Auth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),a("p",[t._v("平台已经全局注册 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("Auth"),a("OutboundLink")],1),t._v(" 组件，无需重复注册")])]),t._v(" "),a("h6",{attrs:{id:"函数方式判断权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#函数方式判断权限"}},[t._v("#")]),t._v(" 函数方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件、类方法权限都可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasAuth"),a("OutboundLink")],1),t._v(" 函数判断某些按钮、组件、类方法是否有按钮级别的权限")]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L55-L74",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/index.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("success"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-if")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hasAuth('btn_add')"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'btn_add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"language-ts line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-ts"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hasAuth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"btn_add"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"显示"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"隐藏"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h6",{attrs:{id:"指令方式判断权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#指令方式判断权限"}},[t._v("#")]),t._v(" 指令方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用。指令方式不能动态修改权限")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasAuth"),a("OutboundLink")],1),t._v(" 函数，进行权限指令的封装。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/directives/auth/index.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L85-L102",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/index.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("success"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-auth")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("btn_add'"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'btn_add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("h5",{attrs:{id:"第二种模式-登录接口返回按钮级别权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#第二种模式-登录接口返回按钮级别权限"}},[t._v("#")]),t._v(" 第二种模式，登录接口返回按钮级别权限")]),t._v(" "),a("p",[t._v("通过登录接口的"),a("code",[t._v("permissions")]),t._v("字段返回按钮级别权限，如下图")]),t._v(" "),a("p",[a("img",{attrs:{src:s(454),alt:"permissions"}})]),t._v(" "),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("注意")]),t._v(" "),a("p",[a("code",[t._v("permissions")]),t._v("字段里的按钮级别权限标识需保持唯一")])]),t._v(" "),a("h6",{attrs:{id:"组件方式判断权限-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#组件方式判断权限-2"}},[t._v("#")]),t._v(" 组件方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasPerms"),a("OutboundLink")],1),t._v(" 函数，进行权限组件的封装，使用 "),a("code",[t._v("Vue")]),t._v(" 提供的 "),a("a",{attrs:{href:"https://cn.vuejs.org/guide/extras/rendering-mechanism.html#patch-flags",target:"_blank",rel:"noopener noreferrer"}},[t._v("Fragment"),a("OutboundLink")],1),t._v(" 标签进行包裹，这样可让被包裹的组件无多余标签，减少渲染成本。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/RePerms/src/perms.tsx",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/perms.vue#L31-L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/perms.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Perms")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("permission:btn:add"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("plain")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("warning"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" 拥有code：'permission:btn:add' 权限可见 "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("Perms")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),a("p",[t._v("平台已经全局注册 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("Perms"),a("OutboundLink")],1),t._v(" 组件，无需重复注册")])]),t._v(" "),a("h6",{attrs:{id:"函数方式判断权限-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#函数方式判断权限-2"}},[t._v("#")]),t._v(" 函数方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件、类方法权限都可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasPerms"),a("OutboundLink")],1),t._v(" 函数判断某些按钮、组件、类方法是否有按钮级别的权限")]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/perms.vue#L61-L84",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/perms.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-if")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hasPerms('permission:btn:add')"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("plain")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("warning"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'permission:btn:add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"language-ts line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-ts"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hasPerms")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"btn_add"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"显示"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"隐藏"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h6",{attrs:{id:"指令方式判断权限-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#指令方式判断权限-2"}},[t._v("#")]),t._v(" 指令方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用。指令方式不能动态修改权限")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasPerms"),a("OutboundLink")],1),t._v(" 函数，进行权限指令的封装。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/directives/perms/index.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/perms.vue#L95-L112",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/perms.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-perms")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("permission:btn:add'"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("plain")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("warning"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'permission:btn:add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("h3",{attrs:{id:"细粒度权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#细粒度权限"}},[t._v("#")]),t._v(" 细粒度权限")]),t._v(" "),a("h4",{attrs:{id:"数据权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#数据权限"}},[t._v("#")]),t._v(" 数据权限")]),t._v(" "),a("p",[t._v("数据权限对页面的要求就非常简单了，比如可以将数据权限的配置功能放在 "),a("code",[t._v("角色管理")]),t._v(" 页面进行配置即可")])])}),[],!1,null,null,null);a.default=r.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{446:function(t,a,s){t.exports=s.p+"assets/img/rbac.078e7dea.jpg"},447:function(t,a,s){t.exports=s.p+"assets/img/roles.fb0573d2.jpg"},448:function(t,a,s){t.exports=s.p+"assets/img/auths.a7fbba68.jpg"},449:function(t,a,s){t.exports=s.p+"assets/img/permissions.09ee098d.jpg"},552:function(t,a,s){"use strict";s.r(a);var e=s(7),r=Object(e.a)({},(function(){var t=this,a=t._self._c;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[t._v("所谓 "),a("code",[t._v("RBAC")]),t._v("（Role Based Access Control）权限指的是基于角色的访问控制")]),t._v(" "),a("p",[a("img",{attrs:{src:s(446),alt:"rbac"}})]),t._v(" "),a("h2",{attrs:{id:"用户"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#用户"}},[t._v("#")]),t._v(" 用户")]),t._v(" "),a("p",[t._v("平台用 "),a("code",[t._v("mock")]),t._v(" 模拟出两个账号，一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("admin"),a("OutboundLink")],1),t._v("，另一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[t._v("common"),a("OutboundLink")],1),t._v("，用户名字段为 "),a("code",[t._v("username")]),t._v(" ，为字符串类型，当然平台将用户名在 "),a("code",[t._v("pinia")]),t._v(" 的 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L25",target:"_blank",rel:"noopener noreferrer"}},[t._v("state"),a("OutboundLink")],1),t._v(" 里存了一份")]),t._v(" "),a("h2",{attrs:{id:"角色"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#角色"}},[t._v("#")]),t._v(" 角色")]),t._v(" "),a("p",[t._v("平台用 "),a("code",[t._v("mock")]),t._v(" 模拟出两个角色，一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("admin"),a("OutboundLink")],1),t._v("，另一个是 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L32",target:"_blank",rel:"noopener noreferrer"}},[t._v("common"),a("OutboundLink")],1),t._v("，角色存放在 "),a("code",[t._v("roles")]),t._v(" 字段中，为数组类型，可支持多个角色，当然平台将 "),a("code",[t._v("当前登录用户的角色")]),t._v(" 在 "),a("code",[t._v("pinia")]),t._v(" 的 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L29",target:"_blank",rel:"noopener noreferrer"}},[t._v("state"),a("OutboundLink")],1),t._v(" 里也存了一份")]),t._v(" "),a("h2",{attrs:{id:"权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#权限"}},[t._v("#")]),t._v(" 权限")]),t._v(" "),a("p",[t._v("整体分为 "),a("a",{attrs:{href:"#%E7%B2%97%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90"}},[t._v("粗粒度权限")]),t._v(" 和 "),a("a",{attrs:{href:"#%E7%BB%86%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90"}},[t._v("细粒度权限")])]),t._v(" "),a("h3",{attrs:{id:"粗粒度权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#粗粒度权限"}},[t._v("#")]),t._v(" 粗粒度权限")]),t._v(" "),a("h4",{attrs:{id:"菜单权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#菜单权限"}},[t._v("#")]),t._v(" 菜单权限")]),t._v(" "),a("h5",{attrs:{id:"实现原理、代码"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#实现原理、代码"}},[t._v("#")]),t._v(" 实现原理、代码")]),t._v(" "),a("p",[t._v("页面整体的菜单存放在 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/permission.ts#L21",target:"_blank",rel:"noopener noreferrer"}},[t._v("wholeMenus"),a("OutboundLink")],1),t._v("，所以我们只需要控制 "),a("code",[t._v("wholeMenus")]),t._v(" 就能控制菜单的显示、隐藏。通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L85",target:"_blank",rel:"noopener noreferrer"}},[t._v("filterNoPermissionTree"),a("OutboundLink")],1),t._v(" 函数从菜单中过滤无权限的菜单")]),t._v(" "),a("h5",{attrs:{id:"如何配置"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#如何配置"}},[t._v("#")]),t._v(" 如何配置")]),t._v(" "),a("p",[t._v("只需要通过返回路由的 "),a("code",[t._v("roles")]),t._v(" 配置项，赋予该菜单权限即可，如下图")]),t._v(" "),a("p",[a("img",{attrs:{src:s(447),alt:"roles"}})]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("实现细节")]),t._v(" "),a("p",[t._v("将菜单与路由解藕，这样可以更灵活的控制二者，不会造成一方改动必会影响另一方")])]),t._v(" "),a("h4",{attrs:{id:"url-链接权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#url-链接权限"}},[t._v("#")]),t._v(" "),a("code",[t._v("url")]),t._v(" 链接权限")]),t._v(" "),a("h5",{attrs:{id:"实现原理、代码-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#实现原理、代码-2"}},[t._v("#")]),t._v(" 实现原理、代码")]),t._v(" "),a("p",[t._v("平台在路由的 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L109",target:"_blank",rel:"noopener noreferrer"}},[t._v("beforeEach"),a("OutboundLink")],1),t._v(" 钩子函数中，通过对比当前用户的角色和当前路由中 "),a("code",[t._v("roles")]),t._v(" 字段来判断是否有无权限，无权限跳转 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/error/403.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("403"),a("OutboundLink")],1),t._v(" 页面")]),t._v(" "),a("h5",{attrs:{id:"如何配置-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#如何配置-2"}},[t._v("#")]),t._v(" 如何配置")]),t._v(" "),a("p",[t._v("您不需要做任何配置，只需要像上图一样配置好权限就行，平台会根据有无权限自行判断，当有 "),a("code",[t._v("admin")]),t._v(" 权限时可以看到系统管理目录以及里面的菜单页面并且可以通过 "),a("code",[t._v("url")]),t._v(" 跳转，当然也可以在 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/layout/components/lay-search",target:"_blank",rel:"noopener noreferrer"}},[t._v("菜单搜索"),a("OutboundLink")],1),t._v(" 中找到，当无 "),a("code",[t._v("admin")]),t._v(" 权限时反之")]),t._v(" "),a("h4",{attrs:{id:"按钮、组件、类方法权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#按钮、组件、类方法权限"}},[t._v("#")]),t._v(" 按钮、组件、类方法权限")]),t._v(" "),a("p",[t._v("针对这三类权限，平台提供两种模式，它们都有"),a("code",[t._v("组件方式判断权限")]),t._v("、"),a("code",[t._v("函数方式判断权限")]),t._v("、"),a("code",[t._v("指令方式判断权限")]),t._v(" 三种方法")]),t._v(" "),a("h5",{attrs:{id:"第一种模式-路由返回按钮级别权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#第一种模式-路由返回按钮级别权限"}},[t._v("#")]),t._v(" 第一种模式，路由返回按钮级别权限")]),t._v(" "),a("p",[t._v("通过路由的 "),a("code",[t._v("auths")]),t._v(" 配置项，赋予对应页面按钮级别权限，如下图")]),t._v(" "),a("p",[a("img",{attrs:{src:s(448),alt:"auths"}})]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),a("p",[t._v("单个路由的 "),a("code",[t._v("auths")]),t._v(" 字段中按钮级别权限标识必须保持唯一，而在不同路由的 "),a("code",[t._v("auths")]),t._v(" 字段中可以重复使用相同的权限标识")])]),t._v(" "),a("h6",{attrs:{id:"组件方式判断权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#组件方式判断权限"}},[t._v("#")]),t._v(" 组件方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasAuth"),a("OutboundLink")],1),t._v(" 函数，进行权限组件的封装，使用 "),a("code",[t._v("Vue")]),t._v(" 提供的 "),a("a",{attrs:{href:"https://cn.vuejs.org/guide/extras/rendering-mechanism.html#patch-flags",target:"_blank",rel:"noopener noreferrer"}},[t._v("Fragment"),a("OutboundLink")],1),t._v(" 标签进行包裹，这样可让被包裹的组件无多余标签，减少渲染成本。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/ReAuth/src/auth.tsx",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L25-L46",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/index.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Auth")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("btn_add"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("success"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" 拥有code：'btn_add' 权限可见 "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("Auth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),a("p",[t._v("平台已经全局注册 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L48",target:"_blank",rel:"noopener noreferrer"}},[t._v("Auth"),a("OutboundLink")],1),t._v(" 组件，无需重复注册")])]),t._v(" "),a("h6",{attrs:{id:"函数方式判断权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#函数方式判断权限"}},[t._v("#")]),t._v(" 函数方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件、类方法权限都可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasAuth"),a("OutboundLink")],1),t._v(" 函数判断某些按钮、组件、类方法是否有按钮级别的权限")]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L55-L74",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/index.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("success"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-if")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hasAuth('btn_add')"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'btn_add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"language-ts line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-ts"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hasAuth")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"btn_add"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"显示"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"隐藏"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h6",{attrs:{id:"指令方式判断权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#指令方式判断权限"}},[t._v("#")]),t._v(" 指令方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用。指令方式不能动态修改权限")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasAuth"),a("OutboundLink")],1),t._v(" 函数，进行权限指令的封装。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/directives/auth/index.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L85-L102",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/index.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("success"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-auth")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("btn_add'"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'btn_add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("h5",{attrs:{id:"第二种模式-登录接口返回按钮级别权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#第二种模式-登录接口返回按钮级别权限"}},[t._v("#")]),t._v(" 第二种模式，登录接口返回按钮级别权限")]),t._v(" "),a("p",[t._v("通过登录接口的"),a("code",[t._v("permissions")]),t._v("字段返回按钮级别权限，如下图")]),t._v(" "),a("p",[a("img",{attrs:{src:s(449),alt:"permissions"}})]),t._v(" "),a("div",{staticClass:"custom-block warning"},[a("p",{staticClass:"custom-block-title"},[t._v("注意")]),t._v(" "),a("p",[a("code",[t._v("permissions")]),t._v("字段里的按钮级别权限标识需保持唯一")])]),t._v(" "),a("h6",{attrs:{id:"组件方式判断权限-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#组件方式判断权限-2"}},[t._v("#")]),t._v(" 组件方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasPerms"),a("OutboundLink")],1),t._v(" 函数，进行权限组件的封装，使用 "),a("code",[t._v("Vue")]),t._v(" 提供的 "),a("a",{attrs:{href:"https://cn.vuejs.org/guide/extras/rendering-mechanism.html#patch-flags",target:"_blank",rel:"noopener noreferrer"}},[t._v("Fragment"),a("OutboundLink")],1),t._v(" 标签进行包裹，这样可让被包裹的组件无多余标签，减少渲染成本。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/RePerms/src/perms.tsx",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/perms.vue#L31-L52",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/perms.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("Perms")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("value")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("permission:btn:add"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("plain")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("warning"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v(" 拥有code：'permission:btn:add' 权限可见 "),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("Perms")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),a("p",[t._v("平台已经全局注册 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L49",target:"_blank",rel:"noopener noreferrer"}},[t._v("Perms"),a("OutboundLink")],1),t._v(" 组件，无需重复注册")])]),t._v(" "),a("h6",{attrs:{id:"函数方式判断权限-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#函数方式判断权限-2"}},[t._v("#")]),t._v(" 函数方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件、类方法权限都可用")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasPerms"),a("OutboundLink")],1),t._v(" 函数判断某些按钮、组件、类方法是否有按钮级别的权限")]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/perms.vue#L61-L84",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/perms.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-if")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hasPerms('permission:btn:add')"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("plain")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("warning"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'permission:btn:add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("div",{staticClass:"language-ts line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-ts"}},[a("code",[a("span",{pre:!0,attrs:{class:"token function"}},[t._v("hasPerms")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"btn_add"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"显示"')]),t._v(" "),a("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token string"}},[t._v('"隐藏"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br")])]),a("h6",{attrs:{id:"指令方式判断权限-2"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#指令方式判断权限-2"}},[t._v("#")]),t._v(" 指令方式判断权限")]),t._v(" "),a("p",[t._v("按钮、组件权限可用。指令方式不能动态修改权限")]),t._v(" "),a("ul",[a("li",[t._v("实现原理、代码")])]),t._v(" "),a("p",[t._v("通过 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts#L131",target:"_blank",rel:"noopener noreferrer"}},[t._v("hasPerms"),a("OutboundLink")],1),t._v(" 函数，进行权限指令的封装。"),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/directives/perms/index.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("查看具体代码"),a("OutboundLink")],1)]),t._v(" "),a("ul",[a("li",[t._v("如何配置")])]),t._v(" "),a("p",[t._v("具体参考 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/perms.vue#L95-L112",target:"_blank",rel:"noopener noreferrer"}},[t._v("views/permission/button/perms.vue"),a("OutboundLink")],1)]),t._v(" "),a("div",{staticClass:"language-Vue line-numbers-mode"},[a("pre",{pre:!0,attrs:{class:"language-vue"}},[a("code",[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("el-button")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("v-perms")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("'")]),t._v("permission:btn:add'"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("plain")]),t._v(" "),a("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("type")]),a("span",{pre:!0,attrs:{class:"token attr-value"}},[a("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("warning"),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  拥有code：'permission:btn:add' 权限可见\n"),a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token tag"}},[a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("el-button")]),a("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),a("div",{staticClass:"line-numbers-wrapper"},[a("span",{staticClass:"line-number"},[t._v("1")]),a("br"),a("span",{staticClass:"line-number"},[t._v("2")]),a("br"),a("span",{staticClass:"line-number"},[t._v("3")]),a("br")])]),a("h3",{attrs:{id:"细粒度权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#细粒度权限"}},[t._v("#")]),t._v(" 细粒度权限")]),t._v(" "),a("h4",{attrs:{id:"数据权限"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#数据权限"}},[t._v("#")]),t._v(" 数据权限")]),t._v(" "),a("p",[t._v("数据权限对页面的要求就非常简单了，比如可以将数据权限的配置功能放在 "),a("code",[t._v("角色管理")]),t._v(" 页面进行配置即可")])])}),[],!1,null,null,null);a.default=r.exports}}]);
\ No newline at end of file
diff --git a/assets/js/15.d8fa105a.js b/assets/js/15.a15904ed.js
similarity index 97%
rename from assets/js/15.d8fa105a.js
rename to assets/js/15.a15904ed.js
index 77c6a938e..f5814d0b4 100644
--- a/assets/js/15.d8fa105a.js
+++ b/assets/js/15.a15904ed.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{465:function(e,t,r){e.exports=r.p+"assets/img/buildgood.1a9db1bb.jpg"},466:function(e,t,r){e.exports=r.p+"assets/img/no-output.90d47bbf.jpg"},467:function(e,t,r){e.exports=r.p+"assets/img/output.28badfe6.jpg"},558:function(e,t,r){"use strict";r.r(t);var s=r(7),a=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[e._v("打包优化关联着网站的稳定与加载速度，在开发中也是非常重要的一项")]),e._v(" "),t("p",[t("img",{attrs:{src:r(465),alt:"buildgood"}})]),e._v(" "),t("h2",{attrs:{id:"vite-自身的构建优化"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vite-自身的构建优化"}},[e._v("#")]),e._v(" "),t("code",[e._v("vite")]),e._v(" 自身的构建优化")]),e._v(" "),t("p",[e._v("点击查看 "),t("a",{attrs:{href:"https://cn.vitejs.dev/guide/features.html#build-optimizations",target:"_blank",rel:"noopener noreferrer"}},[e._v("build-optimizations"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"vite官方文档"}})],1),e._v(" "),t("h2",{attrs:{id:"css-优化"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#css-优化"}},[e._v("#")]),e._v(" "),t("code",[e._v("css")]),e._v(" 优化")]),e._v(" "),t("p",[e._v("分两步优化")]),e._v(" "),t("h3",{attrs:{id:"​-压缩-css"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#​-压缩-css"}},[e._v("#")]),e._v(" ​ 压缩 "),t("code",[e._v("css")])]),e._v(" "),t("p",[e._v("使用 "),t("RouterLink",{attrs:{to:"/pages/tailwindcss/#cssnano"}},[e._v("cssnano")]),e._v(" 去压缩 "),t("code",[e._v("css")])],1),e._v(" "),t("h3",{attrs:{id:"​-自动添加浏览器前缀"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#​-自动添加浏览器前缀"}},[e._v("#")]),e._v(" ​ 自动添加浏览器前缀")]),e._v(" "),t("p",[e._v("使用 "),t("RouterLink",{attrs:{to:"/pages/tailwindcss/#autoprefixer"}},[e._v("Autoprefixer")]),e._v(" 自动添加浏览器前缀")],1),e._v(" "),t("h2",{attrs:{id:"组件、工具库"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#组件、工具库"}},[e._v("#")]),e._v(" 组件、工具库")]),e._v(" "),t("ul",[t("li",[t("p",[e._v("无论是组件（如 "),t("code",[e._v("element-plus")]),e._v("），还是工具库（如 "),t("code",[e._v("lodash")]),e._v("、"),t("code",[e._v("axios")]),e._v("）我们都应该尽可能的按需引入，使其有良好的  "),t("code",[e._v("tree-shaking")]),e._v(" 效果，这样项目整体打包出来的无用代码就少之又少了")])]),e._v(" "),t("li",[t("p",[e._v("拿 "),t("code",[e._v("lodash")]),e._v(" 举例，"),t("code",[e._v("lodash")]),e._v(" 默认是 "),t("code",[e._v("cjs")]),e._v(" 格式，不支持 "),t("code",[e._v("es6")]),e._v(" 的 "),t("code",[e._v("import")]),e._v(" 语法，那么我们就可以去 "),t("code",[e._v("github")]),e._v(" 或者某些搜索引擎去寻找替代品，最终平台找到了 "),t("code",[e._v("lodash-unified")]),e._v("，它完全兼容 "),t("code",[e._v("lodash")]),e._v(" 的全部语法并且既支持 "),t("code",[e._v("esm")]),e._v(" 又支持 "),t("code",[e._v("cjs")]),e._v("，这使得它无论在浏览器还是 "),t("code",[e._v("node")]),e._v(" 环境中表现都很良好。当然如果遇到那种只支持 "),t("code",[e._v("cjs")]),e._v(" 格式，网上找遍了都找不到兼容 "),t("code",[e._v("esm")]),e._v(" 格式的咋办呢，这时你可以参考 "),t("code",[e._v("lodash-unified")]),e._v("，看看别人是如何转换的 😊")])]),e._v(" "),t("li",[t("p",[e._v("平台精简版首次启动时间我这边测试是 "),t("code",[e._v("6")]),e._v(" 秒，刷新页面的话开启 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L23",target:"_blank",rel:"noopener noreferrer"}},[e._v("CachingAsyncRoutes"),t("OutboundLink")],1),e._v(" 可能连 "),t("code",[e._v("1")]),e._v(" 秒都不要。如果您使用 "),t("code",[e._v("pure-admin")]),e._v(" 且当前网页"),t("code",[e._v("首启动")]),e._v("和"),t("code",[e._v("刷新页面")]),e._v("的等待时间远远大于前面的数字，也该考虑优化了。当项目具有一定规模的时候，优化并没有那么容易，所以您在写代码前就应该遵循我上面的说法，按需引入才是 "),t("code",[e._v("yyds")]),e._v(" 😄")])])]),e._v(" "),t("ul",[t("li",[t("code",[e._v("vite")]),e._v(" 目前最大的性能瓶颈是大量模块的首页加载，可看 "),t("a",{attrs:{href:"https://github.com/vitejs/vite/issues/1309#issue-777569758",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-issues"),t("OutboundLink")],1),e._v("，值得期待的是这个 "),t("a",{attrs:{href:"https://github.com/vitejs/vite/pull/10671",target:"_blank",rel:"noopener noreferrer"}},[e._v("pr"),t("OutboundLink")],1),e._v(" 可能会缓解这个麻烦")])]),e._v(" "),t("h2",{attrs:{id:"压缩-gzip、brotli-格式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#压缩-gzip、brotli-格式"}},[e._v("#")]),e._v(" 压缩 "),t("code",[e._v("gzip")]),e._v("、"),t("code",[e._v("brotli")]),e._v(" 格式")]),e._v(" "),t("p",[e._v("使用 "),t("a",{attrs:{href:"https://github.com/vbenjs/vite-plugin-compression",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-plugin-compression"),t("OutboundLink")],1),e._v(" 对平台进行 "),t("code",[e._v("gzip")]),e._v(" 或者 "),t("code",[e._v("brotli")]),e._v(" 压缩，"),t("code",[e._v("nginx")]),e._v(" 对这两种压缩模式都支持，压缩后部署到 "),t("code",[e._v("nginx")]),e._v(" 将极大提高网页加载速度")]),e._v(" "),t("h3",{attrs:{id:"如何开启压缩"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何开启压缩"}},[e._v("#")]),e._v(" 如何开启压缩")]),e._v(" "),t("p",[e._v("来到 "),t("code",[e._v(".env.production")]),e._v(" 文件，设置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L13",target:"_blank",rel:"noopener noreferrer"}},[e._v("VITE_COMPRESSION"),t("OutboundLink")],1),e._v(" 即可。设置总体分为下面两种 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/compress.ts",target:"_blank",rel:"noopener noreferrer"}},[e._v("具体实现代码"),t("OutboundLink")],1)]),e._v(" "),t("h4",{attrs:{id:"两种总体设置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#两种总体设置"}},[e._v("#")]),e._v(" 两种总体设置")]),e._v(" "),t("ol",[t("li",[e._v("压缩时不删除原始文件的配置")]),e._v(" "),t("li",[e._v("压缩时删除原始文件的配置")])]),e._v(" "),t("h5",{attrs:{id:"压缩时不删除原始文件的配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#压缩时不删除原始文件的配置"}},[e._v("#")]),e._v(" 压缩时不删除原始文件的配置")]),e._v(" "),t("div",{staticClass:"language-.env.production line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v('开启 gzip 压缩\nVITE_COMPRESSION = "gzip"\n\n开启 brotli 压缩\nVITE_COMPRESSION = "brotli"\n\n# 同时开启 gzip 与 brotli 压缩\nVITE_COMPRESSION = "both"\n\n# 不开启压缩，默认\nVITE_COMPRESSION = "none"\n')])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br"),t("span",{staticClass:"line-number"},[e._v("4")]),t("br"),t("span",{staticClass:"line-number"},[e._v("5")]),t("br"),t("span",{staticClass:"line-number"},[e._v("6")]),t("br"),t("span",{staticClass:"line-number"},[e._v("7")]),t("br"),t("span",{staticClass:"line-number"},[e._v("8")]),t("br"),t("span",{staticClass:"line-number"},[e._v("9")]),t("br"),t("span",{staticClass:"line-number"},[e._v("10")]),t("br"),t("span",{staticClass:"line-number"},[e._v("11")]),t("br")])]),t("h5",{attrs:{id:"压缩时删除原始文件的配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#压缩时删除原始文件的配置"}},[e._v("#")]),e._v(" 压缩时删除原始文件的配置")]),e._v(" "),t("div",{staticClass:"language-.env.production line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v('开启 gzip 压缩\nVITE_COMPRESSION = "gzip-clear"\n\n开启 brotli 压缩\nVITE_COMPRESSION = "brotli-clear"\n\n# 同时开启 gzip 与 brotli 压缩\nVITE_COMPRESSION = "both-clear"\n\n# 不开启压缩，默认\nVITE_COMPRESSION = "none"\n')])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br"),t("span",{staticClass:"line-number"},[e._v("4")]),t("br"),t("span",{staticClass:"line-number"},[e._v("5")]),t("br"),t("span",{staticClass:"line-number"},[e._v("6")]),t("br"),t("span",{staticClass:"line-number"},[e._v("7")]),t("br"),t("span",{staticClass:"line-number"},[e._v("8")]),t("br"),t("span",{staticClass:"line-number"},[e._v("9")]),t("br"),t("span",{staticClass:"line-number"},[e._v("10")]),t("br"),t("span",{staticClass:"line-number"},[e._v("11")]),t("br")])]),t("h2",{attrs:{id:"采用-cdn-模式替换本地依赖"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#采用-cdn-模式替换本地依赖"}},[e._v("#")]),e._v(" 采用 "),t("code",[e._v("cdn")]),e._v(" 模式替换本地依赖")]),e._v(" "),t("h3",{attrs:{id:"vite-插件"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vite-插件"}},[e._v("#")]),e._v(" "),t("code",[e._v("vite")]),e._v(" 插件")]),e._v(" "),t("p",[e._v("使用 "),t("a",{attrs:{href:"https://github.com/MMF-FE/vite-plugin-cdn-import/blob/master/README.zh-CN.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-plugin-cdn-import"),t("OutboundLink")],1),e._v(" 插件，在打包时将指定的 "),t("code",[e._v("modules")]),e._v(" 替换成 "),t("code",[e._v("cdn")]),e._v(" 链接，从而减少构建时间，提高生产环境中页面加载速度。")]),e._v(" "),t("h3",{attrs:{id:"cdn-厂商-免费"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cdn-厂商-免费"}},[e._v("#")]),e._v(" "),t("code",[e._v("cdn")]),e._v(" 厂商（免费）")]),e._v(" "),t("p",[e._v("平台 "),t("code",[e._v("cdn")]),e._v(" 采用的是国内 "),t("a",{attrs:{href:"https://www.bootcdn.cn",target:"_blank",rel:"noopener noreferrer"}},[e._v("bootcdn"),t("OutboundLink")],1),e._v("，主要是稳定并且快，当然您也可以选择 "),t("a",{attrs:{href:"https://unpkg.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("unpkg"),t("OutboundLink")],1),e._v(" 或者 "),t("a",{attrs:{href:"https://www.jsdelivr.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("jsdelivr"),t("OutboundLink")],1),e._v("，这两个 "),t("code",[e._v("cdn")]),e._v(" 是国外的")]),e._v(" "),t("h3",{attrs:{id:"如何启动-cdn-替换"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何启动-cdn-替换"}},[e._v("#")]),e._v(" 如何启动 "),t("code",[e._v("cdn")]),e._v(" 替换")]),e._v(" "),t("p",[e._v("来到 "),t("code",[e._v(".env.production")]),e._v(" 文件，将 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L8",target:"_blank",rel:"noopener noreferrer"}},[e._v("VITE_CDN"),t("OutboundLink")],1),e._v(" 设置成 "),t("code",[e._v("true")]),e._v(" 即可")]),e._v(" "),t("h3",{attrs:{id:"默认启动-cdn-替换的模块有哪些"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#默认启动-cdn-替换的模块有哪些"}},[e._v("#")]),e._v(" 默认启动 "),t("code",[e._v("cdn")]),e._v(" 替换的模块有哪些")]),e._v(" "),t("p",[t("code",[e._v("vue")]),e._v("、"),t("code",[e._v("vue-router")]),e._v("、"),t("code",[e._v("vue-i18n")]),e._v("、"),t("code",[e._v("vue-demi")]),e._v("、"),t("code",[e._v("pinia")]),e._v("、"),t("code",[e._v("element-plus")]),e._v("、"),t("code",[e._v("axios")]),e._v("、"),t("code",[e._v("dayjs")]),e._v("、"),t("code",[e._v("echarts")]),e._v(" 具体代码 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/cdn.ts",target:"_blank",rel:"noopener noreferrer"}},[e._v("build/cdn.ts"),t("OutboundLink")],1)]),e._v(" "),t("h2",{attrs:{id:"生产环境删除-console-log"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#生产环境删除-console-log"}},[e._v("#")]),e._v(" 生产环境删除 "),t("code",[e._v("console.log")])]),e._v(" "),t("p",[e._v("使用平台开发的 "),t("a",{attrs:{href:"https://github.com/xiaoxian521/vite-plugin-remove-console",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-plugin-remove-console"),t("OutboundLink")],1),e._v(" 插件，在打包构建时移除平台中所有的 "),t("code",[e._v("console.log")])]),e._v(" "),t("h2",{attrs:{id:"静态资源分类打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#静态资源分类打包"}},[e._v("#")]),e._v(" 静态资源分类打包")]),e._v(" "),t("p",[t("code",[e._v("vite")]),e._v(" 是基于 "),t("code",[e._v("esbuild")]),e._v(" 和 "),t("code",[e._v("rollup")]),e._v(" 构建的，在打包时如果不进行 "),t("code",[e._v("output")]),e._v(" 的配置，打包出来的效果如下图（这也是 "),t("code",[e._v("vite")]),e._v(" 默认打包出来的效果，可以看到所有文件都混在一起）")]),e._v(" "),t("p",[t("img",{attrs:{src:r(466),alt:"no-output"}})]),e._v(" "),t("p",[e._v("下图是我们配置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/vite.config.ts#L50-L54",target:"_blank",rel:"noopener noreferrer"}},[e._v("output"),t("OutboundLink")],1),e._v(" 后的效果，可以看到文件都进行了分类存放，这也方便我们查找文件")]),e._v(" "),t("p",[t("img",{attrs:{src:r(467),alt:"output"}})]),e._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("相关推荐")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/sanyuan0704/vite-plugin-chunk-split/blob/master/README-CN.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vite 代码拆包插件。支持多种拆包策略，可避免手动操作 manualChunks 潜在的循环依赖问题"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"svg-压缩"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#svg-压缩"}},[e._v("#")]),e._v(" "),t("code",[e._v("svg")]),e._v(" 压缩")]),e._v(" "),t("p",[e._v("一般下载的 "),t("code",[e._v("svg")]),e._v(" 或者复制的 "),t("code",[e._v("svg")]),e._v(" 代码，里面存在一些无关紧要的元素，可以将其剔除，毫无影响地降低 "),t("code",[e._v("svg")]),e._v(" 大小"),t("br"),e._v("\n平台使用了 "),t("a",{attrs:{href:"https://www.npmjs.com/package/svgo",target:"_blank",rel:"noopener noreferrer"}},[e._v("svgo"),t("OutboundLink")],1),e._v(" 工具对所有 "),t("code",[e._v("svg")]),e._v(" 进行了压缩，您拉取平台代码时所有 "),t("code",[e._v("svg")]),e._v(" 都已经最简了哦。当然您会问自己新加的 "),t("code",[e._v("svg")]),e._v(" 如何精简呢，来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/package.json#L15",target:"_blank",rel:"noopener noreferrer"}},[e._v("main/package.json"),t("OutboundLink")],1),e._v("，可以看到平台默认使用 "),t("code",[e._v("svgo")]),e._v(" 工具对所有 "),t("code",[e._v(".svg")]),e._v(" 文件进行压缩。"),t("br"),e._v("\n温馨提示：只需要运行 "),t("code",[e._v("pnpm svgo")]),e._v(" 命令即可对所有 "),t("code",[e._v(".svg")]),e._v(" 文件进行压缩。")]),e._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("推荐阅读")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://cn.vuejs.org/guide/best-practices/performance.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("性能优化"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"vue文档"}})],1),e._v(" "),t("li",[t("a",{attrs:{href:"https://router.vuejs.org/zh/guide/advanced/lazy-loading.html#%E4%BD%BF%E7%94%A8-vite",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vite 中组件按组分块打包"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"vue-router文档"}})],1)])])])}),[],!1,null,null,null);t.default=a.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{464:function(e,t,r){e.exports=r.p+"assets/img/buildgood.1a9db1bb.jpg"},465:function(e,t,r){e.exports=r.p+"assets/img/no-output.90d47bbf.jpg"},466:function(e,t,r){e.exports=r.p+"assets/img/output.28badfe6.jpg"},557:function(e,t,r){"use strict";r.r(t);var s=r(7),a=Object(s.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[e._v("打包优化关联着网站的稳定与加载速度，在开发中也是非常重要的一项")]),e._v(" "),t("p",[t("img",{attrs:{src:r(464),alt:"buildgood"}})]),e._v(" "),t("h2",{attrs:{id:"vite-自身的构建优化"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vite-自身的构建优化"}},[e._v("#")]),e._v(" "),t("code",[e._v("vite")]),e._v(" 自身的构建优化")]),e._v(" "),t("p",[e._v("点击查看 "),t("a",{attrs:{href:"https://cn.vitejs.dev/guide/features.html#build-optimizations",target:"_blank",rel:"noopener noreferrer"}},[e._v("build-optimizations"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"vite官方文档"}})],1),e._v(" "),t("h2",{attrs:{id:"css-优化"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#css-优化"}},[e._v("#")]),e._v(" "),t("code",[e._v("css")]),e._v(" 优化")]),e._v(" "),t("p",[e._v("分两步优化")]),e._v(" "),t("h3",{attrs:{id:"​-压缩-css"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#​-压缩-css"}},[e._v("#")]),e._v(" ​ 压缩 "),t("code",[e._v("css")])]),e._v(" "),t("p",[e._v("使用 "),t("RouterLink",{attrs:{to:"/pages/tailwindcss/#cssnano"}},[e._v("cssnano")]),e._v(" 去压缩 "),t("code",[e._v("css")])],1),e._v(" "),t("h3",{attrs:{id:"​-自动添加浏览器前缀"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#​-自动添加浏览器前缀"}},[e._v("#")]),e._v(" ​ 自动添加浏览器前缀")]),e._v(" "),t("p",[e._v("使用 "),t("RouterLink",{attrs:{to:"/pages/tailwindcss/#autoprefixer"}},[e._v("Autoprefixer")]),e._v(" 自动添加浏览器前缀")],1),e._v(" "),t("h2",{attrs:{id:"组件、工具库"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#组件、工具库"}},[e._v("#")]),e._v(" 组件、工具库")]),e._v(" "),t("ul",[t("li",[t("p",[e._v("无论是组件（如 "),t("code",[e._v("element-plus")]),e._v("），还是工具库（如 "),t("code",[e._v("lodash")]),e._v("、"),t("code",[e._v("axios")]),e._v("）我们都应该尽可能的按需引入，使其有良好的  "),t("code",[e._v("tree-shaking")]),e._v(" 效果，这样项目整体打包出来的无用代码就少之又少了")])]),e._v(" "),t("li",[t("p",[e._v("拿 "),t("code",[e._v("lodash")]),e._v(" 举例，"),t("code",[e._v("lodash")]),e._v(" 默认是 "),t("code",[e._v("cjs")]),e._v(" 格式，不支持 "),t("code",[e._v("es6")]),e._v(" 的 "),t("code",[e._v("import")]),e._v(" 语法，那么我们就可以去 "),t("code",[e._v("github")]),e._v(" 或者某些搜索引擎去寻找替代品，最终平台找到了 "),t("code",[e._v("lodash-unified")]),e._v("，它完全兼容 "),t("code",[e._v("lodash")]),e._v(" 的全部语法并且既支持 "),t("code",[e._v("esm")]),e._v(" 又支持 "),t("code",[e._v("cjs")]),e._v("，这使得它无论在浏览器还是 "),t("code",[e._v("node")]),e._v(" 环境中表现都很良好。当然如果遇到那种只支持 "),t("code",[e._v("cjs")]),e._v(" 格式，网上找遍了都找不到兼容 "),t("code",[e._v("esm")]),e._v(" 格式的咋办呢，这时你可以参考 "),t("code",[e._v("lodash-unified")]),e._v("，看看别人是如何转换的 😊")])]),e._v(" "),t("li",[t("p",[e._v("平台精简版首次启动时间我这边测试是 "),t("code",[e._v("6")]),e._v(" 秒，刷新页面的话开启 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L23",target:"_blank",rel:"noopener noreferrer"}},[e._v("CachingAsyncRoutes"),t("OutboundLink")],1),e._v(" 可能连 "),t("code",[e._v("1")]),e._v(" 秒都不要。如果您使用 "),t("code",[e._v("pure-admin")]),e._v(" 且当前网页"),t("code",[e._v("首启动")]),e._v("和"),t("code",[e._v("刷新页面")]),e._v("的等待时间远远大于前面的数字，也该考虑优化了。当项目具有一定规模的时候，优化并没有那么容易，所以您在写代码前就应该遵循我上面的说法，按需引入才是 "),t("code",[e._v("yyds")]),e._v(" 😄")])])]),e._v(" "),t("ul",[t("li",[t("code",[e._v("vite")]),e._v(" 目前最大的性能瓶颈是大量模块的首页加载，可看 "),t("a",{attrs:{href:"https://github.com/vitejs/vite/issues/1309#issue-777569758",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-issues"),t("OutboundLink")],1),e._v("，值得期待的是这个 "),t("a",{attrs:{href:"https://github.com/vitejs/vite/pull/10671",target:"_blank",rel:"noopener noreferrer"}},[e._v("pr"),t("OutboundLink")],1),e._v(" 可能会缓解这个麻烦")])]),e._v(" "),t("h2",{attrs:{id:"压缩-gzip、brotli-格式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#压缩-gzip、brotli-格式"}},[e._v("#")]),e._v(" 压缩 "),t("code",[e._v("gzip")]),e._v("、"),t("code",[e._v("brotli")]),e._v(" 格式")]),e._v(" "),t("p",[e._v("使用 "),t("a",{attrs:{href:"https://github.com/vbenjs/vite-plugin-compression",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-plugin-compression"),t("OutboundLink")],1),e._v(" 对平台进行 "),t("code",[e._v("gzip")]),e._v(" 或者 "),t("code",[e._v("brotli")]),e._v(" 压缩，"),t("code",[e._v("nginx")]),e._v(" 对这两种压缩模式都支持，压缩后部署到 "),t("code",[e._v("nginx")]),e._v(" 将极大提高网页加载速度")]),e._v(" "),t("h3",{attrs:{id:"如何开启压缩"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何开启压缩"}},[e._v("#")]),e._v(" 如何开启压缩")]),e._v(" "),t("p",[e._v("来到 "),t("code",[e._v(".env.production")]),e._v(" 文件，设置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L13",target:"_blank",rel:"noopener noreferrer"}},[e._v("VITE_COMPRESSION"),t("OutboundLink")],1),e._v(" 即可。设置总体分为下面两种 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/compress.ts",target:"_blank",rel:"noopener noreferrer"}},[e._v("具体实现代码"),t("OutboundLink")],1)]),e._v(" "),t("h4",{attrs:{id:"两种总体设置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#两种总体设置"}},[e._v("#")]),e._v(" 两种总体设置")]),e._v(" "),t("ol",[t("li",[e._v("压缩时不删除原始文件的配置")]),e._v(" "),t("li",[e._v("压缩时删除原始文件的配置")])]),e._v(" "),t("h5",{attrs:{id:"压缩时不删除原始文件的配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#压缩时不删除原始文件的配置"}},[e._v("#")]),e._v(" 压缩时不删除原始文件的配置")]),e._v(" "),t("div",{staticClass:"language-.env.production line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v('开启 gzip 压缩\nVITE_COMPRESSION = "gzip"\n\n开启 brotli 压缩\nVITE_COMPRESSION = "brotli"\n\n# 同时开启 gzip 与 brotli 压缩\nVITE_COMPRESSION = "both"\n\n# 不开启压缩，默认\nVITE_COMPRESSION = "none"\n')])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br"),t("span",{staticClass:"line-number"},[e._v("4")]),t("br"),t("span",{staticClass:"line-number"},[e._v("5")]),t("br"),t("span",{staticClass:"line-number"},[e._v("6")]),t("br"),t("span",{staticClass:"line-number"},[e._v("7")]),t("br"),t("span",{staticClass:"line-number"},[e._v("8")]),t("br"),t("span",{staticClass:"line-number"},[e._v("9")]),t("br"),t("span",{staticClass:"line-number"},[e._v("10")]),t("br"),t("span",{staticClass:"line-number"},[e._v("11")]),t("br")])]),t("h5",{attrs:{id:"压缩时删除原始文件的配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#压缩时删除原始文件的配置"}},[e._v("#")]),e._v(" 压缩时删除原始文件的配置")]),e._v(" "),t("div",{staticClass:"language-.env.production line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[e._v('开启 gzip 压缩\nVITE_COMPRESSION = "gzip-clear"\n\n开启 brotli 压缩\nVITE_COMPRESSION = "brotli-clear"\n\n# 同时开启 gzip 与 brotli 压缩\nVITE_COMPRESSION = "both-clear"\n\n# 不开启压缩，默认\nVITE_COMPRESSION = "none"\n')])]),e._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[e._v("1")]),t("br"),t("span",{staticClass:"line-number"},[e._v("2")]),t("br"),t("span",{staticClass:"line-number"},[e._v("3")]),t("br"),t("span",{staticClass:"line-number"},[e._v("4")]),t("br"),t("span",{staticClass:"line-number"},[e._v("5")]),t("br"),t("span",{staticClass:"line-number"},[e._v("6")]),t("br"),t("span",{staticClass:"line-number"},[e._v("7")]),t("br"),t("span",{staticClass:"line-number"},[e._v("8")]),t("br"),t("span",{staticClass:"line-number"},[e._v("9")]),t("br"),t("span",{staticClass:"line-number"},[e._v("10")]),t("br"),t("span",{staticClass:"line-number"},[e._v("11")]),t("br")])]),t("h2",{attrs:{id:"采用-cdn-模式替换本地依赖"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#采用-cdn-模式替换本地依赖"}},[e._v("#")]),e._v(" 采用 "),t("code",[e._v("cdn")]),e._v(" 模式替换本地依赖")]),e._v(" "),t("h3",{attrs:{id:"vite-插件"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vite-插件"}},[e._v("#")]),e._v(" "),t("code",[e._v("vite")]),e._v(" 插件")]),e._v(" "),t("p",[e._v("使用 "),t("a",{attrs:{href:"https://github.com/MMF-FE/vite-plugin-cdn-import/blob/master/README.zh-CN.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-plugin-cdn-import"),t("OutboundLink")],1),e._v(" 插件，在打包时将指定的 "),t("code",[e._v("modules")]),e._v(" 替换成 "),t("code",[e._v("cdn")]),e._v(" 链接，从而减少构建时间，提高生产环境中页面加载速度。")]),e._v(" "),t("h3",{attrs:{id:"cdn-厂商-免费"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cdn-厂商-免费"}},[e._v("#")]),e._v(" "),t("code",[e._v("cdn")]),e._v(" 厂商（免费）")]),e._v(" "),t("p",[e._v("平台 "),t("code",[e._v("cdn")]),e._v(" 采用的是国内 "),t("a",{attrs:{href:"https://www.bootcdn.cn",target:"_blank",rel:"noopener noreferrer"}},[e._v("bootcdn"),t("OutboundLink")],1),e._v("，主要是稳定并且快，当然您也可以选择 "),t("a",{attrs:{href:"https://unpkg.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("unpkg"),t("OutboundLink")],1),e._v(" 或者 "),t("a",{attrs:{href:"https://www.jsdelivr.com",target:"_blank",rel:"noopener noreferrer"}},[e._v("jsdelivr"),t("OutboundLink")],1),e._v("，这两个 "),t("code",[e._v("cdn")]),e._v(" 是国外的")]),e._v(" "),t("h3",{attrs:{id:"如何启动-cdn-替换"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何启动-cdn-替换"}},[e._v("#")]),e._v(" 如何启动 "),t("code",[e._v("cdn")]),e._v(" 替换")]),e._v(" "),t("p",[e._v("来到 "),t("code",[e._v(".env.production")]),e._v(" 文件，将 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L8",target:"_blank",rel:"noopener noreferrer"}},[e._v("VITE_CDN"),t("OutboundLink")],1),e._v(" 设置成 "),t("code",[e._v("true")]),e._v(" 即可")]),e._v(" "),t("h3",{attrs:{id:"默认启动-cdn-替换的模块有哪些"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#默认启动-cdn-替换的模块有哪些"}},[e._v("#")]),e._v(" 默认启动 "),t("code",[e._v("cdn")]),e._v(" 替换的模块有哪些")]),e._v(" "),t("p",[t("code",[e._v("vue")]),e._v("、"),t("code",[e._v("vue-router")]),e._v("、"),t("code",[e._v("vue-i18n")]),e._v("、"),t("code",[e._v("vue-demi")]),e._v("、"),t("code",[e._v("pinia")]),e._v("、"),t("code",[e._v("element-plus")]),e._v("、"),t("code",[e._v("axios")]),e._v("、"),t("code",[e._v("dayjs")]),e._v("、"),t("code",[e._v("echarts")]),e._v(" 具体代码 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/cdn.ts",target:"_blank",rel:"noopener noreferrer"}},[e._v("build/cdn.ts"),t("OutboundLink")],1)]),e._v(" "),t("h2",{attrs:{id:"生产环境删除-console-log"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#生产环境删除-console-log"}},[e._v("#")]),e._v(" 生产环境删除 "),t("code",[e._v("console.log")])]),e._v(" "),t("p",[e._v("使用平台开发的 "),t("a",{attrs:{href:"https://github.com/xiaoxian521/vite-plugin-remove-console",target:"_blank",rel:"noopener noreferrer"}},[e._v("vite-plugin-remove-console"),t("OutboundLink")],1),e._v(" 插件，在打包构建时移除平台中所有的 "),t("code",[e._v("console.log")])]),e._v(" "),t("h2",{attrs:{id:"静态资源分类打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#静态资源分类打包"}},[e._v("#")]),e._v(" 静态资源分类打包")]),e._v(" "),t("p",[t("code",[e._v("vite")]),e._v(" 是基于 "),t("code",[e._v("esbuild")]),e._v(" 和 "),t("code",[e._v("rollup")]),e._v(" 构建的，在打包时如果不进行 "),t("code",[e._v("output")]),e._v(" 的配置，打包出来的效果如下图（这也是 "),t("code",[e._v("vite")]),e._v(" 默认打包出来的效果，可以看到所有文件都混在一起）")]),e._v(" "),t("p",[t("img",{attrs:{src:r(465),alt:"no-output"}})]),e._v(" "),t("p",[e._v("下图是我们配置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/vite.config.ts#L50-L54",target:"_blank",rel:"noopener noreferrer"}},[e._v("output"),t("OutboundLink")],1),e._v(" 后的效果，可以看到文件都进行了分类存放，这也方便我们查找文件")]),e._v(" "),t("p",[t("img",{attrs:{src:r(466),alt:"output"}})]),e._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("相关推荐")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/sanyuan0704/vite-plugin-chunk-split/blob/master/README-CN.md",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vite 代码拆包插件。支持多种拆包策略，可避免手动操作 manualChunks 潜在的循环依赖问题"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"svg-压缩"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#svg-压缩"}},[e._v("#")]),e._v(" "),t("code",[e._v("svg")]),e._v(" 压缩")]),e._v(" "),t("p",[e._v("一般下载的 "),t("code",[e._v("svg")]),e._v(" 或者复制的 "),t("code",[e._v("svg")]),e._v(" 代码，里面存在一些无关紧要的元素，可以将其剔除，毫无影响地降低 "),t("code",[e._v("svg")]),e._v(" 大小"),t("br"),e._v("\n平台使用了 "),t("a",{attrs:{href:"https://www.npmjs.com/package/svgo",target:"_blank",rel:"noopener noreferrer"}},[e._v("svgo"),t("OutboundLink")],1),e._v(" 工具对所有 "),t("code",[e._v("svg")]),e._v(" 进行了压缩，您拉取平台代码时所有 "),t("code",[e._v("svg")]),e._v(" 都已经最简了哦。当然您会问自己新加的 "),t("code",[e._v("svg")]),e._v(" 如何精简呢，来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/package.json#L15",target:"_blank",rel:"noopener noreferrer"}},[e._v("main/package.json"),t("OutboundLink")],1),e._v("，可以看到平台默认使用 "),t("code",[e._v("svgo")]),e._v(" 工具对所有 "),t("code",[e._v(".svg")]),e._v(" 文件进行压缩。"),t("br"),e._v("\n温馨提示：只需要运行 "),t("code",[e._v("pnpm svgo")]),e._v(" 命令即可对所有 "),t("code",[e._v(".svg")]),e._v(" 文件进行压缩。")]),e._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[e._v("推荐阅读")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://cn.vuejs.org/guide/best-practices/performance.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("性能优化"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"vue文档"}})],1),e._v(" "),t("li",[t("a",{attrs:{href:"https://router.vuejs.org/zh/guide/advanced/lazy-loading.html#%E4%BD%BF%E7%94%A8-vite",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vite 中组件按组分块打包"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"vue-router文档"}})],1)])])])}),[],!1,null,null,null);t.default=a.exports}}]);
\ No newline at end of file
diff --git a/assets/js/20.eedc460f.js b/assets/js/20.9a0c9af2.js
similarity index 99%
rename from assets/js/20.eedc460f.js
rename to assets/js/20.9a0c9af2.js
index bc4701d8e..672a992ff 100644
--- a/assets/js/20.eedc460f.js
+++ b/assets/js/20.9a0c9af2.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{388:function(s,t,a){s.exports=a.p+"assets/img/logo.6ef36726.jpg"},389:function(s,t){s.exports="data:image/jpeg;base64,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"},545:function(s,t,a){"use strict";a.r(t);var n=a(7),e=Object(n.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"logo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#logo"}},[s._v("#")]),s._v(" logo")]),s._v(" "),t("p",[s._v("下图左上角箭头所指处就是平台的 "),t("code",[s._v("logo")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(388),alt:"logo"}})]),s._v(" "),t("p",[s._v("为了保持 "),t("code",[s._v("logo")]),s._v(" 的高保真，平台采用 "),t("code",[s._v("svg")]),s._v(" 作为 "),t("code",[s._v("logo")]),s._v(" 格式。自定义 "),t("code",[s._v("logo")]),s._v(" ，只需修改下图 "),t("code",[s._v("logo.svg")]),s._v(" 文件即可")]),s._v(" "),t("p",[t("img",{attrs:{src:a(389),alt:"config-logo"}})]),s._v(" "),t("p",[s._v("当然也可以自定义 "),t("code",[s._v("logo")]),s._v(" 格式。比如需要 "),t("code",[s._v("png")]),s._v(" 的图片，只需要把上图中 "),t("code",[s._v("logo.svg")]),s._v(" 换成所需的 "),t("code",[s._v("logo.png")]),s._v(" ，然后来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useNav.ts#L147",target:"_blank",rel:"noopener noreferrer"}},[s._v("layout/hooks/useNav.ts"),t("OutboundLink")],1),s._v(" ，把 "),t("code",[s._v('"/logo.svg"')]),s._v(" 改成 "),t("code",[s._v('"/logo.png"')]),s._v(" 即可")]),s._v(" "),t("h2",{attrs:{id:"环境变量"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#环境变量"}},[s._v("#")]),s._v(" 环境变量")]),s._v(" "),t("h3",{attrs:{id:"配置文件"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#配置文件"}},[s._v("#")]),s._v(" 配置文件")]),s._v(" "),t("p",[s._v("一共 "),t("code",[s._v("四")]),s._v(" 个配置文件，都在平台根目录下，具体如下")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("├── .env                  # 基础环境变量配置文件（优先级最低）\n├── .env.development      # 开发环境变量配置文件\n├── .env.production       # 生产环境变量配置文件\n├── .env.staging          # 预发布环境变量配置文件\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br")])]),t("h3",{attrs:{id:"具体配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#具体配置"}},[s._v("#")]),s._v(" 具体配置")]),s._v(" "),t("p",[s._v("平台内置 "),t("code",[s._v("六")]),s._v(" 个环境变量，具体如下")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 平台本地运行端口号")]),s._v("\nVITE_PORT "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("8848")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 平台打包路径")]),s._v("\nVITE_PUBLIC_PATH "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" /\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('# 平台路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）')]),s._v("\nVITE_ROUTER_HISTORY "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"hash"')]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 是否在打包时使用cdn替换本地库 替换 true 不替换 false")]),s._v("\nVITE_CDN "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 压缩时删除原始文件的配置：gzip-clear、brotli-clear、both-clear（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）")]),s._v("\nVITE_COMPRESSION "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"none"')]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 是否隐藏首页 隐藏 true 不隐藏 false （勿删除，VITE_HIDE_HOME只需在.env文件配置）")]),s._v("\nVITE_HIDE_HOME "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br")])]),t("h3",{attrs:{id:"基础用法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[s._v("#")]),s._v(" 基础用法")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://cn.vitejs.dev/guide/env-and-mode.html#env-files",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env 文件"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vite文档"}})],1),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_PUBLIC_PATH")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("env"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("console")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"当前环境变量VITE_PUBLIC_PATH为："')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_PUBLIC_PATH")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("知识点：如何在 .vue 或 .ts 文件中判断当前是开发环境还是生产环境？")]),s._v(" "),t("p",[s._v("打印 "),t("code",[s._v("process.env.NODE_ENV")]),s._v("，值为 "),t("code",[s._v("development")]),s._v(" 代表是开发环境，值为 "),t("code",[s._v("production")]),s._v(" 代表是生产环境")])]),s._v(" "),t("h3",{attrs:{id:"如何添加自定义配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何添加自定义配置"}},[s._v("#")]),s._v(" 如何添加自定义配置")]),s._v(" "),t("p",[s._v("比如要在 "),t("code",[s._v(".env.production")]),s._v(" 文件添加自定义配置 "),t("code",[s._v("VITE_HANDSOME = true")]),s._v("，作为一种规范推荐使用 "),t("code",[s._v("VITE_")]),s._v(" 作为自定义配置前缀")]),s._v(" "),t("p",[s._v("① 在 "),t("code",[s._v(".env.production")]),s._v(" 中加入 "),t("code",[s._v("VITE_HANDSOME = true")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 自定义配置")]),s._v("\nVITE_HANDSOME "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("p",[s._v("② 加入类型支持，在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[s._v("interface ViteEnv"),t("OutboundLink")],1),s._v(" 里加上 "),t("code",[s._v("VITE_HANDSOME: boolean")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("interface")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("ViteEnv")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_HANDSOME")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("p",[s._v("③ 设置默认值，在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/utils.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[s._v("build/utils.ts"),t("OutboundLink")],1),s._v(" 文件的 "),t("code",[s._v("ret")]),s._v(" 变量上加上 "),t("code",[s._v("VITE_HANDSOME: true")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" ret"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" ViteEnv "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_HANDSOME")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h2",{attrs:{id:"platform-config-json"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#platform-config-json"}},[s._v("#")]),s._v(" "),t("code",[s._v("platform-config.json")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json",target:"_blank",rel:"noopener noreferrer"}},[s._v("platform-config.json"),t("OutboundLink")],1),s._v(" 配置文件在任何环境下修改都可生效")]),s._v(" "),t("div",{staticClass:"language-json line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Version"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5.8.0"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台版本号")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Title"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"PureAdmin"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台标题")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"FixedHeader"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否固定页头和标签页（true 内容区超出出现纵向滚动条 false 页头、标签页、内容区可纵向滚动）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"HiddenSideBar"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 隐藏菜单和页头，只显示标签页和内容区")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"MultiTagsCache"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启持久化标签 （会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"KeepAlive"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启组件缓存（此处不同于路由的 keepAlive，如果此处为 true 表示设置路由的 keepAlive 起效，反之设置 false 屏蔽平台整体的 keepAlive，即使路由设置了keepAlive 也不再起作用）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Locale"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"zh"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 默认国际化语言 （zh 中文、en 英文）（会缓存）（max版本额外配置：tw 繁體中文、ja 日语、ko 韩语）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Layout"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vertical"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 导航菜单模式 （vertical 左侧菜单模式、horizontal 顶部菜单模式、mix 混合菜单模式）（会缓存）（max版本额外配置：double 左侧双栏菜单模式）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Theme"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"light"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 主题模式（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"DarkMode"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启暗黑模式 （会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"OverallStyle"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"light"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 整体风格（浅色：light、深色：dark、自动：system）（会缓存）更多详情看 https://github.com/pure-admin/vue-pure-admin/commit/dd783136229da9e291b518df93227111f4216ad0#commitcomment-137027417")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Grey"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 灰色模式（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Weak"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 色弱模式（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"HideTabs"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否隐藏标签页（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"HideFooter"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否隐藏页脚（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"SidebarStatus"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// vertical左侧菜单模式模式下侧边栏状态（true 展开、false 收起）（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"EpThemeColor"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#409EFF"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 主题色（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"ShowLogo"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否显示logo（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"ShowModel"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"smart"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 标签页风格（smart 灵动模式、card 卡片模式）（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"MenuArrowIconNoTransition"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单展开、收起图标是否开启动画，如遇菜单展开、收起卡顿设置成 true 即可（默认 false，开启动画）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"CachingAsyncRoutes"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启动态路由缓存本地的全局配置，默认 false")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"TooltipEffect"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"light"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可配置平台主体所有 el-tooltip 的 effect 属性，默认 light，不会影响业务代码")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"ResponsiveStorageNameSpace"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"responsive-"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 本地响应式存储的命名空间")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"MenuSearchHistory"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单搜索历史的最大条目")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("提示")]),s._v(" "),t("p",[s._v("开发、生产环境修改都可生效，上面 "),t("code",[s._v("platform-config.json")]),s._v(" 文件标记 "),t("code",[s._v("会缓存")]),s._v(" 即配置会缓存在本地浏览器，应先清空浏览器缓存才能生效")])]),s._v(" "),t("h3",{attrs:{id:"基础用法-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#基础用法-2"}},[s._v("#")]),s._v(" 基础用法")]),s._v(" "),t("p",[s._v("平台将 "),t("code",[s._v("platform-config.json")]),s._v(" 中所有配置都已经注册到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/config/index.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[s._v("$config"),t("OutboundLink")],1),s._v(" 这个全局属性对象上，应用内所有组件实例都可访问 "),t("a",{attrs:{href:"https://cn.vuejs.org/api/application.html#app-config-globalproperties",target:"_blank",rel:"noopener noreferrer"}},[s._v("globalproperties"),t("OutboundLink")],1)]),s._v(" "),t("h4",{attrs:{id:"vue-文件中使用-setup-语法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-setup-语法"}},[s._v("#")]),s._v(" "),t("code",[s._v(".vue")]),s._v(" 文件中使用（"),t("code",[s._v("setup")]),s._v(" 语法）")]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" getCurrentInstance "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" Version "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getCurrentInstance")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("appContext"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("config"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("globalProperties"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("$config"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\nconsole"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Version："')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" Version"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("h4",{attrs:{id:"vue-文件中使用-非-setup-语法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-非-setup-语法"}},[s._v("#")]),s._v(" "),t("code",[s._v(".vue")]),s._v(" 文件中使用（非 "),t("code",[s._v("setup")]),s._v(" 语法）")]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineComponent")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n   "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("computed")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("currentConfig")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("this")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("$config"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("Version"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br")])]),t("h4",{attrs:{id:"ts-或-vue-中使用"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ts-或-vue-中使用"}},[s._v("#")]),s._v(" "),t("code",[s._v(".ts")]),s._v(" 或 "),t("code",[s._v(".vue")]),s._v(" 中使用")]),s._v(" "),t("p",[s._v("具体实现代码位置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/config/index.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[s._v("config/index.ts"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" getConfig "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/config"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("console")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Version："')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getConfig")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("Version"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h3",{attrs:{id:"如何添加自定义配置-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何添加自定义配置-2"}},[s._v("#")]),s._v(" 如何添加自定义配置")]),s._v(" "),t("p",[s._v("比如要添加的自定义配置为 "),t("code",[s._v("Handsome: true")])]),s._v(" "),t("p",[s._v("① 在 "),t("code",[s._v("platform-config.json")]),s._v(" 中加入 "),t("code",[s._v("Handsome: true")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-json line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Handsome"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 自定义配置")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("p",[s._v("② 加入类型支持，在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global.d.ts#L84",target:"_blank",rel:"noopener noreferrer"}},[s._v("interface PlatformConfigs"),t("OutboundLink")],1),s._v(" 里加上 "),t("code",[s._v("Handsome?: boolean")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("interface")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("PlatformConfigs")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  Handsome"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 根据实际类型编写")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h2",{attrs:{id:"package-json"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#package-json"}},[s._v("#")]),s._v(" "),t("code",[s._v("package.json")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/package.json#L6-L23",target:"_blank",rel:"noopener noreferrer"}},[s._v("package.json"),t("OutboundLink")],1),s._v(" 文件中的 "),t("code",[s._v("scripts")]),s._v(" 配置中存放平台的各种命令，具体如下")]),s._v(" "),t("div",{staticClass:"language-json line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"scripts"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"dev"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"NODE_OPTIONS=--max-old-space-size=4096 vite"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 启动平台")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"serve"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pnpm dev"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 启动平台（有人喜欢dev、有人喜欢serve）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"build"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf dist && NODE_OPTIONS=--max-old-space-size=8192 vite build"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包平台（rimraf 包的作用：以包的形式包装rm -rf命令，用来删除文件和文件夹的，不管文件夹是否为空，都可删除）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"build:staging"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf dist && vite build --mode staging"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包平台（预发布环境）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"report"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf dist && vite build"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包平台并生产平台包文件大小图形化分析")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"preview"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vite preview"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 预览平台，需先打包（无需安装live-server等工具，vite自带预览功能）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"preview:build"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pnpm build && vite preview"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包并预览平台（无需安装live-server等工具，vite自带预览功能）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"typecheck"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"tsc --noEmit && vue-tsc --noEmit --skipLibCheck"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 使用vue-tsc工具对指定的.ts、.tsx、.vue文件进行类型校验")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"svgo"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"svgo -f . -r"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 压缩当前目录下的所有SVG文件，更多详情看 https://github.com/pure-admin/vue-pure-admin/commit/a114dbb4652d6316853d75ff127180fc07d07d2b#commitcomment-136451628")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"cloc"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"NODE_OPTIONS=--max-old-space-size=4096 cloc . --exclude-dir=node_modules --exclude-lang=YAML"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台文件、语言分析")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"clean:cache"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf .eslintcache && rimraf pnpm-lock.yaml && rimraf node_modules && pnpm store prune && pnpm install"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 删除pnpm-lock.yaml、node_modules、清除eslint和pnpm缓存并重新安装平台依赖")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint:eslint"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"eslint --cache --max-warnings 0  \\"{src,mock,build}/**/*.{vue,js,ts,tsx}\\" --fix"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// eslint修复")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint:prettier"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"prettier --write  \\"src/**/*.{js,ts,json,tsx,css,scss,vue,html,md}\\""')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// prettier格式化")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint:stylelint"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"stylelint --cache --fix \\"**/*.{html,vue,css,scss}\\" --cache-location node_modules/.cache/stylelint/"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// stylelint格式化修复")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pnpm lint:eslint && pnpm lint:prettier && pnpm lint:stylelint"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台整体lint格式化并修复")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"prepare"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"husky"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 自动生成husky（https://typicode.github.io/husky/#/）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"preinstall"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"npx only-allow pnpm"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 只允许运行pnpm命令，如果您换成yarn、npm需要把这行删除（https://pnpm.io/zh/only-allow-pnpm）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br")])])])}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{418:function(s,t,a){s.exports=a.p+"assets/img/logo.6ef36726.jpg"},419:function(s,t){s.exports="data:image/jpeg;base64,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"},546:function(s,t,a){"use strict";a.r(t);var n=a(7),e=Object(n.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"logo"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#logo"}},[s._v("#")]),s._v(" logo")]),s._v(" "),t("p",[s._v("下图左上角箭头所指处就是平台的 "),t("code",[s._v("logo")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(418),alt:"logo"}})]),s._v(" "),t("p",[s._v("为了保持 "),t("code",[s._v("logo")]),s._v(" 的高保真，平台采用 "),t("code",[s._v("svg")]),s._v(" 作为 "),t("code",[s._v("logo")]),s._v(" 格式。自定义 "),t("code",[s._v("logo")]),s._v(" ，只需修改下图 "),t("code",[s._v("logo.svg")]),s._v(" 文件即可")]),s._v(" "),t("p",[t("img",{attrs:{src:a(419),alt:"config-logo"}})]),s._v(" "),t("p",[s._v("当然也可以自定义 "),t("code",[s._v("logo")]),s._v(" 格式。比如需要 "),t("code",[s._v("png")]),s._v(" 的图片，只需要把上图中 "),t("code",[s._v("logo.svg")]),s._v(" 换成所需的 "),t("code",[s._v("logo.png")]),s._v(" ，然后来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useNav.ts#L147",target:"_blank",rel:"noopener noreferrer"}},[s._v("layout/hooks/useNav.ts"),t("OutboundLink")],1),s._v(" ，把 "),t("code",[s._v('"/logo.svg"')]),s._v(" 改成 "),t("code",[s._v('"/logo.png"')]),s._v(" 即可")]),s._v(" "),t("h2",{attrs:{id:"环境变量"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#环境变量"}},[s._v("#")]),s._v(" 环境变量")]),s._v(" "),t("h3",{attrs:{id:"配置文件"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#配置文件"}},[s._v("#")]),s._v(" 配置文件")]),s._v(" "),t("p",[s._v("一共 "),t("code",[s._v("四")]),s._v(" 个配置文件，都在平台根目录下，具体如下")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("├── .env                  # 基础环境变量配置文件（优先级最低）\n├── .env.development      # 开发环境变量配置文件\n├── .env.production       # 生产环境变量配置文件\n├── .env.staging          # 预发布环境变量配置文件\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br")])]),t("h3",{attrs:{id:"具体配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#具体配置"}},[s._v("#")]),s._v(" 具体配置")]),s._v(" "),t("p",[s._v("平台内置 "),t("code",[s._v("六")]),s._v(" 个环境变量，具体如下")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 平台本地运行端口号")]),s._v("\nVITE_PORT "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("8848")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 平台打包路径")]),s._v("\nVITE_PUBLIC_PATH "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" /\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('# 平台路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）')]),s._v("\nVITE_ROUTER_HISTORY "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"hash"')]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 是否在打包时使用cdn替换本地库 替换 true 不替换 false")]),s._v("\nVITE_CDN "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 压缩时删除原始文件的配置：gzip-clear、brotli-clear、both-clear（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）")]),s._v("\nVITE_COMPRESSION "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"none"')]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 是否隐藏首页 隐藏 true 不隐藏 false （勿删除，VITE_HIDE_HOME只需在.env文件配置）")]),s._v("\nVITE_HIDE_HOME "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br")])]),t("h3",{attrs:{id:"基础用法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[s._v("#")]),s._v(" 基础用法")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://cn.vitejs.dev/guide/env-and-mode.html#env-files",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env 文件"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vite文档"}})],1),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_PUBLIC_PATH")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("env"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("console")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"当前环境变量VITE_PUBLIC_PATH为："')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_PUBLIC_PATH")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("知识点：如何在 .vue 或 .ts 文件中判断当前是开发环境还是生产环境？")]),s._v(" "),t("p",[s._v("打印 "),t("code",[s._v("process.env.NODE_ENV")]),s._v("，值为 "),t("code",[s._v("development")]),s._v(" 代表是开发环境，值为 "),t("code",[s._v("production")]),s._v(" 代表是生产环境")])]),s._v(" "),t("h3",{attrs:{id:"如何添加自定义配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何添加自定义配置"}},[s._v("#")]),s._v(" 如何添加自定义配置")]),s._v(" "),t("p",[s._v("比如要在 "),t("code",[s._v(".env.production")]),s._v(" 文件添加自定义配置 "),t("code",[s._v("VITE_HANDSOME = true")]),s._v("，作为一种规范推荐使用 "),t("code",[s._v("VITE_")]),s._v(" 作为自定义配置前缀")]),s._v(" "),t("p",[s._v("① 在 "),t("code",[s._v(".env.production")]),s._v(" 中加入 "),t("code",[s._v("VITE_HANDSOME = true")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# 自定义配置")]),s._v("\nVITE_HANDSOME "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("p",[s._v("② 加入类型支持，在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global.d.ts#L66",target:"_blank",rel:"noopener noreferrer"}},[s._v("interface ViteEnv"),t("OutboundLink")],1),s._v(" 里加上 "),t("code",[s._v("VITE_HANDSOME: boolean")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("interface")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("ViteEnv")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_HANDSOME")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("p",[s._v("③ 设置默认值，在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/utils.ts#L53",target:"_blank",rel:"noopener noreferrer"}},[s._v("build/utils.ts"),t("OutboundLink")],1),s._v(" 文件的 "),t("code",[s._v("ret")]),s._v(" 变量上加上 "),t("code",[s._v("VITE_HANDSOME: true")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" ret"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" ViteEnv "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("VITE_HANDSOME")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h2",{attrs:{id:"platform-config-json"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#platform-config-json"}},[s._v("#")]),s._v(" "),t("code",[s._v("platform-config.json")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json",target:"_blank",rel:"noopener noreferrer"}},[s._v("platform-config.json"),t("OutboundLink")],1),s._v(" 配置文件在任何环境下修改都可生效")]),s._v(" "),t("div",{staticClass:"language-json line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Version"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"5.8.0"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台版本号")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Title"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"PureAdmin"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台标题")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"FixedHeader"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否固定页头和标签页（true 内容区超出出现纵向滚动条 false 页头、标签页、内容区可纵向滚动）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"HiddenSideBar"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 隐藏菜单和页头，只显示标签页和内容区")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"MultiTagsCache"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启持久化标签 （会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"KeepAlive"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启组件缓存（此处不同于路由的 keepAlive，如果此处为 true 表示设置路由的 keepAlive 起效，反之设置 false 屏蔽平台整体的 keepAlive，即使路由设置了keepAlive 也不再起作用）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Locale"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"zh"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 默认国际化语言 （zh 中文、en 英文）（会缓存）（max版本额外配置：tw 繁體中文、ja 日语、ko 韩语）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Layout"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vertical"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 导航菜单模式 （vertical 左侧菜单模式、horizontal 顶部菜单模式、mix 混合菜单模式）（会缓存）（max版本额外配置：double 左侧双栏菜单模式）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Theme"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"light"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 主题模式（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"DarkMode"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启暗黑模式 （会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"OverallStyle"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"light"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 整体风格（浅色：light、深色：dark、自动：system）（会缓存）更多详情看 https://github.com/pure-admin/vue-pure-admin/commit/dd783136229da9e291b518df93227111f4216ad0#commitcomment-137027417")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Grey"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 灰色模式（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Weak"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 色弱模式（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"HideTabs"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否隐藏标签页（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"HideFooter"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否隐藏页脚（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"SidebarStatus"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// vertical左侧菜单模式模式下侧边栏状态（true 展开、false 收起）（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"EpThemeColor"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#409EFF"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 主题色（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"ShowLogo"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否显示logo（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"ShowModel"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"smart"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 标签页风格（smart 灵动模式、card 卡片模式）（会缓存）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"MenuArrowIconNoTransition"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单展开、收起图标是否开启动画，如遇菜单展开、收起卡顿设置成 true 即可（默认 false，开启动画）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"CachingAsyncRoutes"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否开启动态路由缓存本地的全局配置，默认 false")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"TooltipEffect"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"light"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可配置平台主体所有 el-tooltip 的 effect 属性，默认 light，不会影响业务代码")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"ResponsiveStorageNameSpace"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"responsive-"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 本地响应式存储的命名空间")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"MenuSearchHistory"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("6")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单搜索历史的最大条目")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("提示")]),s._v(" "),t("p",[s._v("开发、生产环境修改都可生效，上面 "),t("code",[s._v("platform-config.json")]),s._v(" 文件标记 "),t("code",[s._v("会缓存")]),s._v(" 即配置会缓存在本地浏览器，应先清空浏览器缓存才能生效")])]),s._v(" "),t("h3",{attrs:{id:"基础用法-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#基础用法-2"}},[s._v("#")]),s._v(" 基础用法")]),s._v(" "),t("p",[s._v("平台将 "),t("code",[s._v("platform-config.json")]),s._v(" 中所有配置都已经注册到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/config/index.ts#L31",target:"_blank",rel:"noopener noreferrer"}},[s._v("$config"),t("OutboundLink")],1),s._v(" 这个全局属性对象上，应用内所有组件实例都可访问 "),t("a",{attrs:{href:"https://cn.vuejs.org/api/application.html#app-config-globalproperties",target:"_blank",rel:"noopener noreferrer"}},[s._v("globalproperties"),t("OutboundLink")],1)]),s._v(" "),t("h4",{attrs:{id:"vue-文件中使用-setup-语法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-setup-语法"}},[s._v("#")]),s._v(" "),t("code",[s._v(".vue")]),s._v(" 文件中使用（"),t("code",[s._v("setup")]),s._v(" 语法）")]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" getCurrentInstance "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" Version "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getCurrentInstance")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("appContext"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("config"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("globalProperties"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("$config"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\nconsole"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Version："')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" Version"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("h4",{attrs:{id:"vue-文件中使用-非-setup-语法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue-文件中使用-非-setup-语法"}},[s._v("#")]),s._v(" "),t("code",[s._v(".vue")]),s._v(" 文件中使用（非 "),t("code",[s._v("setup")]),s._v(" 语法）")]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineComponent")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n   "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("computed")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("currentConfig")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("this")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("$config"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("Version"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br")])]),t("h4",{attrs:{id:"ts-或-vue-中使用"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ts-或-vue-中使用"}},[s._v("#")]),s._v(" "),t("code",[s._v(".ts")]),s._v(" 或 "),t("code",[s._v(".vue")]),s._v(" 中使用")]),s._v(" "),t("p",[s._v("具体实现代码位置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/config/index.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[s._v("config/index.ts"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" getConfig "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/config"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("console")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("log")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Version："')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getConfig")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("Version"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h3",{attrs:{id:"如何添加自定义配置-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何添加自定义配置-2"}},[s._v("#")]),s._v(" 如何添加自定义配置")]),s._v(" "),t("p",[s._v("比如要添加的自定义配置为 "),t("code",[s._v("Handsome: true")])]),s._v(" "),t("p",[s._v("① 在 "),t("code",[s._v("platform-config.json")]),s._v(" 中加入 "),t("code",[s._v("Handsome: true")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-json line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"Handsome"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 自定义配置")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("p",[s._v("② 加入类型支持，在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/global.d.ts#L84",target:"_blank",rel:"noopener noreferrer"}},[s._v("interface PlatformConfigs"),t("OutboundLink")],1),s._v(" 里加上 "),t("code",[s._v("Handsome?: boolean")]),s._v("，具体如下")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("interface")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("PlatformConfigs")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  Handsome"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 根据实际类型编写")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h2",{attrs:{id:"package-json"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#package-json"}},[s._v("#")]),s._v(" "),t("code",[s._v("package.json")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/package.json#L6-L23",target:"_blank",rel:"noopener noreferrer"}},[s._v("package.json"),t("OutboundLink")],1),s._v(" 文件中的 "),t("code",[s._v("scripts")]),s._v(" 配置中存放平台的各种命令，具体如下")]),s._v(" "),t("div",{staticClass:"language-json line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"scripts"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"dev"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"NODE_OPTIONS=--max-old-space-size=4096 vite"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 启动平台")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"serve"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pnpm dev"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 启动平台（有人喜欢dev、有人喜欢serve）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"build"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf dist && NODE_OPTIONS=--max-old-space-size=8192 vite build"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包平台（rimraf 包的作用：以包的形式包装rm -rf命令，用来删除文件和文件夹的，不管文件夹是否为空，都可删除）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"build:staging"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf dist && vite build --mode staging"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包平台（预发布环境）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"report"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf dist && vite build"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包平台并生产平台包文件大小图形化分析")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"preview"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vite preview"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 预览平台，需先打包（无需安装live-server等工具，vite自带预览功能）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"preview:build"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pnpm build && vite preview"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 打包并预览平台（无需安装live-server等工具，vite自带预览功能）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"typecheck"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"tsc --noEmit && vue-tsc --noEmit --skipLibCheck"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 使用vue-tsc工具对指定的.ts、.tsx、.vue文件进行类型校验")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"svgo"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"svgo -f . -r"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 压缩当前目录下的所有SVG文件，更多详情看 https://github.com/pure-admin/vue-pure-admin/commit/a114dbb4652d6316853d75ff127180fc07d07d2b#commitcomment-136451628")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"cloc"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"NODE_OPTIONS=--max-old-space-size=4096 cloc . --exclude-dir=node_modules --exclude-lang=YAML"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台文件、语言分析")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"clean:cache"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rimraf .eslintcache && rimraf pnpm-lock.yaml && rimraf node_modules && pnpm store prune && pnpm install"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 删除pnpm-lock.yaml、node_modules、清除eslint和pnpm缓存并重新安装平台依赖")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint:eslint"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"eslint --cache --max-warnings 0  \\"{src,mock,build}/**/*.{vue,js,ts,tsx}\\" --fix"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// eslint修复")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint:prettier"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"prettier --write  \\"src/**/*.{js,ts,json,tsx,css,scss,vue,html,md}\\""')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// prettier格式化")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint:stylelint"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"stylelint --cache --fix \\"**/*.{html,vue,css,scss}\\" --cache-location node_modules/.cache/stylelint/"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// stylelint格式化修复")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"lint"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pnpm lint:eslint && pnpm lint:prettier && pnpm lint:stylelint"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 平台整体lint格式化并修复")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"prepare"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"husky"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 自动生成husky（https://typicode.github.io/husky/#/）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"preinstall"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"npx only-allow pnpm"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 只允许运行pnpm命令，如果您换成yarn、npm需要把这行删除（https://pnpm.io/zh/only-allow-pnpm）")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br")])])])}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
diff --git a/assets/js/21.c61f99ac.js b/assets/js/21.50a27a99.js
similarity index 99%
rename from assets/js/21.c61f99ac.js
rename to assets/js/21.50a27a99.js
index 9425ccc9f..ffae52686 100644
--- a/assets/js/21.c61f99ac.js
+++ b/assets/js/21.50a27a99.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{328:function(_,v,t){},501:function(_,v,t){"use strict";t(328)},567:function(_,v,t){"use strict";t.r(v);t(501);var e=t(7),r=Object(e.a)({},(function(){var _=this,v=_._self._c;return v("ContentSlotsDistributor",{attrs:{"slot-key":_.$parent.slotKey}},[v("h2",{attrs:{id:"解答微信群"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#解答微信群"}},[_._v("#")]),_._v(" 解答微信群")]),_._v(" "),v("p",[_._v("价格："),v("code",[_._v("￥698/永久")]),_._v("（限时"),v("code",[_._v("￥188/每年")]),_._v("，"),v("code",[_._v("2024-12-01")]),_._v("当天关闭"),v("code",[_._v("￥188/每年")]),_._v("活动）")]),_._v(" "),v("p",[_._v("服务内容：在使用 "),v("a",{attrs:{href:"https://github.com/pure-admin",target:"_blank",rel:"noopener noreferrer"}},[_._v("pure-admin"),v("OutboundLink")],1),_._v(" 中所有项目时遇到的问题、难点、疑惑都可在群内相互交流，我会在每天的空闲时间回复，也可以问非"),v("code",[_._v("pure-admin")]),_._v("的前端问题，我会在每天的空闲时间随机解答。群内交流活跃，技术氛围好，问题基本都会在当天解答。")]),_._v(" "),v("p",[_._v("服务时间："),v("code",[_._v("工作日 10:00 - 18:00")])]),_._v(" "),v("p",[_._v("限时特惠活动：仅选择 "),v("code",[_._v("￥698/永久")]),_._v(" 入群的用户可免费赠送 "),v("a",{attrs:{href:"https://pure-admin.cn/pages/js/",target:"_blank",rel:"noopener noreferrer"}},[v("code",[_._v("JS")]),_._v("版本"),v("OutboundLink")],1),_._v(" 与 "),v("a",{attrs:{href:"https://pure-admin.cn/pages/max/",target:"_blank",rel:"noopener noreferrer"}},[v("code",[_._v("Max")]),_._v("版本"),v("OutboundLink")],1)]),_._v(" "),v("p",[_._v("如何购买：加微信号 "),v("code",[_._v("pureadmin")]),_._v(" 或扫下方二维码，添加时请备注"),v("code",[_._v("微信群")]),_._v("，无备注会被忽略")]),_._v(" "),v("img",{attrs:{src:_.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),_._v(" "),v("div",{staticClass:"custom-block tip"},[v("p",{staticClass:"custom-block-title"},[_._v("视频教程（入群后免费赠送）")]),_._v(" "),v("ol",[v("li",[v("code",[_._v("jsx")]),_._v(" 语法讲解，如何在 "),v("code",[_._v("pureadmin")]),_._v(" 中运用 "),v("code",[_._v("jsx")]),_._v("（视频时长 "),v("code",[_._v("20")]),_._v(" 分钟）")]),_._v(" "),v("li",[v("code",[_._v("tailwindcss")]),_._v(" 语法讲解，如何在 "),v("code",[_._v("pureadmin")]),_._v(" 中运用 "),v("code",[_._v("tailwindcss")]),_._v("（视频时长 "),v("code",[_._v("17")]),_._v(" 分钟）")]),_._v(" "),v("li",[_._v("系统管理中的功能讲解，让您熟知如何使用并关联它们，彻底搞懂它们之间的业务逻辑（用户管理、角色管理、菜单管理、部门管理、字典管理、多租户管理）（视频时长 "),v("code",[_._v("36")]),_._v(" 分钟）")]),_._v(" "),v("li",[_._v("如何将 "),v("code",[_._v("pureadmin")]),_._v(" 中的 "),v("code",[_._v("pnpm")]),_._v(" 包管理器切换到 "),v("code",[_._v("yarn")]),_._v(" 或者 "),v("code",[_._v("npm")]),_._v(" 包管理器，带您踩坑（视频时长 "),v("code",[_._v("43")]),_._v(" 分钟）")]),_._v(" "),v("li",[_._v("了解 "),v("a",{attrs:{href:"https://bun.sh/",target:"_blank",rel:"noopener noreferrer"}},[_._v("bun"),v("OutboundLink")],1),_._v(" 以及如何使用 "),v("a",{attrs:{href:"https://bun.sh/docs/cli/install",target:"_blank",rel:"noopener noreferrer"}},[_._v("bun"),v("OutboundLink")],1),_._v(" 的包管理器作为 "),v("code",[_._v("pureadmin")]),_._v(" 的包管理器。使用 "),v("a",{attrs:{href:"https://bun.sh/docs/cli/install",target:"_blank",rel:"noopener noreferrer"}},[_._v("bun"),v("OutboundLink")],1),_._v(" 安装项目依赖比 "),v("code",[_._v("pnpm")]),_._v(" 快数十倍且已经可以在 "),v("code",[_._v("pureadmin")]),_._v(" 中稳定使用！（视频时长 "),v("code",[_._v("38")]),_._v(" 分钟）")]),_._v(" "),v("li",[v("code",[_._v("pureadmin")]),_._v(" 中的 "),v("code",[_._v("cdn")]),_._v(" 模式详解，新的免费、快速、稳定的国内 "),v("code",[_._v("cdn")]),_._v(" 厂商集成详解，该厂商服务也支持在内网环境中自行集成！（视频时长 "),v("code",[_._v("60")]),_._v(" 分钟）")])])]),_._v(" "),v("div",{staticClass:"custom-block warning"},[v("p",{staticClass:"custom-block-title"},[_._v("温馨提示")]),_._v(" "),v("p",[_._v("本群仅限讨论前端与后端等技术相关话题。请勿在群内谈论涉及色情、赌博、毒品、"),v("code",[_._v("VPN")]),_._v("、谣言、政治等话题。\n让我们共同维护一个纯粹的技术交流环境，保持积极、健康、充满活力的技术氛围 ❤️")])]),_._v(" "),v("h2",{attrs:{id:"技术指导、bug-修复"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#技术指导、bug-修复"}},[_._v("#")]),_._v(" 技术指导、bug 修复")]),_._v(" "),v("p",{staticStyle:{color:"red"}},[_._v("起步价￥200，若问题未解决全额退款，不收取任何工时费！ ")]),_._v(" "),v("p",[_._v("价格：根据问题的数量、难度进行合理定价，按次收费")]),_._v(" "),v("p",[_._v("服务内容：各种前端问题解答、"),v("code",[_._v("bug")]),_._v("修复等")]),_._v(" "),v("p",[_._v("如何购买：加微信号 "),v("code",[_._v("pureadmin")]),_._v(" 或扫下方二维码，添加时请备注"),v("code",[_._v("技术指导")]),_._v("，无备注会被忽略")]),_._v(" "),v("img",{attrs:{src:_.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),_._v(" "),v("h2",{attrs:{id:"页面定制开发-软件开发、项目外包"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#页面定制开发-软件开发、项目外包"}},[_._v("#")]),_._v(" 页面定制开发（软件开发、项目外包）")]),_._v(" "),v("p",{staticStyle:{color:"red"}},[_._v("外包项目排到了 2025-02-01，暂时不接外包了🙏，可预约时间 2025-03-01")]),_._v(" "),v("div",{staticClass:"bottom-content"},[v("p",[_._v("价格：根据页面数量、每页难度、开发周期进行合理定价"),v("br"),_._v("\n服务内容：软件开发过程中保证 "),v("code",[_._v("页面高还原度")]),_._v("、"),v("code",[_._v("代码高质量")]),_._v("、"),v("code",[_._v("全方位多次测试")]),v("br"),_._v("\n如何获得服务：加最上方作者微信备注 "),v("code",[_._v("软件开发")]),_._v(" 即可")]),_._v(" "),v("table",[v("thead",[v("tr",[v("th",[v("strong",[_._v("开发范围")])]),_._v(" "),v("th",[v("strong",[_._v("范围种类")])])])]),_._v(" "),v("tbody",[v("tr",[v("td",[_._v("网站")]),_._v(" "),v("td",[_._v("后台系统、可视化大屏、企业宣传页、活动推广页等各种只要能在浏览器查看的都能开发")])]),_._v(" "),v("tr",[v("td",[v("code",[_._v("h5")]),_._v("页面")]),_._v(" "),v("td",[_._v("移动端网站、广告推广、电子商务等")])]),_._v(" "),v("tr",[v("td",[_._v("小程序")]),_._v(" "),v("td",[_._v("微信、支付宝、抖音、快手、京东小程序等")])]),_._v(" "),v("tr",[v("td",[_._v("移动应用程序")]),_._v(" "),v("td",[_._v("可安装到安卓"),v("code",[_._v("Android")]),_._v("和苹果"),v("code",[_._v("iOS")]),_._v("系统的手机"),v("code",[_._v("App")]),_._v("软件")])]),_._v(" "),v("tr",[v("td",[_._v("桌面应用程序")]),_._v(" "),v("td",[_._v("可安装到桌面操作系统（如"),v("code",[_._v("Windows")]),_._v("、"),v("code",[_._v("MacOS")]),_._v("、"),v("code",[_._v("Linux")]),_._v("）上的软件，可直接在电脑上运行")])])])])])])}),[],!1,null,"178d6cf4",null);v.default=r.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[21],{328:function(_,v,t){},501:function(_,v,t){"use strict";t(328)},566:function(_,v,t){"use strict";t.r(v);t(501);var e=t(7),r=Object(e.a)({},(function(){var _=this,v=_._self._c;return v("ContentSlotsDistributor",{attrs:{"slot-key":_.$parent.slotKey}},[v("h2",{attrs:{id:"解答微信群"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#解答微信群"}},[_._v("#")]),_._v(" 解答微信群")]),_._v(" "),v("p",[_._v("价格："),v("code",[_._v("￥698/永久")]),_._v("（限时"),v("code",[_._v("￥188/每年")]),_._v("，"),v("code",[_._v("2024-12-01")]),_._v("当天关闭"),v("code",[_._v("￥188/每年")]),_._v("活动）")]),_._v(" "),v("p",[_._v("服务内容：在使用 "),v("a",{attrs:{href:"https://github.com/pure-admin",target:"_blank",rel:"noopener noreferrer"}},[_._v("pure-admin"),v("OutboundLink")],1),_._v(" 中所有项目时遇到的问题、难点、疑惑都可在群内相互交流，我会在每天的空闲时间回复，也可以问非"),v("code",[_._v("pure-admin")]),_._v("的前端问题，我会在每天的空闲时间随机解答。群内交流活跃，技术氛围好，问题基本都会在当天解答。")]),_._v(" "),v("p",[_._v("服务时间："),v("code",[_._v("工作日 10:00 - 18:00")])]),_._v(" "),v("p",[_._v("限时特惠活动：仅选择 "),v("code",[_._v("￥698/永久")]),_._v(" 入群的用户可免费赠送 "),v("a",{attrs:{href:"https://pure-admin.cn/pages/js/",target:"_blank",rel:"noopener noreferrer"}},[v("code",[_._v("JS")]),_._v("版本"),v("OutboundLink")],1),_._v(" 与 "),v("a",{attrs:{href:"https://pure-admin.cn/pages/max/",target:"_blank",rel:"noopener noreferrer"}},[v("code",[_._v("Max")]),_._v("版本"),v("OutboundLink")],1)]),_._v(" "),v("p",[_._v("如何购买：加微信号 "),v("code",[_._v("pureadmin")]),_._v(" 或扫下方二维码，添加时请备注"),v("code",[_._v("微信群")]),_._v("，无备注会被忽略")]),_._v(" "),v("img",{attrs:{src:_.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),_._v(" "),v("div",{staticClass:"custom-block tip"},[v("p",{staticClass:"custom-block-title"},[_._v("视频教程（入群后免费赠送）")]),_._v(" "),v("ol",[v("li",[v("code",[_._v("jsx")]),_._v(" 语法讲解，如何在 "),v("code",[_._v("pureadmin")]),_._v(" 中运用 "),v("code",[_._v("jsx")]),_._v("（视频时长 "),v("code",[_._v("20")]),_._v(" 分钟）")]),_._v(" "),v("li",[v("code",[_._v("tailwindcss")]),_._v(" 语法讲解，如何在 "),v("code",[_._v("pureadmin")]),_._v(" 中运用 "),v("code",[_._v("tailwindcss")]),_._v("（视频时长 "),v("code",[_._v("17")]),_._v(" 分钟）")]),_._v(" "),v("li",[_._v("系统管理中的功能讲解，让您熟知如何使用并关联它们，彻底搞懂它们之间的业务逻辑（用户管理、角色管理、菜单管理、部门管理、字典管理、多租户管理）（视频时长 "),v("code",[_._v("36")]),_._v(" 分钟）")]),_._v(" "),v("li",[_._v("如何将 "),v("code",[_._v("pureadmin")]),_._v(" 中的 "),v("code",[_._v("pnpm")]),_._v(" 包管理器切换到 "),v("code",[_._v("yarn")]),_._v(" 或者 "),v("code",[_._v("npm")]),_._v(" 包管理器，带您踩坑（视频时长 "),v("code",[_._v("43")]),_._v(" 分钟）")]),_._v(" "),v("li",[_._v("了解 "),v("a",{attrs:{href:"https://bun.sh/",target:"_blank",rel:"noopener noreferrer"}},[_._v("bun"),v("OutboundLink")],1),_._v(" 以及如何使用 "),v("a",{attrs:{href:"https://bun.sh/docs/cli/install",target:"_blank",rel:"noopener noreferrer"}},[_._v("bun"),v("OutboundLink")],1),_._v(" 的包管理器作为 "),v("code",[_._v("pureadmin")]),_._v(" 的包管理器。使用 "),v("a",{attrs:{href:"https://bun.sh/docs/cli/install",target:"_blank",rel:"noopener noreferrer"}},[_._v("bun"),v("OutboundLink")],1),_._v(" 安装项目依赖比 "),v("code",[_._v("pnpm")]),_._v(" 快数十倍且已经可以在 "),v("code",[_._v("pureadmin")]),_._v(" 中稳定使用！（视频时长 "),v("code",[_._v("38")]),_._v(" 分钟）")]),_._v(" "),v("li",[v("code",[_._v("pureadmin")]),_._v(" 中的 "),v("code",[_._v("cdn")]),_._v(" 模式详解，新的免费、快速、稳定的国内 "),v("code",[_._v("cdn")]),_._v(" 厂商集成详解，该厂商服务也支持在内网环境中自行集成！（视频时长 "),v("code",[_._v("60")]),_._v(" 分钟）")])])]),_._v(" "),v("div",{staticClass:"custom-block warning"},[v("p",{staticClass:"custom-block-title"},[_._v("温馨提示")]),_._v(" "),v("p",[_._v("本群仅限讨论前端与后端等技术相关话题。请勿在群内谈论涉及色情、赌博、毒品、"),v("code",[_._v("VPN")]),_._v("、谣言、政治等话题。\n让我们共同维护一个纯粹的技术交流环境，保持积极、健康、充满活力的技术氛围 ❤️")])]),_._v(" "),v("h2",{attrs:{id:"技术指导、bug-修复"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#技术指导、bug-修复"}},[_._v("#")]),_._v(" 技术指导、bug 修复")]),_._v(" "),v("p",{staticStyle:{color:"red"}},[_._v("起步价￥200，若问题未解决全额退款，不收取任何工时费！ ")]),_._v(" "),v("p",[_._v("价格：根据问题的数量、难度进行合理定价，按次收费")]),_._v(" "),v("p",[_._v("服务内容：各种前端问题解答、"),v("code",[_._v("bug")]),_._v("修复等")]),_._v(" "),v("p",[_._v("如何购买：加微信号 "),v("code",[_._v("pureadmin")]),_._v(" 或扫下方二维码，添加时请备注"),v("code",[_._v("技术指导")]),_._v("，无备注会被忽略")]),_._v(" "),v("img",{attrs:{src:_.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),_._v(" "),v("h2",{attrs:{id:"页面定制开发-软件开发、项目外包"}},[v("a",{staticClass:"header-anchor",attrs:{href:"#页面定制开发-软件开发、项目外包"}},[_._v("#")]),_._v(" 页面定制开发（软件开发、项目外包）")]),_._v(" "),v("p",{staticStyle:{color:"red"}},[_._v("外包项目排到了 2025-02-01，暂时不接外包了🙏，可预约时间 2025-03-01")]),_._v(" "),v("div",{staticClass:"bottom-content"},[v("p",[_._v("价格：根据页面数量、每页难度、开发周期进行合理定价"),v("br"),_._v("\n服务内容：软件开发过程中保证 "),v("code",[_._v("页面高还原度")]),_._v("、"),v("code",[_._v("代码高质量")]),_._v("、"),v("code",[_._v("全方位多次测试")]),v("br"),_._v("\n如何获得服务：加最上方作者微信备注 "),v("code",[_._v("软件开发")]),_._v(" 即可")]),_._v(" "),v("table",[v("thead",[v("tr",[v("th",[v("strong",[_._v("开发范围")])]),_._v(" "),v("th",[v("strong",[_._v("范围种类")])])])]),_._v(" "),v("tbody",[v("tr",[v("td",[_._v("网站")]),_._v(" "),v("td",[_._v("后台系统、可视化大屏、企业宣传页、活动推广页等各种只要能在浏览器查看的都能开发")])]),_._v(" "),v("tr",[v("td",[v("code",[_._v("h5")]),_._v("页面")]),_._v(" "),v("td",[_._v("移动端网站、广告推广、电子商务等")])]),_._v(" "),v("tr",[v("td",[_._v("小程序")]),_._v(" "),v("td",[_._v("微信、支付宝、抖音、快手、京东小程序等")])]),_._v(" "),v("tr",[v("td",[_._v("移动应用程序")]),_._v(" "),v("td",[_._v("可安装到安卓"),v("code",[_._v("Android")]),_._v("和苹果"),v("code",[_._v("iOS")]),_._v("系统的手机"),v("code",[_._v("App")]),_._v("软件")])]),_._v(" "),v("tr",[v("td",[_._v("桌面应用程序")]),_._v(" "),v("td",[_._v("可安装到桌面操作系统（如"),v("code",[_._v("Windows")]),_._v("、"),v("code",[_._v("MacOS")]),_._v("、"),v("code",[_._v("Linux")]),_._v("）上的软件，可直接在电脑上运行")])])])])])])}),[],!1,null,"178d6cf4",null);v.default=r.exports}}]);
\ No newline at end of file
diff --git a/assets/js/22.21510ed2.js b/assets/js/22.d57749f7.js
similarity index 99%
rename from assets/js/22.21510ed2.js
rename to assets/js/22.d57749f7.js
index 3ec8926de..ef1d3e088 100644
--- a/assets/js/22.21510ed2.js
+++ b/assets/js/22.d57749f7.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{420:function(t,s,a){t.exports=a.p+"assets/img/type.a2cd1559.jpg"},547:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"mock"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#mock"}},[t._v("#")]),t._v(" Mock")]),t._v(" "),s("p",[t._v("平台使用 "),s("a",{attrs:{href:"https://github.com/condorheroblog/vite-plugin-fake-server",target:"_blank",rel:"noopener noreferrer"}},[t._v("vite-plugin-fake-server"),s("OutboundLink")],1),t._v(" 插件并集成了 "),s("a",{attrs:{href:"https://www.npmjs.com/package/@faker-js/faker",target:"_blank",rel:"noopener noreferrer"}},[t._v("@faker-js/faker"),s("OutboundLink")],1),t._v("，支持常用的 "),s("code",[t._v("post")]),t._v("、"),s("code",[t._v("get")]),t._v(" 请求方式，仅用于本地开发，生产环境请务必删除 "),s("code",[t._v("mock")])]),t._v(" "),s("h3",{attrs:{id:"基础用法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[t._v("#")]),t._v(" 基础用法")]),t._v(" "),s("p",[t._v("① 来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/mock",target:"_blank",rel:"noopener noreferrer"}},[t._v("mock"),s("OutboundLink")],1),t._v(" 文件存放目录，比如添加 "),s("code",[t._v("login")]),t._v(" 接口，采用 "),s("code",[t._v("post")]),t._v(" 请求，参考下面代码。")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" MockMethod "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vite-plugin-mock"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    method"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("response")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" body "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n      "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        success"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n      "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("as")]),t._v(" MockMethod"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br")])])]),t._v(" "),s("p",[t._v("② 上面我们添加了 "),s("code",[t._v("login")]),t._v(" 接口，接着来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/api",target:"_blank",rel:"noopener noreferrer"}},[t._v("api"),s("OutboundLink")],1),t._v(" 目录，比如添加 "),s("code",[t._v("user.ts")]),t._v(" 文件，参考下面代码")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 这里定义返回值类型，使接口拥有良好的类型推导")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("type")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("UserResult")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 是否请求成功 */")]),t._v("\n  success"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("boolean")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用户名 */")]),t._v("\n    username"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 当前登陆用户的角色 */")]),t._v("\n    roles"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("Array")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `token` */")]),t._v("\n    accessToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用于调用刷新`accessToken`的接口时所需的`token` */")]),t._v("\n    refreshToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */")]),t._v("\n    expires"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Date"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 登录接口 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLogin")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("UserResult"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br")])])]),t._v(" "),s("p",[t._v("③ 上面导出了 "),s("code",[t._v("getLogin")]),t._v(" 接口，接下来我们来到需要使用这个接口的地方导入，参考下面代码")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("script setup lang"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ts"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" getLogin "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/api/user"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("async")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onLogin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" result "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("await")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getLogin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" username"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"admin"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" password"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"admin123"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("result"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("success"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("console")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("result"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v("script"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("template"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("el"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v("button "),s("span",{pre:!0,attrs:{class:"token decorator"}},[s("span",{pre:!0,attrs:{class:"token at operator"}},[t._v("@")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("click")])]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"onLogin"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("点击登录"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v("el"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v("button"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v("template"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br")])])]),t._v(" "),s("p",[t._v("您可以注意到我们在上面 "),s("code",[t._v("②")]),t._v(" 步骤中定义了接口返回值类型 "),s("code",[t._v("UserResult")]),t._v("，在使用时就会获得良好的类型推导，如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(420),alt:"type"}})]),t._v(" "),s("h3",{attrs:{id:"如何快速删除-mock"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#如何快速删除-mock"}},[t._v("#")]),t._v(" 如何快速删除 "),s("code",[t._v("mock")])]),t._v(" "),s("p",[t._v("来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/plugins.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("build/plugins.ts"),s("OutboundLink")],1),t._v(" 文件，将 "),s("code",[t._v('import { vitePluginFakeServer } from "vite-plugin-fake-server";')]),t._v(" 注释，最后把 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/plugins.ts#L52-#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("这里选中"),s("OutboundLink")],1),t._v(" 的都注释即可")]),t._v(" "),s("h2",{attrs:{id:"axios"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#axios"}},[t._v("#")]),t._v(" Axios")]),t._v(" "),s("h4",{attrs:{id:"中文文档"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#中文文档"}},[t._v("#")]),t._v(" 中文文档")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://www.axios-http.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("点击查看中文文档"),s("OutboundLink")],1)]),t._v(" "),s("h4",{attrs:{id:"基本请求方式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#基本请求方式"}},[t._v("#")]),t._v(" 基本请求方式")]),t._v(" "),s("p",[t._v("平台封装了 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http",target:"_blank",rel:"noopener noreferrer"}},[t._v("axios"),s("OutboundLink")],1),t._v("，支持的请求方式请看 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/types.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("具体参考"),s("OutboundLink")],1),t._v("，下面举例常用的四种请求方式")]),t._v(" "),s("h5",{attrs:{id:"get-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#get-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("get")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"get"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// url拼接传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"get"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx?message="')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" params"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"post-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#post-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("post")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"delete-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#delete-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("delete")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"delete"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"delete"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"put-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#put-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("put")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"put"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"put"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"http-request-传参解析"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#http-request-传参解析"}},[t._v("#")]),t._v(" "),s("code",[t._v("http.request")]),t._v(" 传参解析")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/index.ts#L149",target:"_blank",rel:"noopener noreferrer"}},[t._v("http.request 源码"),s("OutboundLink")],1),t._v("，参数解析如下")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[s("strong",[t._v("参数属性")])]),t._v(" "),s("th",[s("strong",[t._v("说明")])]),t._v(" "),s("th",[s("strong",[t._v("类型")])])])]),t._v(" "),s("tbody",[s("tr",[s("td",[s("code",[t._v("method")])]),t._v(" "),s("td",[t._v("请求方式")]),t._v(" "),s("td",[s("code",[t._v("RequestMethods")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("url")])]),t._v(" "),s("td",[t._v("请求地址")]),t._v(" "),s("td",[s("code",[t._v("string")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("param")])]),t._v(" "),s("td",[t._v("请求参数")]),t._v(" "),s("td",[s("code",[t._v("AxiosRequestConfig")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("axiosConfig")])]),t._v(" "),s("td",[t._v("自定义"),s("code",[t._v("axios")]),t._v("配置")]),t._v(" "),s("td",[s("code",[t._v("PureHttpRequestConfig")])])])])]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),s("p",[t._v("当然平台不仅提供了 "),s("code",[t._v("http.request")]),t._v(" 方法让您发送请求，还提供两种额外的请求方式 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/index.ts#L176",target:"_blank",rel:"noopener noreferrer"}},[t._v("http.post"),s("OutboundLink")],1),t._v("、"),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/index.ts#L185",target:"_blank",rel:"noopener noreferrer"}},[t._v("http.get"),s("OutboundLink")],1),t._v("，当然这两种也是基于 "),s("code",[t._v("http.request")]),t._v(" 封装的，也会走请求拦截和响应拦截，如果您需要脱离平台封装的请求，可以直接使用 "),s("code",[t._v("axios")]),t._v("，类似参考 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/upload/index.vue#L92-L98",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/views/components/upload/index.vue"),s("OutboundLink")],1)])]),t._v(" "),s("h4",{attrs:{id:"如何与后台联调"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#如何与后台联调"}},[t._v("#")]),t._v(" 如何与后台联调")]),t._v(" "),s("h5",{attrs:{id:"跨域与解决办法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#跨域与解决办法"}},[t._v("#")]),t._v(" 跨域与解决办法")]),t._v(" "),s("h6",{attrs:{id:"什么是跨域"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#什么是跨域"}},[t._v("#")]),t._v(" 什么是跨域")]),t._v(" "),s("p",[t._v("跨域本质是浏览器基于同源策略的一种安全手段。同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能。当协议（protocol）、主机（host）、端口（port）其中一项不相同的时候就会产生跨域。跨域只产生在浏览器，这也是为什么您用 "),s("code",[t._v("postman")]),t._v(" 请求接口时不会有跨域问题的原因")]),t._v(" "),s("h6",{attrs:{id:"解决办法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#解决办法"}},[t._v("#")]),t._v(" 解决办法")]),t._v(" "),s("p",[t._v("① 本地开发的话，我们来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/vite.config.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("vite.config.ts"),s("OutboundLink")],1),t._v("，参考下面代码配置本地跨域代理即可")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[t._v("proxy"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"/api"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 这里填写后端地址")]),t._v("\n    target"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://127.0.0.1:3000"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    changeOrigin"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("rewrite")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" path "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" path"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("replace")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token regex"}},[s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),s("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^\\/api")]),s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br")])]),s("p",[t._v("② 配置好上面的跨域代理后，来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/api",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/api"),s("OutboundLink")],1),t._v(" 目录，这里我们先新建一个 "),s("code",[t._v("utils.ts")]),t._v(" 文件用来配置环境，参考下面代码")]),t._v(" "),s("p",[t._v("注意：这里又分两种写法")]),t._v(" "),s("p",[t._v("第一种（也是最常用的一种，满足大多数场景，首选这种写法哦）：比如后端使用 "),s("code",[t._v("spring cloud")]),t._v(" 微服务架构，不同服务可能会部署在不同机器上，这时候前端必定产生跨域，推荐部署前端项目首选 "),s("a",{attrs:{href:"https://www.nginx.com/resources/wiki/",target:"_blank",rel:"noopener noreferrer"}},[t._v("nginx"),s("OutboundLink")],1),t._v("，可以利用 "),s("code",[t._v("nginx")]),t._v(" 的代理转发功能来解决跨域问题")]),t._v(" "),s("p",[t._v("utils.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/api/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("p",[t._v("第二种：前端打包直接丢给后端，放到后端项目里一起部署，协议、主机、端口都相同了，就没有跨域问题")]),t._v(" "),s("p",[t._v("utils.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v("\n  process"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("env"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NODE_ENV")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"development"')]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/api/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("http://127.0.0.1:3000/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br")])]),s("p",[t._v("③ 写完上面的 "),s("code",[t._v("utils.ts")]),t._v(" 后，继续在 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/api",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/api"),s("OutboundLink")],1),t._v(" 目录，我们再建一个 "),s("code",[t._v("user.ts")]),t._v(" 文件，导出这个接口，供页面调用，参考下面代码")]),t._v(" "),s("p",[t._v("user.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 登录 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLogin")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("any")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("p",[t._v("④ 上面都完成后，我们在需要调用该接口的地方调用即可，参考 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L82",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/store/modules/user.ts"),s("OutboundLink")],1)]),t._v(" "),s("h5",{attrs:{id:"多个后端地址如何联调"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#多个后端地址如何联调"}},[t._v("#")]),t._v(" 多个后端地址如何联调")]),t._v(" "),s("p",[t._v("大致步骤和上面差不多，这里我们就简单写一下，具体对比上面的就行")]),t._v(" "),s("p",[t._v("① 在 "),s("code",[t._v("vite.config.ts")]),t._v(" 写入下面代码")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[t._v("proxy"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第一个代理后端地址")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"/api"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    target"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://127.0.0.1:3000"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    changeOrigin"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("rewrite")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" path "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" path"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("replace")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token regex"}},[s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),s("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^\\/api")]),s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第二个代理后端地址")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"/otherApi"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    target"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://127.0.0.1:3290"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    changeOrigin"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("rewrite")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" path "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" path"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("replace")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token regex"}},[s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),s("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^\\/otherApi")]),s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// websocket地址（知识点：wss只能在https安全协议下使用）")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v('// "/wsApi": {')]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v('//   target: "ws://localhost:3000",')]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//   ws: true,")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// },")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...依此类推，有几个后端地址就写几个后端地址")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br")])]),s("p",[t._v("② 在 "),s("code",[t._v("utils.ts")]),t._v(" 里我们采用第一种写法，参考下面代码")]),t._v(" "),s("p",[t._v("utils.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第一个代理后端地址")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/api/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第二个代理后端地址")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlOtherApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/otherApi/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br")])]),s("p",[t._v("③ 第一个代理后端地址上面建的是 "),s("code",[t._v("user.ts")]),t._v(" 文件，那么第二个代理后端地址我们就建个 "),s("code",[t._v("other.ts")]),t._v(" 文件吧，参考下面代码")]),t._v(" "),s("p",[t._v("other.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlOtherApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 该接口采用 http://127.0.0.1:3290 后端地址 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getOther")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("any")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"get"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlOtherApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"other"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("p",[t._v("最后，需要在哪里调用，引入使用即可")]),t._v(" "),s("h4",{attrs:{id:"如何声明接口返回值类型"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#如何声明接口返回值类型"}},[t._v("#")]),t._v(" 如何声明接口返回值类型")]),t._v(" "),s("p",[t._v("可以看到上面的写法 "),s("code",[t._v("http.request")]),t._v(" 后面跟的都是 "),s("code",[t._v("any")]),t._v("，这很不友好，参考下面友好类型写法即可")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 定义 login 接口返回值类型为 UserResult")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("type")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("UserResult")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 是否请求成功 */")]),t._v("\n  success"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("boolean")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用户名 */")]),t._v("\n    username"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 当前登陆用户的角色 */")]),t._v("\n    roles"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("Array")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `token` */")]),t._v("\n    accessToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用于调用刷新`accessToken`的接口时所需的`token` */")]),t._v("\n    refreshToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */")]),t._v("\n    expires"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Date"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 登录 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLogin")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("UserResult"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br")])]),s("h4",{attrs:{id:"平台封装的请求可以设置额外的-axios-配置吗"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#平台封装的请求可以设置额外的-axios-配置吗"}},[t._v("#")]),t._v(" 平台封装的请求可以设置额外的 axios 配置吗")]),t._v(" "),s("p",[t._v("当然可以。"),s("a",{attrs:{href:"#http-request-%E4%BC%A0%E5%8F%82%E8%A7%A3%E6%9E%90"}},[t._v("点击查看这里")]),t._v("，可以看到自定义 "),s("code",[t._v("axios")]),t._v(" 配置中 "),s("code",[t._v("axiosConfig")]),t._v(" 作为最后一个参数")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("testRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("any")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 自定义的axios配置在下面对象填写即可")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n      headers"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"Content-Type"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"application/x-www-form-urlencoded"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n      "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br")])]),s("h4",{attrs:{id:"jwt-token-内置无感刷新-token-解决方案"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#jwt-token-内置无感刷新-token-解决方案"}},[t._v("#")]),t._v(" "),s("code",[t._v("JWT Token")]),t._v("（内置无感刷新 "),s("code",[t._v("token")]),t._v(" 解决方案）")]),t._v(" "),s("p",[t._v("实现原理：后端返回两个 "),s("code",[t._v("token")]),t._v("（一个用来请求，一个用来刷新）和过期时间，前端将其进行本地存储，每当接口请求时，把本地存储的过期时间与本地当前时间对比，如果 "),s("code",[t._v("token")]),t._v(" 过期就把当前请求暂存，然后去请求刷新 "),s("code",[t._v("token")]),t._v(" 接口，获取到新 "),s("code",[t._v("token")]),t._v(" 后，再 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("触发"),s("OutboundLink")],1),t._v(" 暂存的请求")]),t._v(" "),s("h5",{attrs:{id:"信息存储"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#信息存储"}},[t._v("#")]),t._v(" 信息存储")]),t._v(" "),s("p",[t._v("具体看 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/utils/auth"),s("OutboundLink")],1),t._v(" 文件，里面有很详细的备注")]),t._v(" "),s("h5",{attrs:{id:"细节处理"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#细节处理"}},[t._v("#")]),t._v(" 细节处理")]),t._v(" "),s("p",[t._v("① 不需要携带 "),s("code",[t._v("token")]),t._v(" 的接口我们设置了 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("请求白名单"),s("OutboundLink")],1)]),t._v(" "),s("p",[t._v("② 当 "),s("code",[t._v("token")]),t._v(" 过期后，平台会暂存请求，直到拿到新 "),s("code",[t._v("token")]),t._v(" 才会请求，避免了当页面有多个请求会重复刷新 "),s("code",[t._v("token")]),t._v(" 的问题。核心代码有三处："),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("一"),s("OutboundLink")],1),t._v("、"),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("二"),s("OutboundLink")],1),t._v("、"),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[t._v("三"),s("OutboundLink")],1)]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("生产环境 Mock 可以和真实接口共存吗？")]),t._v(" "),s("p",[t._v("当然可以共存，不过可能会遇到 "),s("code",[t._v("Mock")]),t._v(" 干扰真实接口的问题。如果您在开发环境接口没问题，但是到生产环境出问题了，在排除后端问题前提下可以尝试 "),s("a",{attrs:{href:"#%E5%A6%82%E4%BD%95%E5%BF%AB%E9%80%9F%E5%88%A0%E9%99%A4-mock"}},[t._v("删除 Mock")])])])])}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[22],{428:function(t,s,a){t.exports=a.p+"assets/img/type.a2cd1559.jpg"},548:function(t,s,a){"use strict";a.r(s);var n=a(7),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h2",{attrs:{id:"mock"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#mock"}},[t._v("#")]),t._v(" Mock")]),t._v(" "),s("p",[t._v("平台使用 "),s("a",{attrs:{href:"https://github.com/condorheroblog/vite-plugin-fake-server",target:"_blank",rel:"noopener noreferrer"}},[t._v("vite-plugin-fake-server"),s("OutboundLink")],1),t._v(" 插件并集成了 "),s("a",{attrs:{href:"https://www.npmjs.com/package/@faker-js/faker",target:"_blank",rel:"noopener noreferrer"}},[t._v("@faker-js/faker"),s("OutboundLink")],1),t._v("，支持常用的 "),s("code",[t._v("post")]),t._v("、"),s("code",[t._v("get")]),t._v(" 请求方式，仅用于本地开发，生产环境请务必删除 "),s("code",[t._v("mock")])]),t._v(" "),s("h3",{attrs:{id:"基础用法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[t._v("#")]),t._v(" 基础用法")]),t._v(" "),s("p",[t._v("① 来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/mock",target:"_blank",rel:"noopener noreferrer"}},[t._v("mock"),s("OutboundLink")],1),t._v(" 文件存放目录，比如添加 "),s("code",[t._v("login")]),t._v(" 接口，采用 "),s("code",[t._v("post")]),t._v(" 请求，参考下面代码。")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" MockMethod "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"vite-plugin-mock"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    method"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("response")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" body "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n      "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        success"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n      "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("as")]),t._v(" MockMethod"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br")])])]),t._v(" "),s("p",[t._v("② 上面我们添加了 "),s("code",[t._v("login")]),t._v(" 接口，接着来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/api",target:"_blank",rel:"noopener noreferrer"}},[t._v("api"),s("OutboundLink")],1),t._v(" 目录，比如添加 "),s("code",[t._v("user.ts")]),t._v(" 文件，参考下面代码")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 这里定义返回值类型，使接口拥有良好的类型推导")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("type")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("UserResult")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 是否请求成功 */")]),t._v("\n  success"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("boolean")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用户名 */")]),t._v("\n    username"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 当前登陆用户的角色 */")]),t._v("\n    roles"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("Array")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `token` */")]),t._v("\n    accessToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用于调用刷新`accessToken`的接口时所需的`token` */")]),t._v("\n    refreshToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */")]),t._v("\n    expires"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Date"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 登录接口 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLogin")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("UserResult"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br")])])]),t._v(" "),s("p",[t._v("③ 上面导出了 "),s("code",[t._v("getLogin")]),t._v(" 接口，接下来我们来到需要使用这个接口的地方导入，参考下面代码")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("script setup lang"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"ts"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" getLogin "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/api/user"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("async")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("function")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("onLogin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("let")]),t._v(" result "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("await")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getLogin")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" username"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"admin"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" password"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"admin123"')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("result"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("success"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("console")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("result"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v("script"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("template"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("el"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v("button "),s("span",{pre:!0,attrs:{class:"token decorator"}},[s("span",{pre:!0,attrs:{class:"token at operator"}},[t._v("@")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("click")])]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"onLogin"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("点击登录"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v("el"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("-")]),t._v("button"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("/")]),t._v("template"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br")])])]),t._v(" "),s("p",[t._v("您可以注意到我们在上面 "),s("code",[t._v("②")]),t._v(" 步骤中定义了接口返回值类型 "),s("code",[t._v("UserResult")]),t._v("，在使用时就会获得良好的类型推导，如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(428),alt:"type"}})]),t._v(" "),s("h3",{attrs:{id:"如何快速删除-mock"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#如何快速删除-mock"}},[t._v("#")]),t._v(" 如何快速删除 "),s("code",[t._v("mock")])]),t._v(" "),s("p",[t._v("来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/plugins.ts#L17",target:"_blank",rel:"noopener noreferrer"}},[t._v("build/plugins.ts"),s("OutboundLink")],1),t._v(" 文件，将 "),s("code",[t._v('import { vitePluginFakeServer } from "vite-plugin-fake-server";')]),t._v(" 注释，最后把 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/plugins.ts#L52-#L57",target:"_blank",rel:"noopener noreferrer"}},[t._v("这里选中"),s("OutboundLink")],1),t._v(" 的都注释即可")]),t._v(" "),s("h2",{attrs:{id:"axios"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#axios"}},[t._v("#")]),t._v(" Axios")]),t._v(" "),s("h4",{attrs:{id:"中文文档"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#中文文档"}},[t._v("#")]),t._v(" 中文文档")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://www.axios-http.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("点击查看中文文档"),s("OutboundLink")],1)]),t._v(" "),s("h4",{attrs:{id:"基本请求方式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#基本请求方式"}},[t._v("#")]),t._v(" 基本请求方式")]),t._v(" "),s("p",[t._v("平台封装了 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http",target:"_blank",rel:"noopener noreferrer"}},[t._v("axios"),s("OutboundLink")],1),t._v("，支持的请求方式请看 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/types.d.ts#L14",target:"_blank",rel:"noopener noreferrer"}},[t._v("具体参考"),s("OutboundLink")],1),t._v("，下面举例常用的四种请求方式")]),t._v(" "),s("h5",{attrs:{id:"get-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#get-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("get")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"get"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// url拼接传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"get"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx?message="')]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("+")]),t._v(" params"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"post-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#post-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("post")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"delete-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#delete-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("delete")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"delete"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"delete"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"put-请求"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#put-请求"}},[t._v("#")]),t._v(" "),s("code",[t._v("put")]),t._v(" 请求")]),t._v(" "),s("details",{staticClass:"custom-block details"},[s("summary",[t._v("点击查看")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// params传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("params"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"put"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" params "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// data传参")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("textRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"put"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"/xxx"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br")])])]),t._v(" "),s("h5",{attrs:{id:"http-request-传参解析"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#http-request-传参解析"}},[t._v("#")]),t._v(" "),s("code",[t._v("http.request")]),t._v(" 传参解析")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/index.ts#L149",target:"_blank",rel:"noopener noreferrer"}},[t._v("http.request 源码"),s("OutboundLink")],1),t._v("，参数解析如下")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[s("strong",[t._v("参数属性")])]),t._v(" "),s("th",[s("strong",[t._v("说明")])]),t._v(" "),s("th",[s("strong",[t._v("类型")])])])]),t._v(" "),s("tbody",[s("tr",[s("td",[s("code",[t._v("method")])]),t._v(" "),s("td",[t._v("请求方式")]),t._v(" "),s("td",[s("code",[t._v("RequestMethods")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("url")])]),t._v(" "),s("td",[t._v("请求地址")]),t._v(" "),s("td",[s("code",[t._v("string")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("param")])]),t._v(" "),s("td",[t._v("请求参数")]),t._v(" "),s("td",[s("code",[t._v("AxiosRequestConfig")])])]),t._v(" "),s("tr",[s("td",[s("code",[t._v("axiosConfig")])]),t._v(" "),s("td",[t._v("自定义"),s("code",[t._v("axios")]),t._v("配置")]),t._v(" "),s("td",[s("code",[t._v("PureHttpRequestConfig")])])])])]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("提示")]),t._v(" "),s("p",[t._v("当然平台不仅提供了 "),s("code",[t._v("http.request")]),t._v(" 方法让您发送请求，还提供两种额外的请求方式 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/index.ts#L176",target:"_blank",rel:"noopener noreferrer"}},[t._v("http.post"),s("OutboundLink")],1),t._v("、"),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/utils/http/index.ts#L185",target:"_blank",rel:"noopener noreferrer"}},[t._v("http.get"),s("OutboundLink")],1),t._v("，当然这两种也是基于 "),s("code",[t._v("http.request")]),t._v(" 封装的，也会走请求拦截和响应拦截，如果您需要脱离平台封装的请求，可以直接使用 "),s("code",[t._v("axios")]),t._v("，类似参考 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/upload/index.vue#L92-L98",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/views/components/upload/index.vue"),s("OutboundLink")],1)])]),t._v(" "),s("h4",{attrs:{id:"如何与后台联调"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#如何与后台联调"}},[t._v("#")]),t._v(" 如何与后台联调")]),t._v(" "),s("h5",{attrs:{id:"跨域与解决办法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#跨域与解决办法"}},[t._v("#")]),t._v(" 跨域与解决办法")]),t._v(" "),s("h6",{attrs:{id:"什么是跨域"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#什么是跨域"}},[t._v("#")]),t._v(" 什么是跨域")]),t._v(" "),s("p",[t._v("跨域本质是浏览器基于同源策略的一种安全手段。同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能。当协议（protocol）、主机（host）、端口（port）其中一项不相同的时候就会产生跨域。跨域只产生在浏览器，这也是为什么您用 "),s("code",[t._v("postman")]),t._v(" 请求接口时不会有跨域问题的原因")]),t._v(" "),s("h6",{attrs:{id:"解决办法"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#解决办法"}},[t._v("#")]),t._v(" 解决办法")]),t._v(" "),s("p",[t._v("① 本地开发的话，我们来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/vite.config.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[t._v("vite.config.ts"),s("OutboundLink")],1),t._v("，参考下面代码配置本地跨域代理即可")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[t._v("proxy"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"/api"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 这里填写后端地址")]),t._v("\n    target"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://127.0.0.1:3000"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    changeOrigin"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("rewrite")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" path "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" path"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("replace")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token regex"}},[s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),s("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^\\/api")]),s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br")])]),s("p",[t._v("② 配置好上面的跨域代理后，来到 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/api",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/api"),s("OutboundLink")],1),t._v(" 目录，这里我们先新建一个 "),s("code",[t._v("utils.ts")]),t._v(" 文件用来配置环境，参考下面代码")]),t._v(" "),s("p",[t._v("注意：这里又分两种写法")]),t._v(" "),s("p",[t._v("第一种（也是最常用的一种，满足大多数场景，首选这种写法哦）：比如后端使用 "),s("code",[t._v("spring cloud")]),t._v(" 微服务架构，不同服务可能会部署在不同机器上，这时候前端必定产生跨域，推荐部署前端项目首选 "),s("a",{attrs:{href:"https://www.nginx.com/resources/wiki/",target:"_blank",rel:"noopener noreferrer"}},[t._v("nginx"),s("OutboundLink")],1),t._v("，可以利用 "),s("code",[t._v("nginx")]),t._v(" 的代理转发功能来解决跨域问题")]),t._v(" "),s("p",[t._v("utils.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/api/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("p",[t._v("第二种：前端打包直接丢给后端，放到后端项目里一起部署，协议、主机、端口都相同了，就没有跨域问题")]),t._v(" "),s("p",[t._v("utils.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v("\n  process"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("env"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("NODE_ENV")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("===")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"development"')]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/api/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("http://127.0.0.1:3000/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br")])]),s("p",[t._v("③ 写完上面的 "),s("code",[t._v("utils.ts")]),t._v(" 后，继续在 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/api",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/api"),s("OutboundLink")],1),t._v(" 目录，我们再建一个 "),s("code",[t._v("user.ts")]),t._v(" 文件，导出这个接口，供页面调用，参考下面代码")]),t._v(" "),s("p",[t._v("user.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 登录 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLogin")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("any")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("p",[t._v("④ 上面都完成后，我们在需要调用该接口的地方调用即可，参考 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L82",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/store/modules/user.ts"),s("OutboundLink")],1)]),t._v(" "),s("h5",{attrs:{id:"多个后端地址如何联调"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#多个后端地址如何联调"}},[t._v("#")]),t._v(" 多个后端地址如何联调")]),t._v(" "),s("p",[t._v("大致步骤和上面差不多，这里我们就简单写一下，具体对比上面的就行")]),t._v(" "),s("p",[t._v("① 在 "),s("code",[t._v("vite.config.ts")]),t._v(" 写入下面代码")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[t._v("proxy"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第一个代理后端地址")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"/api"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    target"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://127.0.0.1:3000"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    changeOrigin"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("rewrite")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" path "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" path"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("replace")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token regex"}},[s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),s("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^\\/api")]),s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第二个代理后端地址")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"/otherApi"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    target"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"http://127.0.0.1:3290"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    changeOrigin"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("rewrite")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" path "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" path"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("replace")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token regex"}},[s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")]),s("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[t._v("^\\/otherApi")]),s("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[t._v("/")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('""')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// websocket地址（知识点：wss只能在https安全协议下使用）")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v('// "/wsApi": {')]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v('//   target: "ws://localhost:3000",')]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("//   ws: true,")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// },")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// ...依此类推，有几个后端地址就写几个后端地址")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br")])]),s("p",[t._v("② 在 "),s("code",[t._v("utils.ts")]),t._v(" 里我们采用第一种写法，参考下面代码")]),t._v(" "),s("p",[t._v("utils.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第一个代理后端地址")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/api/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 第二个代理后端地址")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("baseUrlOtherApi")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token template-string"}},[s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("/otherApi/")]),s("span",{pre:!0,attrs:{class:"token interpolation"}},[s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("${")]),t._v("url"),s("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[t._v("}")])]),s("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[t._v("`")])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br")])]),s("p",[t._v("③ 第一个代理后端地址上面建的是 "),s("code",[t._v("user.ts")]),t._v(" 文件，那么第二个代理后端地址我们就建个 "),s("code",[t._v("other.ts")]),t._v(" 文件吧，参考下面代码")]),t._v(" "),s("p",[t._v("other.ts")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlOtherApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 该接口采用 http://127.0.0.1:3290 后端地址 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getOther")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("any")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"get"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlOtherApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"other"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br")])]),s("p",[t._v("最后，需要在哪里调用，引入使用即可")]),t._v(" "),s("h4",{attrs:{id:"如何声明接口返回值类型"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#如何声明接口返回值类型"}},[t._v("#")]),t._v(" 如何声明接口返回值类型")]),t._v(" "),s("p",[t._v("可以看到上面的写法 "),s("code",[t._v("http.request")]),t._v(" 后面跟的都是 "),s("code",[t._v("any")]),t._v("，这很不友好，参考下面友好类型写法即可")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 定义 login 接口返回值类型为 UserResult")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("type")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token class-name"}},[t._v("UserResult")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 是否请求成功 */")]),t._v("\n  success"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("boolean")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用户名 */")]),t._v("\n    username"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 当前登陆用户的角色 */")]),t._v("\n    roles"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("Array")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `token` */")]),t._v("\n    accessToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 用于调用刷新`accessToken`的接口时所需的`token` */")]),t._v("\n    refreshToken"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("string")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */")]),t._v("\n    expires"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" Date"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("/** 登录 */")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("getLogin")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),t._v("UserResult"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br"),s("span",{staticClass:"line-number"},[t._v("17")]),s("br"),s("span",{staticClass:"line-number"},[t._v("18")]),s("br"),s("span",{staticClass:"line-number"},[t._v("19")]),s("br"),s("span",{staticClass:"line-number"},[t._v("20")]),s("br"),s("span",{staticClass:"line-number"},[t._v("21")]),s("br"),s("span",{staticClass:"line-number"},[t._v("22")]),s("br"),s("span",{staticClass:"line-number"},[t._v("23")]),s("br"),s("span",{staticClass:"line-number"},[t._v("24")]),s("br"),s("span",{staticClass:"line-number"},[t._v("25")]),s("br")])]),s("h4",{attrs:{id:"平台封装的请求可以设置额外的-axios-配置吗"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#平台封装的请求可以设置额外的-axios-配置吗"}},[t._v("#")]),t._v(" 平台封装的请求可以设置额外的 axios 配置吗")]),t._v(" "),s("p",[t._v("当然可以。"),s("a",{attrs:{href:"#http-request-%E4%BC%A0%E5%8F%82%E8%A7%A3%E6%9E%90"}},[t._v("点击查看这里")]),t._v("，可以看到自定义 "),s("code",[t._v("axios")]),t._v(" 配置中 "),s("code",[t._v("axiosConfig")]),t._v(" 作为最后一个参数")]),t._v(" "),s("div",{staticClass:"language-ts line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-ts"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" http "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"@/utils/http"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("import")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" baseUrlApi "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("from")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"./utils"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("const")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function-variable function"}},[t._v("testRequest")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("data"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("?")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" object"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("return")]),t._v(" http"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token generic-function"}},[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("request")]),s("span",{pre:!0,attrs:{class:"token generic class-name"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("<")]),s("span",{pre:!0,attrs:{class:"token builtin"}},[t._v("any")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(">")])])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"post"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("baseUrlApi")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"login"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v(" data "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 自定义的axios配置在下面对象填写即可")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n      headers"),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        "),s("span",{pre:!0,attrs:{class:"token string-property property"}},[t._v('"Content-Type"')]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token string"}},[t._v('"application/x-www-form-urlencoded"')]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n      "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br"),s("span",{staticClass:"line-number"},[t._v("6")]),s("br"),s("span",{staticClass:"line-number"},[t._v("7")]),s("br"),s("span",{staticClass:"line-number"},[t._v("8")]),s("br"),s("span",{staticClass:"line-number"},[t._v("9")]),s("br"),s("span",{staticClass:"line-number"},[t._v("10")]),s("br"),s("span",{staticClass:"line-number"},[t._v("11")]),s("br"),s("span",{staticClass:"line-number"},[t._v("12")]),s("br"),s("span",{staticClass:"line-number"},[t._v("13")]),s("br"),s("span",{staticClass:"line-number"},[t._v("14")]),s("br"),s("span",{staticClass:"line-number"},[t._v("15")]),s("br"),s("span",{staticClass:"line-number"},[t._v("16")]),s("br")])]),s("h4",{attrs:{id:"jwt-token-内置无感刷新-token-解决方案"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#jwt-token-内置无感刷新-token-解决方案"}},[t._v("#")]),t._v(" "),s("code",[t._v("JWT Token")]),t._v("（内置无感刷新 "),s("code",[t._v("token")]),t._v(" 解决方案）")]),t._v(" "),s("p",[t._v("实现原理：后端返回两个 "),s("code",[t._v("token")]),t._v("（一个用来请求，一个用来刷新）和过期时间，前端将其进行本地存储，每当接口请求时，把本地存储的过期时间与本地当前时间对比，如果 "),s("code",[t._v("token")]),t._v(" 过期就把当前请求暂存，然后去请求刷新 "),s("code",[t._v("token")]),t._v(" 接口，获取到新 "),s("code",[t._v("token")]),t._v(" 后，再 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("触发"),s("OutboundLink")],1),t._v(" 暂存的请求")]),t._v(" "),s("h5",{attrs:{id:"信息存储"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#信息存储"}},[t._v("#")]),t._v(" 信息存储")]),t._v(" "),s("p",[t._v("具体看 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/auth.ts",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/utils/auth"),s("OutboundLink")],1),t._v(" 文件，里面有很详细的备注")]),t._v(" "),s("h5",{attrs:{id:"细节处理"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#细节处理"}},[t._v("#")]),t._v(" 细节处理")]),t._v(" "),s("p",[t._v("① 不需要携带 "),s("code",[t._v("token")]),t._v(" 的接口我们设置了 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L76",target:"_blank",rel:"noopener noreferrer"}},[t._v("请求白名单"),s("OutboundLink")],1)]),t._v(" "),s("p",[t._v("② 当 "),s("code",[t._v("token")]),t._v(" 过期后，平台会暂存请求，直到拿到新 "),s("code",[t._v("token")]),t._v(" 才会请求，避免了当页面有多个请求会重复刷新 "),s("code",[t._v("token")]),t._v(" 的问题。核心代码有三处："),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L51",target:"_blank",rel:"noopener noreferrer"}},[t._v("一"),s("OutboundLink")],1),t._v("、"),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L93",target:"_blank",rel:"noopener noreferrer"}},[t._v("二"),s("OutboundLink")],1),t._v("、"),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/http/index.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[t._v("三"),s("OutboundLink")],1)]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("生产环境 Mock 可以和真实接口共存吗？")]),t._v(" "),s("p",[t._v("当然可以共存，不过可能会遇到 "),s("code",[t._v("Mock")]),t._v(" 干扰真实接口的问题。如果您在开发环境接口没问题，但是到生产环境出问题了，在排除后端问题前提下可以尝试 "),s("a",{attrs:{href:"#%E5%A6%82%E4%BD%95%E5%BF%AB%E9%80%9F%E5%88%A0%E9%99%A4-mock"}},[t._v("删除 Mock")])])])])}),[],!1,null,null,null);s.default=e.exports}}]);
\ No newline at end of file
diff --git a/assets/js/23.18b9d4df.js b/assets/js/23.8355ef04.js
similarity index 98%
rename from assets/js/23.18b9d4df.js
rename to assets/js/23.8355ef04.js
index c4de59225..1881d3a61 100644
--- a/assets/js/23.18b9d4df.js
+++ b/assets/js/23.8355ef04.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{444:function(A,t){A.exports="data:image/jpeg;base64,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"},550:function(A,t,e){"use strict";e.r(t);var a=e(7),s=Object(a.a)({},(function(){var A=this,t=A._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":A.$parent.slotKey}},[t("p",[A._v("内置丰富的主题可供选择，也可自行配置主题并且适配了暗黑模式")]),A._v(" "),t("h2",{attrs:{id:"内置主题"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#内置主题"}},[A._v("#")]),A._v(" 内置主题")]),A._v(" "),t("p",[t("img",{attrs:{src:e(444),alt:"theme"}})]),A._v(" "),t("p",[A._v("从左往右："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[A._v("亮白色（默认）"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[A._v("道奇蓝"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[A._v("深紫罗兰色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[A._v("深粉色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[A._v("猩红色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[A._v("橙红色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L82",target:"_blank",rel:"noopener noreferrer"}},[A._v("绿宝石"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[A._v("酸橙绿"),t("OutboundLink")],1)]),A._v(" "),t("h2",{attrs:{id:"自定义主题"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#自定义主题"}},[A._v("#")]),A._v(" 自定义主题")]),A._v(" "),t("h3",{attrs:{id:"添加自定义主题"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#添加自定义主题"}},[A._v("#")]),A._v(" 添加自定义主题")]),A._v(" "),t("p",[A._v("① 将您需要的主题色加入 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useDataThemeChange.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[A._v("themeColors"),t("OutboundLink")],1),A._v(" 数组里，"),t("code",[A._v("color")]),A._v(" 为主题色值，"),t("code",[A._v("themeColor")]),A._v(" 为您给主题色取的别名")]),A._v(" "),t("p",[A._v("② 上一步完成后，我们将主题色在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[A._v("themeColors"),t("OutboundLink")],1),A._v(" 对象里进行充分适配，上面的 "),t("code",[A._v("themeColor")]),A._v(" 作为当前自定义主题色的 "),t("code",[A._v("key")]),A._v("，然后参考下面的字段解析，进行样式调试即可")]),A._v(" "),t("h3",{attrs:{id:"字段解析"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#字段解析"}},[A._v("#")]),A._v(" 字段解析")]),A._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 菜单激活时字体和图标的颜色")]),A._v("\nsubMenuActiveText"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 菜单未激活时的整体背景色")]),A._v("\nmenuBg"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 顶部、混合菜单模式下最右上角 搜索、告警、用户名、设置鼠标覆盖后的背景色")]),A._v("\nmenuHover"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 子菜单未激活时的背景色")]),A._v("\nsubMenuBg"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 子菜单激活时的背景色")]),A._v("\nsubMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 菜单未激活时字体和图标的颜色")]),A._v("\nmenuText"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// logo 的背景色")]),A._v("\nsidebarLogo"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 鼠标覆盖到菜单时字体和图标的颜色")]),A._v("\nmenuTitleHover"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 左侧、综合菜单模式下左边菜单 ::before 元素的背景色")]),A._v("\nmenuActiveBefore"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n")])]),A._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[A._v("1")]),t("br"),t("span",{staticClass:"line-number"},[A._v("2")]),t("br"),t("span",{staticClass:"line-number"},[A._v("3")]),t("br"),t("span",{staticClass:"line-number"},[A._v("4")]),t("br"),t("span",{staticClass:"line-number"},[A._v("5")]),t("br"),t("span",{staticClass:"line-number"},[A._v("6")]),t("br"),t("span",{staticClass:"line-number"},[A._v("7")]),t("br"),t("span",{staticClass:"line-number"},[A._v("8")]),t("br"),t("span",{staticClass:"line-number"},[A._v("9")]),t("br"),t("span",{staticClass:"line-number"},[A._v("10")]),t("br"),t("span",{staticClass:"line-number"},[A._v("11")]),t("br"),t("span",{staticClass:"line-number"},[A._v("12")]),t("br"),t("span",{staticClass:"line-number"},[A._v("13")]),t("br"),t("span",{staticClass:"line-number"},[A._v("14")]),t("br"),t("span",{staticClass:"line-number"},[A._v("15")]),t("br"),t("span",{staticClass:"line-number"},[A._v("16")]),t("br"),t("span",{staticClass:"line-number"},[A._v("17")]),t("br"),t("span",{staticClass:"line-number"},[A._v("18")]),t("br")])]),t("h2",{attrs:{id:"element-plus-主题色"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#element-plus-主题色"}},[A._v("#")]),A._v(" "),t("code",[A._v("element-plus")]),A._v(" 主题色")]),A._v(" "),t("p",[A._v("具体实现代码参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useDataThemeChange.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[A._v("setEpThemeColor"),t("OutboundLink")],1)]),A._v(" "),t("h2",{attrs:{id:"暗黑模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#暗黑模式"}},[A._v("#")]),A._v(" 暗黑模式")]),A._v(" "),t("h3",{attrs:{id:"页面如何打开暗黑模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#页面如何打开暗黑模式"}},[A._v("#")]),A._v(" 页面如何打开暗黑模式")]),A._v(" "),t("h3",{attrs:{id:"具体实现"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#具体实现"}},[A._v("#")]),A._v(" 具体实现")]),A._v(" "),t("p",[A._v("具体实现代码参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useDataThemeChange.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[A._v("dataThemeChange"),t("OutboundLink")],1)]),A._v(" "),t("h3",{attrs:{id:"样式兼容"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#样式兼容"}},[A._v("#")]),A._v(" 样式兼容")]),A._v(" "),t("p",[A._v("① 如果您想适配自己组件的暗黑样式，只需要在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/style/dark.scss",target:"_blank",rel:"noopener noreferrer"}},[A._v("dark.scss"),t("OutboundLink")],1),A._v(" 添加即可，当然这种方法也是当 "),t("code",[A._v("Tailwind CSS")]),A._v(" 无法实现或者实现不易的情况下才选用")]),A._v(" "),t("p",[A._v("② 使用 "),t("code",[A._v("Tailwind CSS")]),A._v(" (推荐)，在需要兼容暗黑模式的类名上加上 "),t("code",[A._v("dark:")]),A._v(" 即可，比如下面代码，更具体的可以参考这里 "),t("RouterLink",{attrs:{to:"/pages/tailwindcss/#_5-暗黑模式"}},[A._v("tailwindcss")])],1),A._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v("<")]),A._v("p")]),A._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[A._v("class")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[A._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v('"')]),A._v("dark:text-white"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(">")])]),A._v("Fighting!!!"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v("</")]),A._v("p")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(">")])]),A._v("\n")])]),A._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[A._v("1")]),t("br")])])])}),[],!1,null,null,null);t.default=s.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{445:function(A,t){A.exports="data:image/jpeg;base64,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"},551:function(A,t,e){"use strict";e.r(t);var a=e(7),s=Object(a.a)({},(function(){var A=this,t=A._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":A.$parent.slotKey}},[t("p",[A._v("内置丰富的主题可供选择，也可自行配置主题并且适配了暗黑模式")]),A._v(" "),t("h2",{attrs:{id:"内置主题"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#内置主题"}},[A._v("#")]),A._v(" 内置主题")]),A._v(" "),t("p",[t("img",{attrs:{src:e(445),alt:"theme"}})]),A._v(" "),t("p",[A._v("从左往右："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L10",target:"_blank",rel:"noopener noreferrer"}},[A._v("亮白色（默认）"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L22",target:"_blank",rel:"noopener noreferrer"}},[A._v("道奇蓝"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L34",target:"_blank",rel:"noopener noreferrer"}},[A._v("深紫罗兰色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L46",target:"_blank",rel:"noopener noreferrer"}},[A._v("深粉色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L58",target:"_blank",rel:"noopener noreferrer"}},[A._v("猩红色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L70",target:"_blank",rel:"noopener noreferrer"}},[A._v("橙红色"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L82",target:"_blank",rel:"noopener noreferrer"}},[A._v("绿宝石"),t("OutboundLink")],1),A._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L94",target:"_blank",rel:"noopener noreferrer"}},[A._v("酸橙绿"),t("OutboundLink")],1)]),A._v(" "),t("h2",{attrs:{id:"自定义主题"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#自定义主题"}},[A._v("#")]),A._v(" 自定义主题")]),A._v(" "),t("h3",{attrs:{id:"添加自定义主题"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#添加自定义主题"}},[A._v("#")]),A._v(" 添加自定义主题")]),A._v(" "),t("p",[A._v("① 将您需要的主题色加入 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useDataThemeChange.ts#L20",target:"_blank",rel:"noopener noreferrer"}},[A._v("themeColors"),t("OutboundLink")],1),A._v(" 数组里，"),t("code",[A._v("color")]),A._v(" 为主题色值，"),t("code",[A._v("themeColor")]),A._v(" 为您给主题色取的别名")]),A._v(" "),t("p",[A._v("② 上一步完成后，我们将主题色在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/theme/index.ts#L8",target:"_blank",rel:"noopener noreferrer"}},[A._v("themeColors"),t("OutboundLink")],1),A._v(" 对象里进行充分适配，上面的 "),t("code",[A._v("themeColor")]),A._v(" 作为当前自定义主题色的 "),t("code",[A._v("key")]),A._v("，然后参考下面的字段解析，进行样式调试即可")]),A._v(" "),t("h3",{attrs:{id:"字段解析"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#字段解析"}},[A._v("#")]),A._v(" 字段解析")]),A._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 菜单激活时字体和图标的颜色")]),A._v("\nsubMenuActiveText"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 菜单未激活时的整体背景色")]),A._v("\nmenuBg"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 顶部、混合菜单模式下最右上角 搜索、告警、用户名、设置鼠标覆盖后的背景色")]),A._v("\nmenuHover"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 子菜单未激活时的背景色")]),A._v("\nsubMenuBg"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 子菜单激活时的背景色")]),A._v("\nsubMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 菜单未激活时字体和图标的颜色")]),A._v("\nmenuText"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// logo 的背景色")]),A._v("\nsidebarLogo"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 鼠标覆盖到菜单时字体和图标的颜色")]),A._v("\nmenuTitleHover"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[A._v("// 左侧、综合菜单模式下左边菜单 ::before 元素的背景色")]),A._v("\nmenuActiveBefore"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(";")]),A._v("\n")])]),A._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[A._v("1")]),t("br"),t("span",{staticClass:"line-number"},[A._v("2")]),t("br"),t("span",{staticClass:"line-number"},[A._v("3")]),t("br"),t("span",{staticClass:"line-number"},[A._v("4")]),t("br"),t("span",{staticClass:"line-number"},[A._v("5")]),t("br"),t("span",{staticClass:"line-number"},[A._v("6")]),t("br"),t("span",{staticClass:"line-number"},[A._v("7")]),t("br"),t("span",{staticClass:"line-number"},[A._v("8")]),t("br"),t("span",{staticClass:"line-number"},[A._v("9")]),t("br"),t("span",{staticClass:"line-number"},[A._v("10")]),t("br"),t("span",{staticClass:"line-number"},[A._v("11")]),t("br"),t("span",{staticClass:"line-number"},[A._v("12")]),t("br"),t("span",{staticClass:"line-number"},[A._v("13")]),t("br"),t("span",{staticClass:"line-number"},[A._v("14")]),t("br"),t("span",{staticClass:"line-number"},[A._v("15")]),t("br"),t("span",{staticClass:"line-number"},[A._v("16")]),t("br"),t("span",{staticClass:"line-number"},[A._v("17")]),t("br"),t("span",{staticClass:"line-number"},[A._v("18")]),t("br")])]),t("h2",{attrs:{id:"element-plus-主题色"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#element-plus-主题色"}},[A._v("#")]),A._v(" "),t("code",[A._v("element-plus")]),A._v(" 主题色")]),A._v(" "),t("p",[A._v("具体实现代码参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useDataThemeChange.ts#L88",target:"_blank",rel:"noopener noreferrer"}},[A._v("setEpThemeColor"),t("OutboundLink")],1)]),A._v(" "),t("h2",{attrs:{id:"暗黑模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#暗黑模式"}},[A._v("#")]),A._v(" 暗黑模式")]),A._v(" "),t("h3",{attrs:{id:"页面如何打开暗黑模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#页面如何打开暗黑模式"}},[A._v("#")]),A._v(" 页面如何打开暗黑模式")]),A._v(" "),t("h3",{attrs:{id:"具体实现"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#具体实现"}},[A._v("#")]),A._v(" 具体实现")]),A._v(" "),t("p",[A._v("具体实现代码参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useDataThemeChange.ts#L100",target:"_blank",rel:"noopener noreferrer"}},[A._v("dataThemeChange"),t("OutboundLink")],1)]),A._v(" "),t("h3",{attrs:{id:"样式兼容"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#样式兼容"}},[A._v("#")]),A._v(" 样式兼容")]),A._v(" "),t("p",[A._v("① 如果您想适配自己组件的暗黑样式，只需要在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/style/dark.scss",target:"_blank",rel:"noopener noreferrer"}},[A._v("dark.scss"),t("OutboundLink")],1),A._v(" 添加即可，当然这种方法也是当 "),t("code",[A._v("Tailwind CSS")]),A._v(" 无法实现或者实现不易的情况下才选用")]),A._v(" "),t("p",[A._v("② 使用 "),t("code",[A._v("Tailwind CSS")]),A._v(" (推荐)，在需要兼容暗黑模式的类名上加上 "),t("code",[A._v("dark:")]),A._v(" 即可，比如下面代码，更具体的可以参考这里 "),t("RouterLink",{attrs:{to:"/pages/tailwindcss/#_5-暗黑模式"}},[A._v("tailwindcss")])],1),A._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v("<")]),A._v("p")]),A._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[A._v("class")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[A._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v('"')]),A._v("dark:text-white"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(">")])]),A._v("Fighting!!!"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v("</")]),A._v("p")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[A._v(">")])]),A._v("\n")])]),A._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[A._v("1")]),t("br")])])])}),[],!1,null,null,null);t.default=s.exports}}]);
\ No newline at end of file
diff --git a/assets/js/24.8a614524.js b/assets/js/24.c1a14340.js
similarity index 99%
rename from assets/js/24.8a614524.js
rename to assets/js/24.c1a14340.js
index afaa9015d..d1817aa72 100644
--- a/assets/js/24.8a614524.js
+++ b/assets/js/24.c1a14340.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{450:function(t,s,a){t.exports=a.p+"assets/img/vscode-tailwindcss.fac41941.png"},552:function(t,s,a){"use strict";a.r(s);var e=a(7),n=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("p",[t._v("平台内置了 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("Tailwind CSS"),s("OutboundLink")],1),t._v(" , 可通过各种 "),s("code",[t._v("程序类")]),t._v(' 快速构建自定义用户界面，再也不用写那些 "裹脚布" 似的 '),s("code",[t._v("css")]),t._v(" 啦")]),t._v(" "),s("h2",{attrs:{id:"tailwind-css-的-vscode-插件"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tailwind-css-的-vscode-插件"}},[t._v("#")]),t._v(" "),s("code",[t._v("Tailwind CSS")]),t._v(" 的 "),s("code",[t._v("vscode")]),t._v(" 插件")]),t._v(" "),s("p",[t._v("在 "),s("code",[t._v("vscode")]),t._v(" 插件商店搜 "),s("code",[t._v("bradlc.vscode-tailwindcss")]),t._v(" 安装后，鼠标覆盖到对应的类名，即可带来智能提示，如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(450),alt:"vscode-tailwindcss"}})]),t._v(" "),s("h2",{attrs:{id:"tailwind-css-文档"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tailwind-css-文档"}},[t._v("#")]),t._v(" "),s("code",[t._v("Tailwind CSS")]),t._v(" 文档")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://tailwindcss.com/docs",target:"_blank",rel:"noopener noreferrer"}},[t._v("官方英文文档"),s("OutboundLink")],1),t._v(" "),s("code",[t._v("Tailwind CSS 最新版本")]),s("br"),t._v(" "),s("a",{attrs:{href:"https://www.tailwindcss.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("非官方中文文档"),s("OutboundLink")],1)]),t._v(" "),s("h2",{attrs:{id:"tailwind-css-使用技巧"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tailwind-css-使用技巧"}},[t._v("#")]),t._v(" "),s("code",[t._v("Tailwind CSS")]),t._v(" 使用技巧")]),t._v(" "),s("h3",{attrs:{id:"_1-自定义属性值"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_1-自定义属性值"}},[t._v("#")]),t._v(" 1. 自定义属性值")]),t._v(" "),s("p",[t._v("拿最常用的 "),s("code",[t._v("width")]),t._v(" 属性来举例，"),s("code",[t._v("tailwindcss")]),t._v(" 内置了这些 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/width#class-reference",target:"_blank",rel:"noopener noreferrer"}},[t._v("width#class-reference"),s("OutboundLink")],1),t._v(" 类名，有时候用户想写任意宽度值怎么做呢，比如给 "),s("code",[t._v("div")]),t._v(" 一个 "),s("code",[t._v("666px")]),t._v(" 的宽度 ，只需要按照下面的写法。当然不仅仅是宽度可以自定义，所有属性都支持这种模式，你只需要在自定义的时候用 "),s("code",[t._v("[ ]")]),t._v("包起来即可。")]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("w-[666px]"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("h3",{attrs:{id:"_2-important-权重-这里我们分为-三-步走"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-important-权重-这里我们分为-三-步走"}},[t._v("#")]),t._v(" 2. "),s("code",[t._v("!important")]),t._v(" 权重，这里我们分为 "),s("code",[t._v("三")]),t._v(" 步走")]),t._v(" "),s("h4",{attrs:{id:"_2-1-单个实用程序类加-important"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-单个实用程序类加-important"}},[t._v("#")]),t._v(" 2-1. 单个实用程序类加 "),s("code",[t._v("!important")])]),t._v(" "),s("ul",[s("li",[t._v("比如给 "),s("code",[t._v("p")]),t._v(" 标签 一个 "),s("code",[t._v("black !important")]),t._v(" 的高权重字体颜色，只需要按照下面的写法。也就是某个属性，你需要加权重，那么就在其前面加上 "),s("code",[t._v("!")]),t._v(" 这个感叹号即可。")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("!text-black"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  This will be medium even though bold comes later in the CSS.\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br")])]),s("h4",{attrs:{id:"_2-2-总是在实用程序名称的开头-在任何变体之后-但在任何前缀之前"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-2-总是在实用程序名称的开头-在任何变体之后-但在任何前缀之前"}},[t._v("#")]),t._v(" 2-2. "),s("code",[t._v("!")]),t._v(" 总是在实用程序名称的开头，在任何变体之后，但在任何前缀之前")]),t._v(" "),s("ul",[s("li",[s("p",[t._v("比如下面的 "),s("code",[t._v("有效代码")]),t._v(" ，解释一下代码的意思，就是当鼠标覆盖上去，字体变成白色。 "),s("code",[t._v("hover:")]),t._v(" 代表 "),s("code",[t._v("变体")]),t._v(" ，"),s("code",[t._v("text-white")]),t._v(" 代表程序名称（任何前缀）。")]),t._v(" "),s("ul",[s("li",[t._v("有效代码")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hover:!text-white"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("ul",[s("li",[t._v("无效代码")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("!hover:text-white"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])])])]),t._v(" "),s("h4",{attrs:{id:"_2-3-全局配置-important"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-全局配置-important"}},[t._v("#")]),t._v(" 2-3. 全局配置"),s("code",[t._v("!important")])]),t._v(" "),s("ul",[s("li",[t._v("在 "),s("code",[t._v("tailwind.config.js")]),t._v(" 文件中如下配置即可，具体参考 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/configuration#important",target:"_blank",rel:"noopener noreferrer"}},[t._v("configuration#important"),s("OutboundLink")],1)])]),t._v(" "),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("module"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("exports "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("important")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br")])]),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("温馨提示 ❤️")]),t._v(" "),s("p",[t._v("全局配置 "),s("code",[t._v("!important")]),t._v(" 后，"),s("code",[t._v("Tailwind")]),t._v(" 的所有实用程序类都将生成为 "),s("code",[t._v("!important")]),t._v("，当然不推荐这里做，因为在合并向元素添加内联样式的第三方 "),s("code",[t._v("JS")]),t._v(" 库时，设置 "),s("code",[t._v("important")]),t._v(" 为可能会引入一些问题，"),s("code",[t._v("Tailwind")]),t._v(" 的 "),s("code",[t._v("!important")]),t._v(" 实用程序会破坏内联样式，这可能会破坏您的预期设计，不过也有解决办法，具体参考 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/configuration#selector-strategy",target:"_blank",rel:"noopener noreferrer"}},[t._v("configuration#selector-strategy"),s("OutboundLink")],1)])]),t._v(" "),s("h3",{attrs:{id:"_3-悬停、焦点和其他状态"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_3-悬停、焦点和其他状态"}},[t._v("#")]),t._v(" 3. 悬停、焦点和其他状态")]),t._v(" "),s("ul",[s("li",[t._v("具体看这里 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/hover-focus-and-other-states",target:"_blank",rel:"noopener noreferrer"}},[t._v("hover-focus-and-other-states"),s("OutboundLink")],1)])]),t._v(" "),s("h3",{attrs:{id:"_4-响应式设计"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_4-响应式设计"}},[t._v("#")]),t._v(" 4. 响应式设计")]),t._v(" "),s("ul",[s("li",[t._v("具体看这里 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/responsive-design",target:"_blank",rel:"noopener noreferrer"}},[t._v("responsive-design"),s("OutboundLink")],1)])]),t._v(" "),s("h3",{attrs:{id:"_5-暗黑模式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_5-暗黑模式"}},[t._v("#")]),t._v(" 5. 暗黑模式")]),t._v(" "),s("ul",[s("li",[t._v("比如在 "),s("code",[t._v("非暗黑")]),t._v(" 模式时给 "),s("code",[t._v("div")]),t._v(" 标签一个 "),s("code",[t._v("白")]),t._v(" 色背景（ "),s("code",[t._v("bg-white")]),t._v(" ），在 "),s("code",[t._v("暗黑")]),t._v(" 模式时给 "),s("code",[t._v("div")]),t._v(" 标签一个 "),s("code",[t._v("黑")]),t._v(" 色背景（ "),s("code",[t._v("bg-black")]),t._v(" ），只需要在程序类前面加上 "),s("code",[t._v("dark:")]),t._v(" 即可。")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("bg-white dark:bg-black"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("h3",{attrs:{id:"_5-重用样式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_5-重用样式"}},[t._v("#")]),t._v(" 5. 重用样式")]),t._v(" "),s("p",[t._v("当项目越来越大时，如果不规范使用 "),s("code",[t._v("tailwindcss")]),t._v(" ，很容易造成项目难以维护。这里平台有两点提议，如下：")]),t._v(" "),s("ul",[s("li",[t._v("① 将重复的模块，抽离成组件")]),t._v(" "),s("li",[t._v("② 使用 "),s("code",[t._v("@apply")]),t._v(" 提取类，参考 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/style/tailwind.css#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/style/tailwind.css"),s("OutboundLink")],1),t._v("，代码解释如下：")])]),t._v(" "),s("div",{staticClass:"language-css line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@layer")]),t._v(" components")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".flex-c")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@apply")]),t._v(" flex justify-center items-center"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br")])]),s("p",[t._v("上面的代码意思是，将 "),s("code",[t._v("flex")]),t._v(" 、 "),s("code",[t._v("justify-center")]),t._v(" 、 "),s("code",[t._v("items-center")]),t._v(" 都提取到自定义的 "),s("code",[t._v("flex-c")]),t._v(" 这个程序类里，然后我们可以向下面代码一样使用：")]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("flex-c"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("h3",{attrs:{id:"_6-定制化-tailwind-css"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_6-定制化-tailwind-css"}},[t._v("#")]),t._v(" 6. 定制化 "),s("code",[t._v("Tailwind CSS")])]),t._v(" "),s("ul",[s("li",[t._v("具体看这里 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/configuration",target:"_blank",rel:"noopener noreferrer"}},[t._v("configuration"),s("OutboundLink")],1)])]),t._v(" "),s("h2",{attrs:{id:"cssnano"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cssnano"}},[t._v("#")]),t._v(" "),s("code",[t._v("CSSNANO")])]),t._v(" "),s("ul",[s("li",[s("a",{attrs:{href:"https://www.cssnano.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("cssnano 中文文档"),s("OutboundLink")],1)]),t._v(" "),s("li",[t._v("平台集成了 "),s("code",[t._v("cssnano")]),t._v(" "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/postcss.config.js#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("集成代码位置"),s("OutboundLink")],1),t._v(" ，它是一款基于 "),s("code",[t._v("postcss")]),t._v(" 构建的 "),s("code",[t._v("css")]),t._v(" 优化开源工具。"),s("code",[t._v("cssnano")]),t._v(" 能为你的 "),s("code",[t._v("CSS")]),t._v(" 文件做多方面（多余的空白被删除、标识符被压缩、清理无用的 "),s("code",[t._v("CSS")]),t._v(" 代码）的的优化，以确保最终生成的 "),s("code",[t._v("CSS")]),t._v(" 文件对生产环境来说体积是最小的。")])]),t._v(" "),s("h2",{attrs:{id:"autoprefixer"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#autoprefixer"}},[t._v("#")]),t._v(" "),s("code",[t._v("Autoprefixer")])]),t._v(" "),s("ul",[s("li",[t._v("平台集成了 "),s("code",[t._v("Autoprefixer")]),t._v(" "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/postcss.config.js#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("集成代码位置"),s("OutboundLink")],1),t._v(" ,它是一款自动管理浏览器前缀（"),s("code",[t._v("-webkit-")]),t._v(" 、 "),s("code",[t._v("-moz-")]),t._v(" 、 "),s("code",[t._v("-ms-")]),t._v("）的插件，它可以解析 "),s("code",[t._v("CSS")]),t._v(" 文件并且添加浏览器前缀到 "),s("code",[t._v("CSS")]),t._v(" 内容里，也就是说写 "),s("code",[t._v("CSS")]),t._v(" 的时候，你不用考虑前缀了，会自动加上前缀。")])]),t._v(" "),s("h2",{attrs:{id:"postcss"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#postcss"}},[t._v("#")]),t._v(" "),s("code",[t._v("PostCSS")])]),t._v(" "),s("ul",[s("li",[s("code",[t._v("postcss")]),t._v(" 是一款通过 "),s("code",[t._v("js")]),t._v(" 插件来转换 "),s("code",[t._v("css")]),t._v(" 的开源工具，通过这些插件可以支持变量和混合，可以通过追加浏览器前缀生成兼容性的样式，也可以通过 "),s("a",{attrs:{href:"https://zhuanlan.zhihu.com/p/71640183",target:"_blank",rel:"noopener noreferrer"}},[t._v("polyfill"),s("OutboundLink")],1),t._v(" 把新的样式特性处理成通用的样式，可以使用 "),s("code",[t._v("css")]),t._v(" 模块以及样式的规则校验，关于 "),s("code",[t._v("postcss")]),t._v(" 更多的内容点 "),s("a",{attrs:{href:"https://github.com/postcss/postcss/blob/main/docs/README-cn.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("这里"),s("OutboundLink")],1),t._v(" 去了解。")])]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("CSS 框架选型经历")]),t._v(" "),s("p",[t._v("平台其实在 "),s("code",[t._v("CSS 框架")]),t._v(" 选型中一共经历了"),s("code",[t._v("三")]),t._v("个阶段。")]),t._v(" "),s("ul",[s("li",[t._v("第一阶段："),s("a",{attrs:{href:"https://windicss.org",target:"_blank",rel:"noopener noreferrer"}},[t._v("windicss"),s("OutboundLink")],1),t._v(" 起初选这个的原因是当时 "),s("code",[t._v("tailwindcss")]),t._v(" 还没有升级到 "),s("code",[t._v("v3.0")]),t._v(" 版本")]),t._v(" "),s("li",[t._v("第二阶段："),s("a",{attrs:{href:"https://unocss.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("unocss"),s("OutboundLink")],1),t._v(" 选择这个的原因是 "),s("code",[t._v("windicss")]),t._v(" 好久没有维护了，并且 "),s("code",[t._v("windicss")]),t._v(" 还有本地开发内存溢出等问题")]),t._v(" "),s("li",[t._v("第三阶段："),s("a",{attrs:{href:"https://tailwindcss.com/docs/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("tailwindcss"),s("OutboundLink")],1),t._v(" 选择这个的原因是虽然 "),s("code",[t._v("unocss")]),t._v(" 很强大，功能也多，但是可能就是因为功能太多，带来的问题也就越多吧。其实，平台只是需要一个稳定的纯 "),s("code",[t._v("CSS")]),t._v(" 框架。"),s("code",[t._v("tailwindcss")]),t._v(" 在 "),s("code",[t._v("vite")]),t._v(" 中使用不需要安装什么插件，只需要安装 "),s("code",[t._v("tailwindcss")]),t._v(" 即可，并且 "),s("code",[t._v("tailwindcss")]),t._v(" 未处理的 "),s("a",{attrs:{href:"https://github.com/tailwindlabs/tailwindcss/issues",target:"_blank",rel:"noopener noreferrer"}},[t._v("issues"),s("OutboundLink")],1),t._v(" 极少，维护很及时，经过再三考虑和一些实践，最终选择了稳定的 "),s("code",[t._v("tailwindcss")])])])])])}),[],!1,null,null,null);s.default=n.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{444:function(t,s,a){t.exports=a.p+"assets/img/vscode-tailwindcss.fac41941.png"},550:function(t,s,a){"use strict";a.r(s);var e=a(7),n=Object(e.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("p",[t._v("平台内置了 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("Tailwind CSS"),s("OutboundLink")],1),t._v(" , 可通过各种 "),s("code",[t._v("程序类")]),t._v(' 快速构建自定义用户界面，再也不用写那些 "裹脚布" 似的 '),s("code",[t._v("css")]),t._v(" 啦")]),t._v(" "),s("h2",{attrs:{id:"tailwind-css-的-vscode-插件"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tailwind-css-的-vscode-插件"}},[t._v("#")]),t._v(" "),s("code",[t._v("Tailwind CSS")]),t._v(" 的 "),s("code",[t._v("vscode")]),t._v(" 插件")]),t._v(" "),s("p",[t._v("在 "),s("code",[t._v("vscode")]),t._v(" 插件商店搜 "),s("code",[t._v("bradlc.vscode-tailwindcss")]),t._v(" 安装后，鼠标覆盖到对应的类名，即可带来智能提示，如下图")]),t._v(" "),s("p",[s("img",{attrs:{src:a(444),alt:"vscode-tailwindcss"}})]),t._v(" "),s("h2",{attrs:{id:"tailwind-css-文档"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tailwind-css-文档"}},[t._v("#")]),t._v(" "),s("code",[t._v("Tailwind CSS")]),t._v(" 文档")]),t._v(" "),s("p",[s("a",{attrs:{href:"https://tailwindcss.com/docs",target:"_blank",rel:"noopener noreferrer"}},[t._v("官方英文文档"),s("OutboundLink")],1),t._v(" "),s("code",[t._v("Tailwind CSS 最新版本")]),s("br"),t._v(" "),s("a",{attrs:{href:"https://www.tailwindcss.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("非官方中文文档"),s("OutboundLink")],1)]),t._v(" "),s("h2",{attrs:{id:"tailwind-css-使用技巧"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#tailwind-css-使用技巧"}},[t._v("#")]),t._v(" "),s("code",[t._v("Tailwind CSS")]),t._v(" 使用技巧")]),t._v(" "),s("h3",{attrs:{id:"_1-自定义属性值"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_1-自定义属性值"}},[t._v("#")]),t._v(" 1. 自定义属性值")]),t._v(" "),s("p",[t._v("拿最常用的 "),s("code",[t._v("width")]),t._v(" 属性来举例，"),s("code",[t._v("tailwindcss")]),t._v(" 内置了这些 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/width#class-reference",target:"_blank",rel:"noopener noreferrer"}},[t._v("width#class-reference"),s("OutboundLink")],1),t._v(" 类名，有时候用户想写任意宽度值怎么做呢，比如给 "),s("code",[t._v("div")]),t._v(" 一个 "),s("code",[t._v("666px")]),t._v(" 的宽度 ，只需要按照下面的写法。当然不仅仅是宽度可以自定义，所有属性都支持这种模式，你只需要在自定义的时候用 "),s("code",[t._v("[ ]")]),t._v("包起来即可。")]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("w-[666px]"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("/>")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("h3",{attrs:{id:"_2-important-权重-这里我们分为-三-步走"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-important-权重-这里我们分为-三-步走"}},[t._v("#")]),t._v(" 2. "),s("code",[t._v("!important")]),t._v(" 权重，这里我们分为 "),s("code",[t._v("三")]),t._v(" 步走")]),t._v(" "),s("h4",{attrs:{id:"_2-1-单个实用程序类加-important"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-1-单个实用程序类加-important"}},[t._v("#")]),t._v(" 2-1. 单个实用程序类加 "),s("code",[t._v("!important")])]),t._v(" "),s("ul",[s("li",[t._v("比如给 "),s("code",[t._v("p")]),t._v(" 标签 一个 "),s("code",[t._v("black !important")]),t._v(" 的高权重字体颜色，只需要按照下面的写法。也就是某个属性，你需要加权重，那么就在其前面加上 "),s("code",[t._v("!")]),t._v(" 这个感叹号即可。")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("p")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("!text-black"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n  This will be medium even though bold comes later in the CSS.\n"),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("p")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br")])]),s("h4",{attrs:{id:"_2-2-总是在实用程序名称的开头-在任何变体之后-但在任何前缀之前"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-2-总是在实用程序名称的开头-在任何变体之后-但在任何前缀之前"}},[t._v("#")]),t._v(" 2-2. "),s("code",[t._v("!")]),t._v(" 总是在实用程序名称的开头，在任何变体之后，但在任何前缀之前")]),t._v(" "),s("ul",[s("li",[s("p",[t._v("比如下面的 "),s("code",[t._v("有效代码")]),t._v(" ，解释一下代码的意思，就是当鼠标覆盖上去，字体变成白色。 "),s("code",[t._v("hover:")]),t._v(" 代表 "),s("code",[t._v("变体")]),t._v(" ，"),s("code",[t._v("text-white")]),t._v(" 代表程序名称（任何前缀）。")]),t._v(" "),s("ul",[s("li",[t._v("有效代码")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("hover:!text-white"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("ul",[s("li",[t._v("无效代码")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("!hover:text-white"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])])])]),t._v(" "),s("h4",{attrs:{id:"_2-3-全局配置-important"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_2-3-全局配置-important"}},[t._v("#")]),t._v(" 2-3. 全局配置"),s("code",[t._v("!important")])]),t._v(" "),s("ul",[s("li",[t._v("在 "),s("code",[t._v("tailwind.config.js")]),t._v(" 文件中如下配置即可，具体参考 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/configuration#important",target:"_blank",rel:"noopener noreferrer"}},[t._v("configuration#important"),s("OutboundLink")],1)])]),t._v(" "),s("div",{staticClass:"language-js line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("module"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("exports "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token literal-property property"}},[t._v("important")]),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("true")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br")])]),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("温馨提示 ❤️")]),t._v(" "),s("p",[t._v("全局配置 "),s("code",[t._v("!important")]),t._v(" 后，"),s("code",[t._v("Tailwind")]),t._v(" 的所有实用程序类都将生成为 "),s("code",[t._v("!important")]),t._v("，当然不推荐这里做，因为在合并向元素添加内联样式的第三方 "),s("code",[t._v("JS")]),t._v(" 库时，设置 "),s("code",[t._v("important")]),t._v(" 为可能会引入一些问题，"),s("code",[t._v("Tailwind")]),t._v(" 的 "),s("code",[t._v("!important")]),t._v(" 实用程序会破坏内联样式，这可能会破坏您的预期设计，不过也有解决办法，具体参考 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/configuration#selector-strategy",target:"_blank",rel:"noopener noreferrer"}},[t._v("configuration#selector-strategy"),s("OutboundLink")],1)])]),t._v(" "),s("h3",{attrs:{id:"_3-悬停、焦点和其他状态"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_3-悬停、焦点和其他状态"}},[t._v("#")]),t._v(" 3. 悬停、焦点和其他状态")]),t._v(" "),s("ul",[s("li",[t._v("具体看这里 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/hover-focus-and-other-states",target:"_blank",rel:"noopener noreferrer"}},[t._v("hover-focus-and-other-states"),s("OutboundLink")],1)])]),t._v(" "),s("h3",{attrs:{id:"_4-响应式设计"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_4-响应式设计"}},[t._v("#")]),t._v(" 4. 响应式设计")]),t._v(" "),s("ul",[s("li",[t._v("具体看这里 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/responsive-design",target:"_blank",rel:"noopener noreferrer"}},[t._v("responsive-design"),s("OutboundLink")],1)])]),t._v(" "),s("h3",{attrs:{id:"_5-暗黑模式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_5-暗黑模式"}},[t._v("#")]),t._v(" 5. 暗黑模式")]),t._v(" "),s("ul",[s("li",[t._v("比如在 "),s("code",[t._v("非暗黑")]),t._v(" 模式时给 "),s("code",[t._v("div")]),t._v(" 标签一个 "),s("code",[t._v("白")]),t._v(" 色背景（ "),s("code",[t._v("bg-white")]),t._v(" ），在 "),s("code",[t._v("暗黑")]),t._v(" 模式时给 "),s("code",[t._v("div")]),t._v(" 标签一个 "),s("code",[t._v("黑")]),t._v(" 色背景（ "),s("code",[t._v("bg-black")]),t._v(" ），只需要在程序类前面加上 "),s("code",[t._v("dark:")]),t._v(" 即可。")])]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("bg-white dark:bg-black"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("h3",{attrs:{id:"_5-重用样式"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_5-重用样式"}},[t._v("#")]),t._v(" 5. 重用样式")]),t._v(" "),s("p",[t._v("当项目越来越大时，如果不规范使用 "),s("code",[t._v("tailwindcss")]),t._v(" ，很容易造成项目难以维护。这里平台有两点提议，如下：")]),t._v(" "),s("ul",[s("li",[t._v("① 将重复的模块，抽离成组件")]),t._v(" "),s("li",[t._v("② 使用 "),s("code",[t._v("@apply")]),t._v(" 提取类，参考 "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/style/tailwind.css#L7",target:"_blank",rel:"noopener noreferrer"}},[t._v("src/style/tailwind.css"),s("OutboundLink")],1),t._v("，代码解释如下：")])]),t._v(" "),s("div",{staticClass:"language-css line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-css"}},[s("code",[s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@layer")]),t._v(" components")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token selector"}},[t._v(".flex-c")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token atrule"}},[s("span",{pre:!0,attrs:{class:"token rule"}},[t._v("@apply")]),t._v(" flex justify-center items-center"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")])]),t._v("\n  "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br"),s("span",{staticClass:"line-number"},[t._v("2")]),s("br"),s("span",{staticClass:"line-number"},[t._v("3")]),s("br"),s("span",{staticClass:"line-number"},[t._v("4")]),s("br"),s("span",{staticClass:"line-number"},[t._v("5")]),s("br")])]),s("p",[t._v("上面的代码意思是，将 "),s("code",[t._v("flex")]),t._v(" 、 "),s("code",[t._v("justify-center")]),t._v(" 、 "),s("code",[t._v("items-center")]),t._v(" 都提取到自定义的 "),s("code",[t._v("flex-c")]),t._v(" 这个程序类里，然后我们可以向下面代码一样使用：")]),t._v(" "),s("div",{staticClass:"language-html line-numbers-mode"},[s("pre",{pre:!0,attrs:{class:"language-html"}},[s("code",[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("<")]),t._v("div")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token attr-name"}},[t._v("class")]),s("span",{pre:!0,attrs:{class:"token attr-value"}},[s("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[t._v("=")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')]),t._v("flex-c"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v('"')])]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token tag"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("</")]),t._v("div")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),t._v(" "),s("div",{staticClass:"line-numbers-wrapper"},[s("span",{staticClass:"line-number"},[t._v("1")]),s("br")])]),s("h3",{attrs:{id:"_6-定制化-tailwind-css"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#_6-定制化-tailwind-css"}},[t._v("#")]),t._v(" 6. 定制化 "),s("code",[t._v("Tailwind CSS")])]),t._v(" "),s("ul",[s("li",[t._v("具体看这里 "),s("a",{attrs:{href:"https://tailwindcss.com/docs/configuration",target:"_blank",rel:"noopener noreferrer"}},[t._v("configuration"),s("OutboundLink")],1)])]),t._v(" "),s("h2",{attrs:{id:"cssnano"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#cssnano"}},[t._v("#")]),t._v(" "),s("code",[t._v("CSSNANO")])]),t._v(" "),s("ul",[s("li",[s("a",{attrs:{href:"https://www.cssnano.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("cssnano 中文文档"),s("OutboundLink")],1)]),t._v(" "),s("li",[t._v("平台集成了 "),s("code",[t._v("cssnano")]),t._v(" "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/postcss.config.js#L10",target:"_blank",rel:"noopener noreferrer"}},[t._v("集成代码位置"),s("OutboundLink")],1),t._v(" ，它是一款基于 "),s("code",[t._v("postcss")]),t._v(" 构建的 "),s("code",[t._v("css")]),t._v(" 优化开源工具。"),s("code",[t._v("cssnano")]),t._v(" 能为你的 "),s("code",[t._v("CSS")]),t._v(" 文件做多方面（多余的空白被删除、标识符被压缩、清理无用的 "),s("code",[t._v("CSS")]),t._v(" 代码）的的优化，以确保最终生成的 "),s("code",[t._v("CSS")]),t._v(" 文件对生产环境来说体积是最小的。")])]),t._v(" "),s("h2",{attrs:{id:"autoprefixer"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#autoprefixer"}},[t._v("#")]),t._v(" "),s("code",[t._v("Autoprefixer")])]),t._v(" "),s("ul",[s("li",[t._v("平台集成了 "),s("code",[t._v("Autoprefixer")]),t._v(" "),s("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/postcss.config.js#L9",target:"_blank",rel:"noopener noreferrer"}},[t._v("集成代码位置"),s("OutboundLink")],1),t._v(" ,它是一款自动管理浏览器前缀（"),s("code",[t._v("-webkit-")]),t._v(" 、 "),s("code",[t._v("-moz-")]),t._v(" 、 "),s("code",[t._v("-ms-")]),t._v("）的插件，它可以解析 "),s("code",[t._v("CSS")]),t._v(" 文件并且添加浏览器前缀到 "),s("code",[t._v("CSS")]),t._v(" 内容里，也就是说写 "),s("code",[t._v("CSS")]),t._v(" 的时候，你不用考虑前缀了，会自动加上前缀。")])]),t._v(" "),s("h2",{attrs:{id:"postcss"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#postcss"}},[t._v("#")]),t._v(" "),s("code",[t._v("PostCSS")])]),t._v(" "),s("ul",[s("li",[s("code",[t._v("postcss")]),t._v(" 是一款通过 "),s("code",[t._v("js")]),t._v(" 插件来转换 "),s("code",[t._v("css")]),t._v(" 的开源工具，通过这些插件可以支持变量和混合，可以通过追加浏览器前缀生成兼容性的样式，也可以通过 "),s("a",{attrs:{href:"https://zhuanlan.zhihu.com/p/71640183",target:"_blank",rel:"noopener noreferrer"}},[t._v("polyfill"),s("OutboundLink")],1),t._v(" 把新的样式特性处理成通用的样式，可以使用 "),s("code",[t._v("css")]),t._v(" 模块以及样式的规则校验，关于 "),s("code",[t._v("postcss")]),t._v(" 更多的内容点 "),s("a",{attrs:{href:"https://github.com/postcss/postcss/blob/main/docs/README-cn.md",target:"_blank",rel:"noopener noreferrer"}},[t._v("这里"),s("OutboundLink")],1),t._v(" 去了解。")])]),t._v(" "),s("div",{staticClass:"custom-block tip"},[s("p",{staticClass:"custom-block-title"},[t._v("CSS 框架选型经历")]),t._v(" "),s("p",[t._v("平台其实在 "),s("code",[t._v("CSS 框架")]),t._v(" 选型中一共经历了"),s("code",[t._v("三")]),t._v("个阶段。")]),t._v(" "),s("ul",[s("li",[t._v("第一阶段："),s("a",{attrs:{href:"https://windicss.org",target:"_blank",rel:"noopener noreferrer"}},[t._v("windicss"),s("OutboundLink")],1),t._v(" 起初选这个的原因是当时 "),s("code",[t._v("tailwindcss")]),t._v(" 还没有升级到 "),s("code",[t._v("v3.0")]),t._v(" 版本")]),t._v(" "),s("li",[t._v("第二阶段："),s("a",{attrs:{href:"https://unocss.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("unocss"),s("OutboundLink")],1),t._v(" 选择这个的原因是 "),s("code",[t._v("windicss")]),t._v(" 好久没有维护了，并且 "),s("code",[t._v("windicss")]),t._v(" 还有本地开发内存溢出等问题")]),t._v(" "),s("li",[t._v("第三阶段："),s("a",{attrs:{href:"https://tailwindcss.com/docs/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("tailwindcss"),s("OutboundLink")],1),t._v(" 选择这个的原因是虽然 "),s("code",[t._v("unocss")]),t._v(" 很强大，功能也多，但是可能就是因为功能太多，带来的问题也就越多吧。其实，平台只是需要一个稳定的纯 "),s("code",[t._v("CSS")]),t._v(" 框架。"),s("code",[t._v("tailwindcss")]),t._v(" 在 "),s("code",[t._v("vite")]),t._v(" 中使用不需要安装什么插件，只需要安装 "),s("code",[t._v("tailwindcss")]),t._v(" 即可，并且 "),s("code",[t._v("tailwindcss")]),t._v(" 未处理的 "),s("a",{attrs:{href:"https://github.com/tailwindlabs/tailwindcss/issues",target:"_blank",rel:"noopener noreferrer"}},[t._v("issues"),s("OutboundLink")],1),t._v(" 极少，维护很及时，经过再三考虑和一些实践，最终选择了稳定的 "),s("code",[t._v("tailwindcss")])])])])])}),[],!1,null,null,null);s.default=n.exports}}]);
\ No newline at end of file
diff --git a/assets/js/26.62302f24.js b/assets/js/26.720db236.js
similarity index 97%
rename from assets/js/26.62302f24.js
rename to assets/js/26.720db236.js
index b679cb208..72da6b06f 100644
--- a/assets/js/26.62302f24.js
+++ b/assets/js/26.720db236.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{464:function(s,t,n){s.exports=n.p+"assets/img/optimize.b8e2fb94.jpg"},557:function(s,t,n){"use strict";n.r(t);var e=n(7),a=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("p",[s._v("主要介绍下如何在 "),t("code",[s._v("pure-admin")]),s._v(" 平台进行正确有效的 "),t("code",[s._v("vite")]),s._v(" 预构建配置")]),s._v(" "),t("h2",{attrs:{id:"include"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#include"}},[s._v("#")]),s._v(" "),t("code",[s._v("include")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[s._v("optimizeDeps.include"),t("OutboundLink")],1),s._v(" 配置为需要预构建的模块。"),t("code",[s._v("vite")]),s._v(" 启动时会将 "),t("code",[s._v("optimizeDeps.include")]),s._v(" 里的模块，编译成 "),t("code",[s._v("esm")]),s._v(" 格式并缓存到 "),t("code",[s._v("node_modules/.vite")]),s._v(" 文件夹，页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存，如果没有会读取本地缓存并按需加载")]),s._v(" "),t("p",[t("img",{attrs:{src:n(464),alt:"theme"}})]),s._v(" "),t("p",[s._v("下面是精简版 "),t("code",[s._v("optimizeDeps.include")]),s._v(" 配置，将 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/package.json#L50-L75",target:"_blank",rel:"noopener noreferrer"}},[s._v("dependencies"),t("OutboundLink")],1),s._v(" 大部分未全局安装的模块都配置进来，当然如果模块里面的东西很少，也就是里面方法不多，可以不用配置进来直接让浏览器加载即可（您自己安装的模块也是参考该配置）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" include "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"qs"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mitt"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"dayjs"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"axios"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pinia"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue-types"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"js-cookie"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue-tippy"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pinyin-pro"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sortablejs"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@vueuse/core"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@pureadmin/utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"responsive-storage"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br")])])]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("提示")]),s._v(" "),t("ol",[t("li",[s._v("尤其当您禁用浏览器缓存时（这种情况只应该发生在调试阶段）必须将对应模块加入到 "),t("code",[s._v("include")]),s._v(" 里，否则会遇到开发环境切换页面卡顿的问题（"),t("code",[s._v("vite")]),s._v(" 会认为它是一个新的依赖包会重新加载并强制刷新页面），因为它既无法使用浏览器缓存，又没有在本地 "),t("code",[s._v("node_modules/.vite")]),s._v(" 里缓存")]),s._v(" "),t("li",[s._v("如果您使用的第三方库是全局引入，也就是引入到 "),t("code",[s._v("src/main.ts")]),s._v(" 文件里，就不需要再添加到 "),t("code",[s._v("include")]),s._v(" 里了，因为 "),t("code",[s._v("vite")]),s._v(" 会自动将它们缓存到 "),t("code",[s._v("node_modules/.vite")])])])]),s._v(" "),t("h2",{attrs:{id:"exclude"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#exclude"}},[s._v("#")]),s._v(" "),t("code",[s._v("exclude")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[s._v("optimizeDeps.exclude"),t("OutboundLink")],1),s._v(" 配置为排除预构建的模块。需要注意的是平台里所有以 "),t("code",[s._v("@iconify-icons/")]),s._v(" 开头引入的的本地图标模块，都应加入到下面的 "),t("code",[s._v("exclude")]),s._v(" 里，因为平台推荐本地图标的使用方式是哪里需要哪里引入而且都是单个的引入，不需要预构建，直接让浏览器加载就好")]),s._v(" "),t("p",[s._v("下面是精简版 "),t("code",[s._v("optimizeDeps.exclude")]),s._v(" 配置")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" exclude "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@iconify-icons/ep"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@iconify-icons/ri"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@pureadmin/theme/dist/browser-utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br")])])]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("推荐阅读")]),s._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://cn.vitejs.dev/guide/dep-pre-bundling.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("依赖预构建"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vite文档"}})],1),s._v(" "),t("li",[t("a",{attrs:{href:"https://juejin.cn/post/7064853960636989454",target:"_blank",rel:"noopener noreferrer"}},[s._v("深入理解 Vite 核心原理"),t("OutboundLink")],1)])])])])}),[],!1,null,null,null);t.default=a.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[26],{467:function(s,t,n){s.exports=n.p+"assets/img/optimize.b8e2fb94.jpg"},558:function(s,t,n){"use strict";n.r(t);var e=n(7),a=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("p",[s._v("主要介绍下如何在 "),t("code",[s._v("pure-admin")]),s._v(" 平台进行正确有效的 "),t("code",[s._v("vite")]),s._v(" 预构建配置")]),s._v(" "),t("h2",{attrs:{id:"include"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#include"}},[s._v("#")]),s._v(" "),t("code",[s._v("include")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[s._v("optimizeDeps.include"),t("OutboundLink")],1),s._v(" 配置为需要预构建的模块。"),t("code",[s._v("vite")]),s._v(" 启动时会将 "),t("code",[s._v("optimizeDeps.include")]),s._v(" 里的模块，编译成 "),t("code",[s._v("esm")]),s._v(" 格式并缓存到 "),t("code",[s._v("node_modules/.vite")]),s._v(" 文件夹，页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存，如果没有会读取本地缓存并按需加载")]),s._v(" "),t("p",[t("img",{attrs:{src:n(467),alt:"theme"}})]),s._v(" "),t("p",[s._v("下面是精简版 "),t("code",[s._v("optimizeDeps.include")]),s._v(" 配置，将 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/package.json#L50-L75",target:"_blank",rel:"noopener noreferrer"}},[s._v("dependencies"),t("OutboundLink")],1),s._v(" 大部分未全局安装的模块都配置进来，当然如果模块里面的东西很少，也就是里面方法不多，可以不用配置进来直接让浏览器加载即可（您自己安装的模块也是参考该配置）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" include "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"qs"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"mitt"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"dayjs"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"axios"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pinia"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue-types"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"js-cookie"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue-tippy"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"pinyin-pro"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"sortablejs"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@vueuse/core"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@pureadmin/utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"responsive-storage"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br")])])]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("提示")]),s._v(" "),t("ol",[t("li",[s._v("尤其当您禁用浏览器缓存时（这种情况只应该发生在调试阶段）必须将对应模块加入到 "),t("code",[s._v("include")]),s._v(" 里，否则会遇到开发环境切换页面卡顿的问题（"),t("code",[s._v("vite")]),s._v(" 会认为它是一个新的依赖包会重新加载并强制刷新页面），因为它既无法使用浏览器缓存，又没有在本地 "),t("code",[s._v("node_modules/.vite")]),s._v(" 里缓存")]),s._v(" "),t("li",[s._v("如果您使用的第三方库是全局引入，也就是引入到 "),t("code",[s._v("src/main.ts")]),s._v(" 文件里，就不需要再添加到 "),t("code",[s._v("include")]),s._v(" 里了，因为 "),t("code",[s._v("vite")]),s._v(" 会自动将它们缓存到 "),t("code",[s._v("node_modules/.vite")])])])]),s._v(" "),t("h2",{attrs:{id:"exclude"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#exclude"}},[s._v("#")]),s._v(" "),t("code",[s._v("exclude")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[s._v("optimizeDeps.exclude"),t("OutboundLink")],1),s._v(" 配置为排除预构建的模块。需要注意的是平台里所有以 "),t("code",[s._v("@iconify-icons/")]),s._v(" 开头引入的的本地图标模块，都应加入到下面的 "),t("code",[s._v("exclude")]),s._v(" 里，因为平台推荐本地图标的使用方式是哪里需要哪里引入而且都是单个的引入，不需要预构建，直接让浏览器加载就好")]),s._v(" "),t("p",[s._v("下面是精简版 "),t("code",[s._v("optimizeDeps.exclude")]),s._v(" 配置")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" exclude "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@iconify-icons/ep"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@iconify-icons/ri"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@pureadmin/theme/dist/browser-utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br")])])]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("推荐阅读")]),s._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://cn.vitejs.dev/guide/dep-pre-bundling.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("依赖预构建"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vite文档"}})],1),s._v(" "),t("li",[t("a",{attrs:{href:"https://juejin.cn/post/7064853960636989454",target:"_blank",rel:"noopener noreferrer"}},[s._v("深入理解 Vite 核心原理"),t("OutboundLink")],1)])])])])}),[],!1,null,null,null);t.default=a.exports}}]);
\ No newline at end of file
diff --git a/assets/js/27.0722e2c6.js b/assets/js/27.9e38bb92.js
similarity index 98%
rename from assets/js/27.0722e2c6.js
rename to assets/js/27.9e38bb92.js
index 7f802c74b..ddd64b8a2 100644
--- a/assets/js/27.0722e2c6.js
+++ b/assets/js/27.9e38bb92.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{287:function(e,r,t){e.exports=t.p+"assets/img/pure-admin-cli.5451f3a1.gif"},560:function(e,r,t){"use strict";t.r(r);var a=t(7),s=Object(a.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("p",[e._v("由 "),r("code",[e._v("pure-admin")]),e._v(" 平台开发的函数工具库，持续维护，请放心使用")]),e._v(" "),r("h2",{attrs:{id:"pure-admin-utils"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pure-admin-utils"}},[e._v("#")]),e._v(" pure-admin-utils")]),e._v(" "),r("ul",[r("li",[e._v("封装一些常用的工具函数（ "),r("code",[e._v("utils")]),e._v("、"),r("code",[e._v("hooks")]),e._v(" ），支持在 "),r("code",[e._v("Node.js")]),e._v("、浏览器以及任意 "),r("code",[e._v("JavaScript")]),e._v(" 框架中使用")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://pure-admin-utils.netlify.app",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看文档"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-utils-docs",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看文档源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"pure-admin-cli"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pure-admin-cli"}},[e._v("#")]),e._v(" pure-admin-cli")]),e._v(" "),r("ul",[r("li",[e._v("快速构建 "),r("code",[e._v("pure-admin")]),e._v(" 相关项目的命令行工具")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-cli",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("p",[r("img",{attrs:{src:t(287),alt:"pure-admin-cli"}})]),e._v(" "),r("h2",{attrs:{id:"pure-admin-release"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pure-admin-release"}},[e._v("#")]),e._v(" pure-admin-release")]),e._v(" "),r("ul",[r("li",[e._v("超简单的发包工具（修改版本号并提交 "),r("code",[e._v("git")]),e._v("、自动打包、发布 "),r("code",[e._v("npm")]),e._v("、计算并显示打包后文件大小）")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-release",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"responsive-storage"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#responsive-storage"}},[e._v("#")]),e._v(" responsive-storage")]),e._v(" "),r("ul",[r("li",[e._v("响应式本地存储，同时支持 "),r("code",[e._v("vue2")]),e._v(" 和 "),r("code",[e._v("vue3")])])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/xiaoxian521/responsive-storage",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"esmjs-geo"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#esmjs-geo"}},[e._v("#")]),e._v(" @esmjs/geo")]),e._v(" "),r("ul",[r("li",[e._v("使用 "),r("code",[e._v("rust")]),e._v(" 和 "),r("code",[e._v("typescript")]),e._v(" 开发的中国地理信息 "),r("code",[e._v("GeoJSON")]),e._v("，常搭配 "),r("code",[e._v("ECharts5")]),e._v(" 地图组件")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/esmjs/geo",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{287:function(e,r,t){e.exports=t.p+"assets/img/pure-admin-cli.5451f3a1.gif"},564:function(e,r,t){"use strict";t.r(r);var a=t(7),s=Object(a.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("p",[e._v("由 "),r("code",[e._v("pure-admin")]),e._v(" 平台开发的函数工具库，持续维护，请放心使用")]),e._v(" "),r("h2",{attrs:{id:"pure-admin-utils"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pure-admin-utils"}},[e._v("#")]),e._v(" pure-admin-utils")]),e._v(" "),r("ul",[r("li",[e._v("封装一些常用的工具函数（ "),r("code",[e._v("utils")]),e._v("、"),r("code",[e._v("hooks")]),e._v(" ），支持在 "),r("code",[e._v("Node.js")]),e._v("、浏览器以及任意 "),r("code",[e._v("JavaScript")]),e._v(" 框架中使用")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://pure-admin-utils.netlify.app",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看文档"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-utils-docs",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看文档源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"pure-admin-cli"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pure-admin-cli"}},[e._v("#")]),e._v(" pure-admin-cli")]),e._v(" "),r("ul",[r("li",[e._v("快速构建 "),r("code",[e._v("pure-admin")]),e._v(" 相关项目的命令行工具")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-cli",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("p",[r("img",{attrs:{src:t(287),alt:"pure-admin-cli"}})]),e._v(" "),r("h2",{attrs:{id:"pure-admin-release"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#pure-admin-release"}},[e._v("#")]),e._v(" pure-admin-release")]),e._v(" "),r("ul",[r("li",[e._v("超简单的发包工具（修改版本号并提交 "),r("code",[e._v("git")]),e._v("、自动打包、发布 "),r("code",[e._v("npm")]),e._v("、计算并显示打包后文件大小）")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-release",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"responsive-storage"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#responsive-storage"}},[e._v("#")]),e._v(" responsive-storage")]),e._v(" "),r("ul",[r("li",[e._v("响应式本地存储，同时支持 "),r("code",[e._v("vue2")]),e._v(" 和 "),r("code",[e._v("vue3")])])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/xiaoxian521/responsive-storage",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"esmjs-geo"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#esmjs-geo"}},[e._v("#")]),e._v(" @esmjs/geo")]),e._v(" "),r("ul",[r("li",[e._v("使用 "),r("code",[e._v("rust")]),e._v(" 和 "),r("code",[e._v("typescript")]),e._v(" 开发的中国地理信息 "),r("code",[e._v("GeoJSON")]),e._v("，常搭配 "),r("code",[e._v("ECharts5")]),e._v(" 地图组件")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/esmjs/geo",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]);
\ No newline at end of file
diff --git a/assets/js/28.93fb1f8f.js b/assets/js/28.93fb1f8f.js
deleted file mode 100644
index 21483a85c..000000000
--- a/assets/js/28.93fb1f8f.js
+++ /dev/null
@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{540:function(e,t,r){"use strict";r.r(t);var a=r(7),n=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin"),t("OutboundLink")],1),e._v(" 是一款开源完全免费且开箱即用的中后台管理系统模版。完全采用 "),t("code",[e._v("ECMAScript")]),e._v(" 模块（"),t("code",[e._v("ESM")]),e._v("）规范来编写和组织代码，使用了最新的 "),t("code",[e._v("Vue3")]),e._v("、"),t("code",[e._v("Vite")]),e._v("、"),t("code",[e._v("Element-Plus")]),e._v("、"),t("code",[e._v("TypeScript")]),e._v("、"),t("code",[e._v("Pinia")]),e._v("、"),t("code",[e._v("Tailwindcss")]),e._v(" 等主流技术开发")]),e._v(" "),t("h2",{attrs:{id:"在线预览"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#在线预览"}},[e._v("#")]),e._v(" 在线预览")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/login",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin 完整版"),t("OutboundLink")],1)]),e._v(" "),t("li",[t("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin-max/#/login",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin-max 版"),t("OutboundLink")],1)]),e._v(" "),t("li",[t("a",{attrs:{href:"https://pure-admin-thin.netlify.app/#/login",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin 精简版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"完整版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#完整版本"}},[e._v("#")]),e._v(" 完整版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看完整版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"精简版本-提供国际化和非国际化两个版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#精简版本-提供国际化和非国际化两个版本"}},[e._v("#")]),e._v(" 精简版本（提供国际化和非国际化两个版本）")]),e._v(" "),t("p",[e._v("精简版是基于 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin"),t("OutboundLink")],1),e._v(" 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 "),t("a",{attrs:{href:"https://element-plus.org",target:"_blank",rel:"noopener noreferrer"}},[e._v("element-plus"),t("OutboundLink")],1),e._v(" 的情况下仍然低于 "),t("code",[e._v("2.3MB")]),e._v("，并且会永久同步完整版的代码。开启 "),t("code",[e._v("brotli")]),e._v(" 压缩和 "),t("code",[e._v("cdn")]),e._v(" 替换本地库模式后，打包大小低于 "),t("code",[e._v("350kb")])]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/tree/i18n",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看国际化精简版"),t("OutboundLink")],1)]),e._v(" "),t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看非国际化精简版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"js-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#js-版本"}},[e._v("#")]),e._v(" "),t("code",[e._v("js")]),e._v(" 版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://pure-admin.cn/pages/js/",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 js 版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"vue-pure-admin-max-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue-pure-admin-max-版本"}},[e._v("#")]),e._v(" "),t("code",[e._v("vue-pure-admin-max")]),e._v(" 版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://pure-admin.cn/pages/max/",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 max 版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"微前端版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#微前端版本"}},[e._v("#")]),e._v(" 微前端版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-micro",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看微前端版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"nodejs-后端"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nodejs-后端"}},[e._v("#")]),e._v(" Nodejs 后端")]),e._v(" "),t("p",[e._v("平台提供一套 "),t("code",[e._v("node")]),e._v("、"),t("code",[e._v("mysql")]),e._v(" 版本的后端代码，内置各种接口示例和 "),t("code",[e._v("jwt token")]),e._v(" 以及 "),t("code",[e._v("websocket")]),e._v("，可供学习参考")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-backend",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 nodejs 后端代码"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"tauri-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tauri-版本"}},[e._v("#")]),e._v(" Tauri 版本")]),e._v(" "),t("p",[t("code",[e._v("tauri")]),e._v(" 比 "),t("code",[e._v("electron")]),e._v(" 更强，"),t("a",{attrs:{href:"https://www.cnblogs.com/Grewer/p/12789261.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("tauri 与 electron 的对比"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"推荐文章"}}),t("br"),e._v("\n如果没有安装 "),t("code",[e._v("tauri")]),e._v(" ，请阅读 "),t("a",{attrs:{href:"https://tauri.app/zh/",target:"_blank",rel:"noopener noreferrer"}},[e._v("tauri 中文官方文档"),t("OutboundLink")],1)],1),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/tauri-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 Tauri 版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"electron-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#electron-版本"}},[e._v("#")]),e._v(" Electron 版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/electron-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 Electron 版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"配套视频"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#配套视频"}},[e._v("#")]),e._v(" 配套视频")]),e._v(" "),t("ul",[t("li",[t("strong",[e._v("教程")])])]),e._v(" "),t("p",[t("a",{attrs:{href:"https://www.bilibili.com/video/BV1kg411v7QT/",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.bilibili.com/video/BV1kg411v7QT/"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"视频教程"}})],1),e._v(" "),t("ul",[t("li",[t("strong",[e._v("UI 设计")])])]),e._v(" "),t("p",[t("a",{attrs:{href:"https://www.bilibili.com/video/BV17g411T7rq",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.bilibili.com/video/BV17g411T7rq"),t("OutboundLink")],1),e._v(" "),t("Badge",{attrs:{text:"视频教程"}})],1),e._v(" "),t("h2",{attrs:{id:"浏览器支持"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#浏览器支持"}},[e._v("#")]),e._v(" 浏览器支持")]),e._v(" "),t("p",[e._v("本地开发推荐使用 "),t("code",[e._v("Chrome")]),e._v("、"),t("code",[e._v("Edge")]),e._v("、"),t("code",[e._v("Firefox")]),e._v(" 浏览器，作者常用的是最新版 "),t("code",[e._v("Chrome")]),e._v(" 浏览器"),t("br"),e._v("\n实际使用中感觉 "),t("code",[e._v("Firefox")]),e._v(" 在动画上要比别的浏览器更加丝滑，只是作者用 "),t("code",[e._v("Chrome")]),e._v(" 已经习惯了，看个人爱好选择吧"),t("br"),e._v("\n更详细的浏览器兼容性支持请看 "),t("a",{attrs:{href:"https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vue 支持哪些浏览器？"),t("OutboundLink")],1),e._v(" 和 "),t("a",{attrs:{href:"https://cn.vitejs.dev/guide/build#browser-compatibility",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vite 浏览器兼容性"),t("OutboundLink")],1)]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/edge_48x48.png"),alt:" Edge",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("IE")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/edge_48x48.png"),alt:" Edge",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Edge")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/firefox_48x48.png"),alt:"Firefox",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Firefox")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/chrome_48x48.png"),alt:"Chrome",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Chrome")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/safari_48x48.png"),alt:"Safari",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Safari")])])]),e._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{"text-align":"center"}},[e._v("不支持")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")])])])]),e._v(" "),t("h2",{attrs:{id:"维护者"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#维护者"}},[e._v("#")]),e._v(" 维护者")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/xiaoxian521",target:"_blank",rel:"noopener noreferrer"}},[e._v("xiaoxian521"),t("OutboundLink")],1),e._v("、"),t("a",{attrs:{href:"https://github.com/Ten-K",target:"_blank",rel:"noopener noreferrer"}},[e._v("Ten-K"),t("OutboundLink")],1)]),e._v(" "),t("h2",{attrs:{id:"问题反馈"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#问题反馈"}},[e._v("#")]),e._v(" 问题反馈")]),e._v(" "),t("p",[e._v("发送问题至平台唯一网易邮箱账号 "),t("code",[e._v("pureadmin@163.com")])])])}),[],!1,null,null,null);t.default=n.exports}}]);
\ No newline at end of file
diff --git a/assets/js/28.c486989b.js b/assets/js/28.c486989b.js
new file mode 100644
index 000000000..bd52f523c
--- /dev/null
+++ b/assets/js/28.c486989b.js
@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{540:function(e,t,r){"use strict";r.r(t);var a=r(7),n=Object(a.a)({},(function(){var e=this,t=e._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin"),t("OutboundLink")],1),e._v(" 是一款开源完全免费且开箱即用的中后台管理系统模版。完全采用 "),t("code",[e._v("ECMAScript")]),e._v(" 模块（"),t("code",[e._v("ESM")]),e._v("）规范来编写和组织代码，使用了最新的 "),t("code",[e._v("Vue3")]),e._v("、"),t("code",[e._v("Vite")]),e._v("、"),t("code",[e._v("Element-Plus")]),e._v("、"),t("code",[e._v("TypeScript")]),e._v("、"),t("code",[e._v("Pinia")]),e._v("、"),t("code",[e._v("Tailwindcss")]),e._v(" 等主流技术开发")]),e._v(" "),t("h2",{attrs:{id:"在线预览"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#在线预览"}},[e._v("#")]),e._v(" 在线预览")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/login",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin 完整版"),t("OutboundLink")],1)]),e._v(" "),t("li",[t("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin-max/#/login",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin-max 版"),t("OutboundLink")],1)]),e._v(" "),t("li",[t("a",{attrs:{href:"https://pure-admin-thin.netlify.app/#/login",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin 精简版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"完整版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#完整版本"}},[e._v("#")]),e._v(" 完整版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看完整版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"精简版本-提供国际化和非国际化两个版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#精简版本-提供国际化和非国际化两个版本"}},[e._v("#")]),e._v(" 精简版本（提供国际化和非国际化两个版本）")]),e._v(" "),t("p",[e._v("精简版是基于 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin"),t("OutboundLink")],1),e._v(" 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 "),t("a",{attrs:{href:"https://element-plus.org",target:"_blank",rel:"noopener noreferrer"}},[e._v("element-plus"),t("OutboundLink")],1),e._v(" 的情况下仍然低于 "),t("code",[e._v("2.3MB")]),e._v("，并且会永久同步完整版的代码。开启 "),t("code",[e._v("brotli")]),e._v(" 压缩和 "),t("code",[e._v("cdn")]),e._v(" 替换本地库模式后，打包大小低于 "),t("code",[e._v("350kb")])]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/tree/i18n",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看国际化精简版"),t("OutboundLink")],1)]),e._v(" "),t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看非国际化精简版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"js-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#js-版本"}},[e._v("#")]),e._v(" "),t("code",[e._v("js")]),e._v(" 版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://pure-admin.cn/pages/js/",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 js 版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"vue-pure-admin-max-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue-pure-admin-max-版本"}},[e._v("#")]),e._v(" "),t("code",[e._v("vue-pure-admin-max")]),e._v(" 版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://pure-admin.cn/pages/max/",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 max 版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"微前端版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#微前端版本"}},[e._v("#")]),e._v(" 微前端版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-micro",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看微前端版本"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"nodejs-后端"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nodejs-后端"}},[e._v("#")]),e._v(" Nodejs 后端")]),e._v(" "),t("p",[e._v("平台提供一套 "),t("code",[e._v("node")]),e._v("、"),t("code",[e._v("mysql")]),e._v(" 版本的后端代码，内置各种接口示例和 "),t("code",[e._v("jwt token")]),e._v(" 以及 "),t("code",[e._v("websocket")]),e._v("，可供学习参考")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-backend",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 nodejs 后端代码"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"tauri-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#tauri-版本"}},[e._v("#")]),e._v(" Tauri 版本")]),e._v(" "),t("p",[t("code",[e._v("tauri")]),e._v(" 比 "),t("code",[e._v("electron")]),e._v(" 更强，"),t("a",{attrs:{href:"https://www.cnblogs.com/Grewer/p/12789261.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("tauri 与 electron 的对比"),t("OutboundLink")],1),t("br"),e._v("\n如果没有安装 "),t("code",[e._v("tauri")]),e._v(" ，请阅读 "),t("a",{attrs:{href:"https://tauri.app/zh/",target:"_blank",rel:"noopener noreferrer"}},[e._v("tauri 中文官方文档"),t("OutboundLink")],1)]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/tauri-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 Tauri 版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"electron-版本"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#electron-版本"}},[e._v("#")]),e._v(" Electron 版本")]),e._v(" "),t("ul",[t("li",[t("a",{attrs:{href:"https://github.com/pure-admin/electron-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("点我查看 Electron 版"),t("OutboundLink")],1)])]),e._v(" "),t("h2",{attrs:{id:"配套视频"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#配套视频"}},[e._v("#")]),e._v(" 配套视频")]),e._v(" "),t("ul",[t("li",[t("strong",[e._v("教程")])])]),e._v(" "),t("p",[t("a",{attrs:{href:"https://www.bilibili.com/video/BV1kg411v7QT/",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.bilibili.com/video/BV1kg411v7QT/"),t("OutboundLink")],1)]),e._v(" "),t("ul",[t("li",[t("strong",[e._v("UI 设计")])])]),e._v(" "),t("p",[t("a",{attrs:{href:"https://www.bilibili.com/video/BV17g411T7rq",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://www.bilibili.com/video/BV17g411T7rq"),t("OutboundLink")],1)]),e._v(" "),t("h2",{attrs:{id:"浏览器支持"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#浏览器支持"}},[e._v("#")]),e._v(" 浏览器支持")]),e._v(" "),t("p",[e._v("本地开发推荐使用 "),t("code",[e._v("Chrome")]),e._v("、"),t("code",[e._v("Edge")]),e._v("、"),t("code",[e._v("Firefox")]),e._v(" 浏览器，作者常用的是最新版 "),t("code",[e._v("Chrome")]),e._v(" 浏览器"),t("br"),e._v("\n实际使用中感觉 "),t("code",[e._v("Firefox")]),e._v(" 在动画上要比别的浏览器更加丝滑，只是作者用 "),t("code",[e._v("Chrome")]),e._v(" 已经习惯了，看个人爱好选择吧"),t("br"),e._v("\n更详细的浏览器兼容性支持请看 "),t("a",{attrs:{href:"https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vue 支持哪些浏览器？"),t("OutboundLink")],1),e._v(" 和 "),t("a",{attrs:{href:"https://cn.vitejs.dev/guide/build#browser-compatibility",target:"_blank",rel:"noopener noreferrer"}},[e._v("Vite 浏览器兼容性"),t("OutboundLink")],1)]),e._v(" "),t("table",[t("thead",[t("tr",[t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/edge_48x48.png"),alt:" Edge",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("IE")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/edge_48x48.png"),alt:" Edge",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Edge")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/firefox_48x48.png"),alt:"Firefox",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Firefox")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/chrome_48x48.png"),alt:"Chrome",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Chrome")]),e._v(" "),t("th",{staticStyle:{"text-align":"center"}},[t("a",{attrs:{href:"http://godban.github.io/browsers-support-badges/",target:"_blank",rel:"noopener noreferrer"}},[t("img",{attrs:{src:e.$withBase("/img/support/safari_48x48.png"),alt:"Safari",width:"24px",height:"24px"}}),t("OutboundLink")],1),t("br"),e._v("Safari")])])]),e._v(" "),t("tbody",[t("tr",[t("td",{staticStyle:{"text-align":"center"}},[e._v("不支持")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")]),e._v(" "),t("td",{staticStyle:{"text-align":"center"}},[e._v("最后两个版本")])])])]),e._v(" "),t("h2",{attrs:{id:"维护者"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#维护者"}},[e._v("#")]),e._v(" 维护者")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/xiaoxian521",target:"_blank",rel:"noopener noreferrer"}},[e._v("xiaoxian521"),t("OutboundLink")],1),e._v("、"),t("a",{attrs:{href:"https://github.com/Ten-K",target:"_blank",rel:"noopener noreferrer"}},[e._v("Ten-K"),t("OutboundLink")],1)]),e._v(" "),t("h2",{attrs:{id:"问题反馈"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#问题反馈"}},[e._v("#")]),e._v(" 问题反馈")]),e._v(" "),t("p",[e._v("发送问题至平台唯一网易邮箱账号 "),t("code",[e._v("pureadmin@163.com")])])])}),[],!1,null,null,null);t.default=n.exports}}]);
\ No newline at end of file
diff --git a/assets/js/29.c29c7c66.js b/assets/js/29.7dca5c94.js
similarity index 99%
rename from assets/js/29.c29c7c66.js
rename to assets/js/29.7dca5c94.js
index cdb83bf04..c411ecaf2 100644
--- a/assets/js/29.c29c7c66.js
+++ b/assets/js/29.7dca5c94.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{543:function(s,n,e){"use strict";e.r(n);var a=e(7),t=Object(a.a)({},(function(){var s=this,n=s._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[n("p",[n("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[s._v("完整版"),n("OutboundLink")],1),s._v("目录结构")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("├── .github  # GitHub 配置文件\n│   ├── ISSUE_TEMPLATE  # 问题提交参考模板\n│   ├── workflows git  # 工作流\n├── .husky  # 代码提交前校验配置文件\n├── .vscode  # IDE 工具推荐配置文件\n│   │   ├── extensions.json  # 一键安装平台推荐的 vscode 插件\n│   │   ├── settings.json  # 设置扩展程序或 vscode 编辑器的一些属性\n│   │   ├── vue3.0.code-snippets  # vue3.0 代码片段\n│   │   └── vue3.2.code-snippets  # vue3.2 代码片段\n│   │   └── vue3.3.code-snippets  # vue3.3 代码片段\n├── build  # 构建工具\n│   │   ├── cdn.ts  # 打包时采用 cdn 模式\n│   │   ├── compress.ts  # 打包时启用 gzip 压缩或 brotli 压缩\n│   │   ├── info.ts  # 输出打包信息（大小、用时）\n│   │   ├── optimize.ts  # vite 依赖预构建配置项\n│   │   ├── plugins.ts  # vite 相关插件存放处\n│   │   ├── utils.ts  # 构建工具常用方法抽离\n├── locales  # 国际化文件存放处\n│   │   ├── en.yaml  # 英文配置\n│   │   ├── zh-CN.yaml  # 中文配置\n├── mock  # mock 模拟后台数据\n│   │   ├── asyncRoutes.ts  # 模拟后台返回动态路由\n│   │   ├── ...\n├── node_modules  # 模块依赖\n├── public  # 静态资源\n│   │   ├── audio  # 音频文件\n│   │   ├── html  # 静态 iframe 页面\n│   │   ├── wasm  # wasm 文件以及胶水代码\n│   │   ├── favicon.ico  # favicon\n│   │   ├── logo.svg  # logo\n│   │   ├── platform-config.json  # 全局配置文件（打包后修改也可生效）\n├── src\n│   ├── api  # 接口请求统一管理\n│   ├── assets  # 字体、图片等静态资源\n│   ├── components  # 自定义通用组件\n│   │   ├── ReAnimateSelector  # [animate.css](https://animate.style/) 选择器组件\n│   │   ├── ReAuth  # 按钮级别权限组件（根据路由meta中的auths字段进行判断）\n│   │   ├── ReBarcode  # 条形码组件\n│   │   ├── ReCol  # 封装 element-plus 的 el-col 组件\n│   │   ├── ReCountTo  # 数字动画组件\n│   │   ├── ReCropper  # 图片裁剪组件\n│   │   ├── ReCropperPreview  # 图片裁剪预览组件\n│   │   ├── ReDialog  # 基于 element-plus 中 el-dialog 组件开发的函数式弹框\n│   │   ├── ReFlicker  # 圆点、方形闪烁动画组件\n│   │   ├── ReFlop  # 时间翻牌组件\n│   │   ├── ReFlowChart  # LogicFlow 流程图组件\n│   │   ├── ReIcon  # 图标组件\n│   │   ├── ReImageVerify  # 图形验证码组件\n│   │   ├── ReMap  # 高德地图组件\n│   │   ├── RePerms  # 按钮级别权限组件（根据登录接口返回的permissions字段进行判断）\n│   │   ├── RePureTableBar  # 配合 `@pureadmin/table` 实现快速便捷的表格操作 https://github.com/pure-admin/pure-admin-table */\n│   │   ├── ReQrcode  # 二维码组件\n│   │   ├── ReSeamlessScroll  # 无缝滚动组件\n│   │   ├── ReSegmented  # 分段控制器组件\n│   │   ├── ReSelector  # 选择器组件\n│   │   ├── ReSplitPane  # 切割面板组件\n│   │   ├── ReText  # 支持 Tooltip 提示的文本省略组件\n│   │   ├── ReTreeLine  # 树形连接线组件（基于element-plus）\n│   │   ├── ReTypeit  # 打字机效果组件\n│   │   ├── ReVxeTableBar  # 配合 vxe-table 实现快速便捷的表格操作\n│   ├── config  # 获取平台动态全局配置\n│   ├── directives  # 自定义指令\n│   │   ├── auth  # 按钮级别权限指令（根据路由meta中的auths字段进行判断）\n│   │   ├── copy  # 文本复制指令（默认双击复制）\n│   │   ├── longpress  # 长按指令\n│   │   ├── optimize  # 防抖、节流指令\n│   │   ├── perms  # 按钮级别权限指令（根据登录接口返回的permissions字段进行判断）\n│   │   ├── ripple  # 水波纹效果指令\n│   ├── layout  # 主要页面布局\n│   ├── plugins  # 处理一些库或插件，导出更方便的 api\n│   ├── router  # 路由配置\n│   ├── store  # pinia 状态管理\n│   ├── style  # 全局样式\n│   │   ├── dark.scss  # 暗黑模式样式适配文件\n│   │   ├── element-plus.scss  # 全局覆盖 element-plus 样式文件\n│   │   ├── reset.scss  # 全局重置样式文件\n│   │   ├── sidebar.scss  # layout 布局样式文件\n│   │   ├── tailwind.css  # tailwindcss 自定义样式配置文件\n│   │   ├── ...\n│   ├── utils  # 全局工具方法\n│   │   ├── http  # 封装 axios 文件\n│   │   ├── localforage  # 二次封装 localforage (https://localforage.docschina.org/) 支持设置过期时间，提供完整的类型提示\n│   │   ├── progress  # 封装 nprogress\n│   │   └── auth.ts  # 处理用户信息和 token 相关\n│   │   └── chinaArea.ts  # 汉字转区域码\n│   │   └── globalPolyfills.ts  # 解决项目可能因为安装某个依赖出现 `global is not defined` 报错\n│   │   └── message.ts  # 消息提示函数\n│   │   ├── mitt.ts  # 触发公共事件，类似 EventBus\n│   │   ├── preventDefault.ts  # 阻止键盘F12、浏览器默认右键菜单、页面元素选中、图片默认可拖动的方法\n│   │   ├── print.ts  # 打印函数\n│   │   ├── propTypes.ts  # 二次封装 vue 的 propTypes\n│   │   ├── responsive.ts  # 全局响应式 storage 配置\n│   │   ├── sso.ts  # 前端单点登录逻辑处理\n│   │   ├── tree.ts  # 树结构相关处理函数\n│   ├── views  # 存放编写业务代码页面\n│   ├── App.vue  # 入口页面\n│   ├── main.ts  # 入口文件\n├── types  # 全局 TS 类型配置\n│   │   ├── directives.d.ts  # 全局自定义指令类型声明\n│   │   ├── global-components.d.ts  # 自定义全局组件获得 Volar 提示（自定义的全局组件需要在这里声明下才能获得 Volar 类型提示哦）\n│   │   ├── global.d.ts  # 全局类型声明，无需引入直接在 `.vue` 、`.ts` 、`.tsx` 文件使用即可获得类型提示\n│   │   ├── index.d.ts  # 此文件跟同级目录的 global.d.ts 文件一样也是全局类型声明，只不过这里存放一些零散的全局类型，无需引入直接在 .vue 、.ts 、.tsx 文件使用即可获得类型提示\n│   │   ├── router.d.ts  # 全局路由类型声明\n│   │   ├── shims-tsx.d.ts  # 该文件是为了给 .tsx 文件提供类型支持，在编写时能正确识别语法\n│   │   └── shims-vue.d.ts  # .vue、.scss 文件不是常规的文件类型，typescript 无法识别，所以我们需要通过下图的代码告诉 typescript 这些文件的类型，防止类型报错\n├── .browserslistrc  # 配置目标浏览器的环境\n├── .dockerignore  # 排除不需要上传到 docker 服务端的文件或目录\n├── .editorconfig  # 编辑器读取文件格式及样式定义配置 https://editorconfig.org/\n├── .env  # 全局环境变量配置（当 .env 文件与 .env.development、.env.production、.env.staging 这三个文件之一存在相同的配置 key 时，.env 优先级更低）\n├── .env.development  # 开发环境变量配置\n├── .env.production  # 生产环境变量配置\n├── .env.staging  # 预发布环境变量配置\n├── .gitattributes  # 自定义指定文件属性\n├── .gitignore  # git 提交忽略文件\n├── .gitpod.yml  # gitpod 部署配置\n├── .lintstagedrc  # lint-staged 配置\n├── .markdownlint.json  # markdown 格式检查配置\n├── .npmrc  # npm 配置文件\n├── .nvmrc  # 用于指定在使用 Node Version Manager（NVM）时要使用的特定 Node.js 版本\n├── .prettierignore  # prettier 语法检查忽略文件\n├── .prettierrc.js  # prettier 插件配置\n├── .stylelintignore  # stylelint 语法检查忽略文件\n├── CHANGELOG.en_US.md  # 版本更新日志（英文版）\n├── CHANGELOG.md  # 版本更新日志（英文版）\n├── CHANGELOG.zh_CN.md  # 版本更新日志（中文版）\n├── Dockerfile  # 用来构建 docker 镜像\n├── LICENSE  # 证书\n├── README.en-US.md  # README（英文版）\n├── README.md  # README\n├── commitlint.config.js  # git 提交前检查配置\n├── eslint.config.js  # eslint 语法检查配置\n├── index.html  # html 主入口\n├── package.json  # 依赖包管理以及命令配置\n├── pnpm-lock.yaml  # 依赖包版本锁定文件\n├── postcss.config.js  # postcss 插件配置\n├── stylelint.config.js  # stylelint 配置\n├── tailwind.config.ts  # tailwindcss 配置\n├── tsconfig.json  # typescript 配置\n└── vite.config.ts  # vite 配置\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br"),n("span",{staticClass:"line-number"},[s._v("10")]),n("br"),n("span",{staticClass:"line-number"},[s._v("11")]),n("br"),n("span",{staticClass:"line-number"},[s._v("12")]),n("br"),n("span",{staticClass:"line-number"},[s._v("13")]),n("br"),n("span",{staticClass:"line-number"},[s._v("14")]),n("br"),n("span",{staticClass:"line-number"},[s._v("15")]),n("br"),n("span",{staticClass:"line-number"},[s._v("16")]),n("br"),n("span",{staticClass:"line-number"},[s._v("17")]),n("br"),n("span",{staticClass:"line-number"},[s._v("18")]),n("br"),n("span",{staticClass:"line-number"},[s._v("19")]),n("br"),n("span",{staticClass:"line-number"},[s._v("20")]),n("br"),n("span",{staticClass:"line-number"},[s._v("21")]),n("br"),n("span",{staticClass:"line-number"},[s._v("22")]),n("br"),n("span",{staticClass:"line-number"},[s._v("23")]),n("br"),n("span",{staticClass:"line-number"},[s._v("24")]),n("br"),n("span",{staticClass:"line-number"},[s._v("25")]),n("br"),n("span",{staticClass:"line-number"},[s._v("26")]),n("br"),n("span",{staticClass:"line-number"},[s._v("27")]),n("br"),n("span",{staticClass:"line-number"},[s._v("28")]),n("br"),n("span",{staticClass:"line-number"},[s._v("29")]),n("br"),n("span",{staticClass:"line-number"},[s._v("30")]),n("br"),n("span",{staticClass:"line-number"},[s._v("31")]),n("br"),n("span",{staticClass:"line-number"},[s._v("32")]),n("br"),n("span",{staticClass:"line-number"},[s._v("33")]),n("br"),n("span",{staticClass:"line-number"},[s._v("34")]),n("br"),n("span",{staticClass:"line-number"},[s._v("35")]),n("br"),n("span",{staticClass:"line-number"},[s._v("36")]),n("br"),n("span",{staticClass:"line-number"},[s._v("37")]),n("br"),n("span",{staticClass:"line-number"},[s._v("38")]),n("br"),n("span",{staticClass:"line-number"},[s._v("39")]),n("br"),n("span",{staticClass:"line-number"},[s._v("40")]),n("br"),n("span",{staticClass:"line-number"},[s._v("41")]),n("br"),n("span",{staticClass:"line-number"},[s._v("42")]),n("br"),n("span",{staticClass:"line-number"},[s._v("43")]),n("br"),n("span",{staticClass:"line-number"},[s._v("44")]),n("br"),n("span",{staticClass:"line-number"},[s._v("45")]),n("br"),n("span",{staticClass:"line-number"},[s._v("46")]),n("br"),n("span",{staticClass:"line-number"},[s._v("47")]),n("br"),n("span",{staticClass:"line-number"},[s._v("48")]),n("br"),n("span",{staticClass:"line-number"},[s._v("49")]),n("br"),n("span",{staticClass:"line-number"},[s._v("50")]),n("br"),n("span",{staticClass:"line-number"},[s._v("51")]),n("br"),n("span",{staticClass:"line-number"},[s._v("52")]),n("br"),n("span",{staticClass:"line-number"},[s._v("53")]),n("br"),n("span",{staticClass:"line-number"},[s._v("54")]),n("br"),n("span",{staticClass:"line-number"},[s._v("55")]),n("br"),n("span",{staticClass:"line-number"},[s._v("56")]),n("br"),n("span",{staticClass:"line-number"},[s._v("57")]),n("br"),n("span",{staticClass:"line-number"},[s._v("58")]),n("br"),n("span",{staticClass:"line-number"},[s._v("59")]),n("br"),n("span",{staticClass:"line-number"},[s._v("60")]),n("br"),n("span",{staticClass:"line-number"},[s._v("61")]),n("br"),n("span",{staticClass:"line-number"},[s._v("62")]),n("br"),n("span",{staticClass:"line-number"},[s._v("63")]),n("br"),n("span",{staticClass:"line-number"},[s._v("64")]),n("br"),n("span",{staticClass:"line-number"},[s._v("65")]),n("br"),n("span",{staticClass:"line-number"},[s._v("66")]),n("br"),n("span",{staticClass:"line-number"},[s._v("67")]),n("br"),n("span",{staticClass:"line-number"},[s._v("68")]),n("br"),n("span",{staticClass:"line-number"},[s._v("69")]),n("br"),n("span",{staticClass:"line-number"},[s._v("70")]),n("br"),n("span",{staticClass:"line-number"},[s._v("71")]),n("br"),n("span",{staticClass:"line-number"},[s._v("72")]),n("br"),n("span",{staticClass:"line-number"},[s._v("73")]),n("br"),n("span",{staticClass:"line-number"},[s._v("74")]),n("br"),n("span",{staticClass:"line-number"},[s._v("75")]),n("br"),n("span",{staticClass:"line-number"},[s._v("76")]),n("br"),n("span",{staticClass:"line-number"},[s._v("77")]),n("br"),n("span",{staticClass:"line-number"},[s._v("78")]),n("br"),n("span",{staticClass:"line-number"},[s._v("79")]),n("br"),n("span",{staticClass:"line-number"},[s._v("80")]),n("br"),n("span",{staticClass:"line-number"},[s._v("81")]),n("br"),n("span",{staticClass:"line-number"},[s._v("82")]),n("br"),n("span",{staticClass:"line-number"},[s._v("83")]),n("br"),n("span",{staticClass:"line-number"},[s._v("84")]),n("br"),n("span",{staticClass:"line-number"},[s._v("85")]),n("br"),n("span",{staticClass:"line-number"},[s._v("86")]),n("br"),n("span",{staticClass:"line-number"},[s._v("87")]),n("br"),n("span",{staticClass:"line-number"},[s._v("88")]),n("br"),n("span",{staticClass:"line-number"},[s._v("89")]),n("br"),n("span",{staticClass:"line-number"},[s._v("90")]),n("br"),n("span",{staticClass:"line-number"},[s._v("91")]),n("br"),n("span",{staticClass:"line-number"},[s._v("92")]),n("br"),n("span",{staticClass:"line-number"},[s._v("93")]),n("br"),n("span",{staticClass:"line-number"},[s._v("94")]),n("br"),n("span",{staticClass:"line-number"},[s._v("95")]),n("br"),n("span",{staticClass:"line-number"},[s._v("96")]),n("br"),n("span",{staticClass:"line-number"},[s._v("97")]),n("br"),n("span",{staticClass:"line-number"},[s._v("98")]),n("br"),n("span",{staticClass:"line-number"},[s._v("99")]),n("br"),n("span",{staticClass:"line-number"},[s._v("100")]),n("br"),n("span",{staticClass:"line-number"},[s._v("101")]),n("br"),n("span",{staticClass:"line-number"},[s._v("102")]),n("br"),n("span",{staticClass:"line-number"},[s._v("103")]),n("br"),n("span",{staticClass:"line-number"},[s._v("104")]),n("br"),n("span",{staticClass:"line-number"},[s._v("105")]),n("br"),n("span",{staticClass:"line-number"},[s._v("106")]),n("br"),n("span",{staticClass:"line-number"},[s._v("107")]),n("br"),n("span",{staticClass:"line-number"},[s._v("108")]),n("br"),n("span",{staticClass:"line-number"},[s._v("109")]),n("br"),n("span",{staticClass:"line-number"},[s._v("110")]),n("br"),n("span",{staticClass:"line-number"},[s._v("111")]),n("br"),n("span",{staticClass:"line-number"},[s._v("112")]),n("br"),n("span",{staticClass:"line-number"},[s._v("113")]),n("br"),n("span",{staticClass:"line-number"},[s._v("114")]),n("br"),n("span",{staticClass:"line-number"},[s._v("115")]),n("br"),n("span",{staticClass:"line-number"},[s._v("116")]),n("br"),n("span",{staticClass:"line-number"},[s._v("117")]),n("br"),n("span",{staticClass:"line-number"},[s._v("118")]),n("br"),n("span",{staticClass:"line-number"},[s._v("119")]),n("br"),n("span",{staticClass:"line-number"},[s._v("120")]),n("br"),n("span",{staticClass:"line-number"},[s._v("121")]),n("br"),n("span",{staticClass:"line-number"},[s._v("122")]),n("br"),n("span",{staticClass:"line-number"},[s._v("123")]),n("br"),n("span",{staticClass:"line-number"},[s._v("124")]),n("br"),n("span",{staticClass:"line-number"},[s._v("125")]),n("br"),n("span",{staticClass:"line-number"},[s._v("126")]),n("br"),n("span",{staticClass:"line-number"},[s._v("127")]),n("br"),n("span",{staticClass:"line-number"},[s._v("128")]),n("br"),n("span",{staticClass:"line-number"},[s._v("129")]),n("br"),n("span",{staticClass:"line-number"},[s._v("130")]),n("br"),n("span",{staticClass:"line-number"},[s._v("131")]),n("br"),n("span",{staticClass:"line-number"},[s._v("132")]),n("br"),n("span",{staticClass:"line-number"},[s._v("133")]),n("br"),n("span",{staticClass:"line-number"},[s._v("134")]),n("br"),n("span",{staticClass:"line-number"},[s._v("135")]),n("br"),n("span",{staticClass:"line-number"},[s._v("136")]),n("br"),n("span",{staticClass:"line-number"},[s._v("137")]),n("br"),n("span",{staticClass:"line-number"},[s._v("138")]),n("br"),n("span",{staticClass:"line-number"},[s._v("139")]),n("br")])])])}),[],!1,null,null,null);n.default=t.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{542:function(s,n,e){"use strict";e.r(n);var a=e(7),t=Object(a.a)({},(function(){var s=this,n=s._self._c;return n("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[n("p",[n("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[s._v("完整版"),n("OutboundLink")],1),s._v("目录结构")]),s._v(" "),n("div",{staticClass:"language- line-numbers-mode"},[n("pre",{pre:!0,attrs:{class:"language-text"}},[n("code",[s._v("├── .github  # GitHub 配置文件\n│   ├── ISSUE_TEMPLATE  # 问题提交参考模板\n│   ├── workflows git  # 工作流\n├── .husky  # 代码提交前校验配置文件\n├── .vscode  # IDE 工具推荐配置文件\n│   │   ├── extensions.json  # 一键安装平台推荐的 vscode 插件\n│   │   ├── settings.json  # 设置扩展程序或 vscode 编辑器的一些属性\n│   │   ├── vue3.0.code-snippets  # vue3.0 代码片段\n│   │   └── vue3.2.code-snippets  # vue3.2 代码片段\n│   │   └── vue3.3.code-snippets  # vue3.3 代码片段\n├── build  # 构建工具\n│   │   ├── cdn.ts  # 打包时采用 cdn 模式\n│   │   ├── compress.ts  # 打包时启用 gzip 压缩或 brotli 压缩\n│   │   ├── info.ts  # 输出打包信息（大小、用时）\n│   │   ├── optimize.ts  # vite 依赖预构建配置项\n│   │   ├── plugins.ts  # vite 相关插件存放处\n│   │   ├── utils.ts  # 构建工具常用方法抽离\n├── locales  # 国际化文件存放处\n│   │   ├── en.yaml  # 英文配置\n│   │   ├── zh-CN.yaml  # 中文配置\n├── mock  # mock 模拟后台数据\n│   │   ├── asyncRoutes.ts  # 模拟后台返回动态路由\n│   │   ├── ...\n├── node_modules  # 模块依赖\n├── public  # 静态资源\n│   │   ├── audio  # 音频文件\n│   │   ├── html  # 静态 iframe 页面\n│   │   ├── wasm  # wasm 文件以及胶水代码\n│   │   ├── favicon.ico  # favicon\n│   │   ├── logo.svg  # logo\n│   │   ├── platform-config.json  # 全局配置文件（打包后修改也可生效）\n├── src\n│   ├── api  # 接口请求统一管理\n│   ├── assets  # 字体、图片等静态资源\n│   ├── components  # 自定义通用组件\n│   │   ├── ReAnimateSelector  # [animate.css](https://animate.style/) 选择器组件\n│   │   ├── ReAuth  # 按钮级别权限组件（根据路由meta中的auths字段进行判断）\n│   │   ├── ReBarcode  # 条形码组件\n│   │   ├── ReCol  # 封装 element-plus 的 el-col 组件\n│   │   ├── ReCountTo  # 数字动画组件\n│   │   ├── ReCropper  # 图片裁剪组件\n│   │   ├── ReCropperPreview  # 图片裁剪预览组件\n│   │   ├── ReDialog  # 基于 element-plus 中 el-dialog 组件开发的函数式弹框\n│   │   ├── ReFlicker  # 圆点、方形闪烁动画组件\n│   │   ├── ReFlop  # 时间翻牌组件\n│   │   ├── ReFlowChart  # LogicFlow 流程图组件\n│   │   ├── ReIcon  # 图标组件\n│   │   ├── ReImageVerify  # 图形验证码组件\n│   │   ├── ReMap  # 高德地图组件\n│   │   ├── RePerms  # 按钮级别权限组件（根据登录接口返回的permissions字段进行判断）\n│   │   ├── RePureTableBar  # 配合 `@pureadmin/table` 实现快速便捷的表格操作 https://github.com/pure-admin/pure-admin-table */\n│   │   ├── ReQrcode  # 二维码组件\n│   │   ├── ReSeamlessScroll  # 无缝滚动组件\n│   │   ├── ReSegmented  # 分段控制器组件\n│   │   ├── ReSelector  # 选择器组件\n│   │   ├── ReSplitPane  # 切割面板组件\n│   │   ├── ReText  # 支持 Tooltip 提示的文本省略组件\n│   │   ├── ReTreeLine  # 树形连接线组件（基于element-plus）\n│   │   ├── ReTypeit  # 打字机效果组件\n│   │   ├── ReVxeTableBar  # 配合 vxe-table 实现快速便捷的表格操作\n│   ├── config  # 获取平台动态全局配置\n│   ├── directives  # 自定义指令\n│   │   ├── auth  # 按钮级别权限指令（根据路由meta中的auths字段进行判断）\n│   │   ├── copy  # 文本复制指令（默认双击复制）\n│   │   ├── longpress  # 长按指令\n│   │   ├── optimize  # 防抖、节流指令\n│   │   ├── perms  # 按钮级别权限指令（根据登录接口返回的permissions字段进行判断）\n│   │   ├── ripple  # 水波纹效果指令\n│   ├── layout  # 主要页面布局\n│   ├── plugins  # 处理一些库或插件，导出更方便的 api\n│   ├── router  # 路由配置\n│   ├── store  # pinia 状态管理\n│   ├── style  # 全局样式\n│   │   ├── dark.scss  # 暗黑模式样式适配文件\n│   │   ├── element-plus.scss  # 全局覆盖 element-plus 样式文件\n│   │   ├── reset.scss  # 全局重置样式文件\n│   │   ├── sidebar.scss  # layout 布局样式文件\n│   │   ├── tailwind.css  # tailwindcss 自定义样式配置文件\n│   │   ├── ...\n│   ├── utils  # 全局工具方法\n│   │   ├── http  # 封装 axios 文件\n│   │   ├── localforage  # 二次封装 localforage (https://localforage.docschina.org/) 支持设置过期时间，提供完整的类型提示\n│   │   ├── progress  # 封装 nprogress\n│   │   └── auth.ts  # 处理用户信息和 token 相关\n│   │   └── chinaArea.ts  # 汉字转区域码\n│   │   └── globalPolyfills.ts  # 解决项目可能因为安装某个依赖出现 `global is not defined` 报错\n│   │   └── message.ts  # 消息提示函数\n│   │   ├── mitt.ts  # 触发公共事件，类似 EventBus\n│   │   ├── preventDefault.ts  # 阻止键盘F12、浏览器默认右键菜单、页面元素选中、图片默认可拖动的方法\n│   │   ├── print.ts  # 打印函数\n│   │   ├── propTypes.ts  # 二次封装 vue 的 propTypes\n│   │   ├── responsive.ts  # 全局响应式 storage 配置\n│   │   ├── sso.ts  # 前端单点登录逻辑处理\n│   │   ├── tree.ts  # 树结构相关处理函数\n│   ├── views  # 存放编写业务代码页面\n│   ├── App.vue  # 入口页面\n│   ├── main.ts  # 入口文件\n├── types  # 全局 TS 类型配置\n│   │   ├── directives.d.ts  # 全局自定义指令类型声明\n│   │   ├── global-components.d.ts  # 自定义全局组件获得 Volar 提示（自定义的全局组件需要在这里声明下才能获得 Volar 类型提示哦）\n│   │   ├── global.d.ts  # 全局类型声明，无需引入直接在 `.vue` 、`.ts` 、`.tsx` 文件使用即可获得类型提示\n│   │   ├── index.d.ts  # 此文件跟同级目录的 global.d.ts 文件一样也是全局类型声明，只不过这里存放一些零散的全局类型，无需引入直接在 .vue 、.ts 、.tsx 文件使用即可获得类型提示\n│   │   ├── router.d.ts  # 全局路由类型声明\n│   │   ├── shims-tsx.d.ts  # 该文件是为了给 .tsx 文件提供类型支持，在编写时能正确识别语法\n│   │   └── shims-vue.d.ts  # .vue、.scss 文件不是常规的文件类型，typescript 无法识别，所以我们需要通过下图的代码告诉 typescript 这些文件的类型，防止类型报错\n├── .browserslistrc  # 配置目标浏览器的环境\n├── .dockerignore  # 排除不需要上传到 docker 服务端的文件或目录\n├── .editorconfig  # 编辑器读取文件格式及样式定义配置 https://editorconfig.org/\n├── .env  # 全局环境变量配置（当 .env 文件与 .env.development、.env.production、.env.staging 这三个文件之一存在相同的配置 key 时，.env 优先级更低）\n├── .env.development  # 开发环境变量配置\n├── .env.production  # 生产环境变量配置\n├── .env.staging  # 预发布环境变量配置\n├── .gitattributes  # 自定义指定文件属性\n├── .gitignore  # git 提交忽略文件\n├── .gitpod.yml  # gitpod 部署配置\n├── .lintstagedrc  # lint-staged 配置\n├── .markdownlint.json  # markdown 格式检查配置\n├── .npmrc  # npm 配置文件\n├── .nvmrc  # 用于指定在使用 Node Version Manager（NVM）时要使用的特定 Node.js 版本\n├── .prettierignore  # prettier 语法检查忽略文件\n├── .prettierrc.js  # prettier 插件配置\n├── .stylelintignore  # stylelint 语法检查忽略文件\n├── CHANGELOG.en_US.md  # 版本更新日志（英文版）\n├── CHANGELOG.md  # 版本更新日志（英文版）\n├── CHANGELOG.zh_CN.md  # 版本更新日志（中文版）\n├── Dockerfile  # 用来构建 docker 镜像\n├── LICENSE  # 证书\n├── README.en-US.md  # README（英文版）\n├── README.md  # README\n├── commitlint.config.js  # git 提交前检查配置\n├── eslint.config.js  # eslint 语法检查配置\n├── index.html  # html 主入口\n├── package.json  # 依赖包管理以及命令配置\n├── pnpm-lock.yaml  # 依赖包版本锁定文件\n├── postcss.config.js  # postcss 插件配置\n├── stylelint.config.js  # stylelint 配置\n├── tailwind.config.ts  # tailwindcss 配置\n├── tsconfig.json  # typescript 配置\n└── vite.config.ts  # vite 配置\n")])]),s._v(" "),n("div",{staticClass:"line-numbers-wrapper"},[n("span",{staticClass:"line-number"},[s._v("1")]),n("br"),n("span",{staticClass:"line-number"},[s._v("2")]),n("br"),n("span",{staticClass:"line-number"},[s._v("3")]),n("br"),n("span",{staticClass:"line-number"},[s._v("4")]),n("br"),n("span",{staticClass:"line-number"},[s._v("5")]),n("br"),n("span",{staticClass:"line-number"},[s._v("6")]),n("br"),n("span",{staticClass:"line-number"},[s._v("7")]),n("br"),n("span",{staticClass:"line-number"},[s._v("8")]),n("br"),n("span",{staticClass:"line-number"},[s._v("9")]),n("br"),n("span",{staticClass:"line-number"},[s._v("10")]),n("br"),n("span",{staticClass:"line-number"},[s._v("11")]),n("br"),n("span",{staticClass:"line-number"},[s._v("12")]),n("br"),n("span",{staticClass:"line-number"},[s._v("13")]),n("br"),n("span",{staticClass:"line-number"},[s._v("14")]),n("br"),n("span",{staticClass:"line-number"},[s._v("15")]),n("br"),n("span",{staticClass:"line-number"},[s._v("16")]),n("br"),n("span",{staticClass:"line-number"},[s._v("17")]),n("br"),n("span",{staticClass:"line-number"},[s._v("18")]),n("br"),n("span",{staticClass:"line-number"},[s._v("19")]),n("br"),n("span",{staticClass:"line-number"},[s._v("20")]),n("br"),n("span",{staticClass:"line-number"},[s._v("21")]),n("br"),n("span",{staticClass:"line-number"},[s._v("22")]),n("br"),n("span",{staticClass:"line-number"},[s._v("23")]),n("br"),n("span",{staticClass:"line-number"},[s._v("24")]),n("br"),n("span",{staticClass:"line-number"},[s._v("25")]),n("br"),n("span",{staticClass:"line-number"},[s._v("26")]),n("br"),n("span",{staticClass:"line-number"},[s._v("27")]),n("br"),n("span",{staticClass:"line-number"},[s._v("28")]),n("br"),n("span",{staticClass:"line-number"},[s._v("29")]),n("br"),n("span",{staticClass:"line-number"},[s._v("30")]),n("br"),n("span",{staticClass:"line-number"},[s._v("31")]),n("br"),n("span",{staticClass:"line-number"},[s._v("32")]),n("br"),n("span",{staticClass:"line-number"},[s._v("33")]),n("br"),n("span",{staticClass:"line-number"},[s._v("34")]),n("br"),n("span",{staticClass:"line-number"},[s._v("35")]),n("br"),n("span",{staticClass:"line-number"},[s._v("36")]),n("br"),n("span",{staticClass:"line-number"},[s._v("37")]),n("br"),n("span",{staticClass:"line-number"},[s._v("38")]),n("br"),n("span",{staticClass:"line-number"},[s._v("39")]),n("br"),n("span",{staticClass:"line-number"},[s._v("40")]),n("br"),n("span",{staticClass:"line-number"},[s._v("41")]),n("br"),n("span",{staticClass:"line-number"},[s._v("42")]),n("br"),n("span",{staticClass:"line-number"},[s._v("43")]),n("br"),n("span",{staticClass:"line-number"},[s._v("44")]),n("br"),n("span",{staticClass:"line-number"},[s._v("45")]),n("br"),n("span",{staticClass:"line-number"},[s._v("46")]),n("br"),n("span",{staticClass:"line-number"},[s._v("47")]),n("br"),n("span",{staticClass:"line-number"},[s._v("48")]),n("br"),n("span",{staticClass:"line-number"},[s._v("49")]),n("br"),n("span",{staticClass:"line-number"},[s._v("50")]),n("br"),n("span",{staticClass:"line-number"},[s._v("51")]),n("br"),n("span",{staticClass:"line-number"},[s._v("52")]),n("br"),n("span",{staticClass:"line-number"},[s._v("53")]),n("br"),n("span",{staticClass:"line-number"},[s._v("54")]),n("br"),n("span",{staticClass:"line-number"},[s._v("55")]),n("br"),n("span",{staticClass:"line-number"},[s._v("56")]),n("br"),n("span",{staticClass:"line-number"},[s._v("57")]),n("br"),n("span",{staticClass:"line-number"},[s._v("58")]),n("br"),n("span",{staticClass:"line-number"},[s._v("59")]),n("br"),n("span",{staticClass:"line-number"},[s._v("60")]),n("br"),n("span",{staticClass:"line-number"},[s._v("61")]),n("br"),n("span",{staticClass:"line-number"},[s._v("62")]),n("br"),n("span",{staticClass:"line-number"},[s._v("63")]),n("br"),n("span",{staticClass:"line-number"},[s._v("64")]),n("br"),n("span",{staticClass:"line-number"},[s._v("65")]),n("br"),n("span",{staticClass:"line-number"},[s._v("66")]),n("br"),n("span",{staticClass:"line-number"},[s._v("67")]),n("br"),n("span",{staticClass:"line-number"},[s._v("68")]),n("br"),n("span",{staticClass:"line-number"},[s._v("69")]),n("br"),n("span",{staticClass:"line-number"},[s._v("70")]),n("br"),n("span",{staticClass:"line-number"},[s._v("71")]),n("br"),n("span",{staticClass:"line-number"},[s._v("72")]),n("br"),n("span",{staticClass:"line-number"},[s._v("73")]),n("br"),n("span",{staticClass:"line-number"},[s._v("74")]),n("br"),n("span",{staticClass:"line-number"},[s._v("75")]),n("br"),n("span",{staticClass:"line-number"},[s._v("76")]),n("br"),n("span",{staticClass:"line-number"},[s._v("77")]),n("br"),n("span",{staticClass:"line-number"},[s._v("78")]),n("br"),n("span",{staticClass:"line-number"},[s._v("79")]),n("br"),n("span",{staticClass:"line-number"},[s._v("80")]),n("br"),n("span",{staticClass:"line-number"},[s._v("81")]),n("br"),n("span",{staticClass:"line-number"},[s._v("82")]),n("br"),n("span",{staticClass:"line-number"},[s._v("83")]),n("br"),n("span",{staticClass:"line-number"},[s._v("84")]),n("br"),n("span",{staticClass:"line-number"},[s._v("85")]),n("br"),n("span",{staticClass:"line-number"},[s._v("86")]),n("br"),n("span",{staticClass:"line-number"},[s._v("87")]),n("br"),n("span",{staticClass:"line-number"},[s._v("88")]),n("br"),n("span",{staticClass:"line-number"},[s._v("89")]),n("br"),n("span",{staticClass:"line-number"},[s._v("90")]),n("br"),n("span",{staticClass:"line-number"},[s._v("91")]),n("br"),n("span",{staticClass:"line-number"},[s._v("92")]),n("br"),n("span",{staticClass:"line-number"},[s._v("93")]),n("br"),n("span",{staticClass:"line-number"},[s._v("94")]),n("br"),n("span",{staticClass:"line-number"},[s._v("95")]),n("br"),n("span",{staticClass:"line-number"},[s._v("96")]),n("br"),n("span",{staticClass:"line-number"},[s._v("97")]),n("br"),n("span",{staticClass:"line-number"},[s._v("98")]),n("br"),n("span",{staticClass:"line-number"},[s._v("99")]),n("br"),n("span",{staticClass:"line-number"},[s._v("100")]),n("br"),n("span",{staticClass:"line-number"},[s._v("101")]),n("br"),n("span",{staticClass:"line-number"},[s._v("102")]),n("br"),n("span",{staticClass:"line-number"},[s._v("103")]),n("br"),n("span",{staticClass:"line-number"},[s._v("104")]),n("br"),n("span",{staticClass:"line-number"},[s._v("105")]),n("br"),n("span",{staticClass:"line-number"},[s._v("106")]),n("br"),n("span",{staticClass:"line-number"},[s._v("107")]),n("br"),n("span",{staticClass:"line-number"},[s._v("108")]),n("br"),n("span",{staticClass:"line-number"},[s._v("109")]),n("br"),n("span",{staticClass:"line-number"},[s._v("110")]),n("br"),n("span",{staticClass:"line-number"},[s._v("111")]),n("br"),n("span",{staticClass:"line-number"},[s._v("112")]),n("br"),n("span",{staticClass:"line-number"},[s._v("113")]),n("br"),n("span",{staticClass:"line-number"},[s._v("114")]),n("br"),n("span",{staticClass:"line-number"},[s._v("115")]),n("br"),n("span",{staticClass:"line-number"},[s._v("116")]),n("br"),n("span",{staticClass:"line-number"},[s._v("117")]),n("br"),n("span",{staticClass:"line-number"},[s._v("118")]),n("br"),n("span",{staticClass:"line-number"},[s._v("119")]),n("br"),n("span",{staticClass:"line-number"},[s._v("120")]),n("br"),n("span",{staticClass:"line-number"},[s._v("121")]),n("br"),n("span",{staticClass:"line-number"},[s._v("122")]),n("br"),n("span",{staticClass:"line-number"},[s._v("123")]),n("br"),n("span",{staticClass:"line-number"},[s._v("124")]),n("br"),n("span",{staticClass:"line-number"},[s._v("125")]),n("br"),n("span",{staticClass:"line-number"},[s._v("126")]),n("br"),n("span",{staticClass:"line-number"},[s._v("127")]),n("br"),n("span",{staticClass:"line-number"},[s._v("128")]),n("br"),n("span",{staticClass:"line-number"},[s._v("129")]),n("br"),n("span",{staticClass:"line-number"},[s._v("130")]),n("br"),n("span",{staticClass:"line-number"},[s._v("131")]),n("br"),n("span",{staticClass:"line-number"},[s._v("132")]),n("br"),n("span",{staticClass:"line-number"},[s._v("133")]),n("br"),n("span",{staticClass:"line-number"},[s._v("134")]),n("br"),n("span",{staticClass:"line-number"},[s._v("135")]),n("br"),n("span",{staticClass:"line-number"},[s._v("136")]),n("br"),n("span",{staticClass:"line-number"},[s._v("137")]),n("br"),n("span",{staticClass:"line-number"},[s._v("138")]),n("br"),n("span",{staticClass:"line-number"},[s._v("139")]),n("br")])])])}),[],!1,null,null,null);n.default=t.exports}}]);
\ No newline at end of file
diff --git a/assets/js/3.a6e5e626.js b/assets/js/3.9e6948df.js
similarity index 99%
rename from assets/js/3.a6e5e626.js
rename to assets/js/3.9e6948df.js
index 211dfcca0..1c2490e0b 100644
--- a/assets/js/3.a6e5e626.js
+++ b/assets/js/3.9e6948df.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{468:function(s,t,a){s.exports=a.p+"assets/img/package.87674ebf.jpg"},469:function(s,t,a){s.exports=a.p+"assets/img/error1.ab521e6b.png"},470:function(s,t,a){s.exports=a.p+"assets/img/sass.9620e491.png"},471:function(s,t){s.exports="data:image/png;base64,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"},472:function(s,t,a){s.exports=a.p+"assets/img/lodash.c0dc4ad5.png"},473:function(s,t,a){s.exports=a.p+"assets/img/optimized.6a8e5a33.png"},474:function(s,t,a){s.exports=a.p+"assets/img/vite.8e5d23a7.png"},475:function(s,t,a){s.exports=a.p+"assets/img/ep1.ce2c04be.png"},476:function(s,t,a){s.exports=a.p+"assets/img/ep2.3da63a30.png"},477:function(s,t,a){s.exports=a.p+"assets/img/ep3.c79de1fd.png"},478:function(s,t,a){s.exports=a.p+"assets/img/ep4.3b87096e.png"},479:function(s,t,a){s.exports=a.p+"assets/img/mac.48a1e54e.png"},480:function(s,t,a){s.exports=a.p+"assets/img/log.b04d7f89.png"},481:function(s,t,a){s.exports=a.p+"assets/img/hotlog.e79ec58e.png"},482:function(s,t,a){s.exports=a.p+"assets/img/namespace.1bcb6094.jpg"},483:function(s,t,a){s.exports=a.p+"assets/img/unexpected.768982e6.jpg"},484:function(s,t,a){s.exports=a.p+"assets/img/npm1.4adac956.jpg"},485:function(s,t,a){s.exports=a.p+"assets/img/npm2.ae934786.jpg"},486:function(s,t,a){s.exports=a.p+"assets/img/npm3.0c92b8b3.jpg"},487:function(s,t,a){s.exports=a.p+"assets/img/grey.be2d222b.jpg"},488:function(s,t,a){s.exports=a.p+"assets/img/dialog.2561f9b1.jpg"},489:function(s,t,a){s.exports=a.p+"assets/img/dialog-dark.2f6c70a3.jpg"},490:function(s,t){s.exports="data:image/jpeg;base64,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"},491:function(s,t){s.exports="data:image/jpeg;base64,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"},492:function(s,t,a){s.exports=a.p+"assets/img/messagebox.a8406047.jpg"},493:function(s,t,a){s.exports=a.p+"assets/img/messagebox-dark.165a24ed.jpg"},494:function(s,t){s.exports="data:image/jpeg;base64,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"},495:function(s,t){s.exports="data:image/jpeg;base64,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zzzzzzzzzzzzzzzzzzzy3zzwT777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777/xAAjEQEAAgICAgICAwAAAAAAAAABABEhMRBBQFAgUTBhcJGx/9oACAEDAQE/EPCFNcS2LecRA4mDDNmaDw1r5IWx1iJTMQs1LwVj5ELJeCseMqK8VEThsubJUud5a9CWuckDu4CDbOxhasZbCIwO+7iVcIl3BbjELu5bCIgd93NwlFd1EbHrwtRHTymk1M7mlTomqOvhHFkUC2Pg7Rqt+COLIqU0w14WvXfAEFLMJKlRLKeO5WqhlauVKiBSypUrVxNruWdrhiWdpUqIsOOJas3LO1ypUJSn79tT0KKj8P2zVcMNxR1HcYz9xzO59vEesVq+pw9Vx/t/nqhTX8B//8QAIBEAAwACAwADAQEAAAAAAAAAAAERITEQQEEgMFBgcP/aAAgBAgEBPxDpQiIiLvOJt8HlgQoRsLhUTljRC2Ik8CCPZMnvyojJk96yVlxVB8MIeiyHkic7InGGOtDabUR4A6saIsxCAtUgixia5BpSY61CLMQgLXIajK6SiFGujvKxb5babMYb3i3C38IZqJNuIXm+CphfCGas1GwezX0ZpOI0bqRSiyicdXGWEao8IlCijRupFFLLwNLwhaDWJWkWUSmVngRx4QtCijHSS/Wn4LaSr+5fQ+qJRfyZr+U1f8D/AP/EACwQAQACAQIGAgAGAwEBAAAAAAEAEfAhMRBBUWGhsSBxMGCBkcHRQFDx4YD/2gAIAQEAAT8QgK0TtCYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSDzOt3tKdPMBLqsTeU6eYBValWNMp08w023zmEmEmEmEmEmEmEmEmEmEmEmEmEmEh59vVIg/wDmVytNyt5WuwDqeJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhIL/AGHEVdX8oorGOyKV4N7/AAV3UqJ3P3zufvnc/fNJBupi7iVFwLpFrRi7qVEWEg3p+AwOpzOX4KEFroEJGked3wEoDqhakHImowzQYfxdVBN+007H/IadVd+bcN//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"},496:function(s,t,a){s.exports=a.p+"assets/img/github.c7b5c59a.png"},497:function(s,t,a){s.exports=a.p+"assets/img/xrk1.896d2be1.jpg"},498:function(s,t,a){s.exports=a.p+"assets/img/xrk2.005224e0.jpg"},499:function(s,t,a){s.exports=a.p+"assets/img/eslint.4aa52dda.jpg"},500:function(s,t,a){s.exports=a.p+"assets/img/eslint1.120c4f15.jpg"},563:function(s,t,a){"use strict";a.r(t);var n=a(7),e=Object(n.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"是否支持-ie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#是否支持-ie"}},[s._v("#")]),s._v(" 是否支持 "),t("code",[s._v("IE")]),s._v(" ？")]),s._v(" "),t("p",[s._v("答："),t("code",[s._v("vue3")]),s._v(" 官方说过不支持 "),t("code",[s._v("IE")]),s._v("，具体看 "),t("a",{attrs:{href:"https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md",target:"_blank",rel:"noopener noreferrer"}},[s._v("rfcs"),t("OutboundLink")],1),s._v(" 和 "),t("a",{attrs:{href:"https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support",target:"_blank",rel:"noopener noreferrer"}},[s._v("cn.vuejs"),t("OutboundLink")],1),s._v("。当然有人会说 "),t("a",{attrs:{href:"https://cn.vitejs.dev/plugins/#vitejsplugin-legacy",target:"_blank",rel:"noopener noreferrer"}},[s._v("@vitejs/plugin-legacy"),t("OutboundLink")],1),s._v(" 会支持 "),t("code",[s._v("IE")]),s._v("，它的确会，但是它是一款 "),t("code",[s._v("vite")]),s._v(" 插件，只对非 "),t("code",[s._v("vue3")]),s._v(" 的框架进行支持，目前没有任何一款工具可以使 "),t("code",[s._v("vue3")]),s._v(" 支持 "),t("code",[s._v("IE")]),s._v(" 浏览器，如果您项目需要支持 "),t("code",[s._v("IE")]),s._v("，请慎重考虑使用本平台。如果您既要使用最新技术并且又想稳定又要兼容 "),t("code",[s._v("IE")]),s._v(" 浏览器的话可以选择 "),t("code",[s._v("vue2.7")]),s._v(" 的某个版本搭配 "),t("code",[s._v("vue-cli")]),s._v(" 最新版本")]),s._v(" "),t("h2",{attrs:{id:"精简版是干啥的"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#精简版是干啥的"}},[s._v("#")]),s._v(" 精简版是干啥的？")]),s._v(" "),t("ul",[t("li",[s._v("答：实际项目开发请使用精简版，精简版是基于 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[s._v("vue-pure-admin"),t("OutboundLink")],1),s._v(" 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 "),t("a",{attrs:{href:"https://element-plus.org",target:"_blank",rel:"noopener noreferrer"}},[s._v("element-plus"),t("OutboundLink")],1),s._v(" 的情况下仍然低于 "),t("code",[s._v("2.3MB")]),s._v("，并且会永久同步完整版的代码。开启 "),t("code",[s._v("brotli")]),s._v(" 压缩和 "),t("code",[s._v("cdn")]),s._v(" 替换本地库模式后，打包大小低于 "),t("code",[s._v("350kb")])])]),s._v(" "),t("p",[t("img",{attrs:{src:a(468),alt:"package"}})]),s._v(" "),t("h2",{attrs:{id:"husky-是什么-可以删除-husky-提交前校验吗-如何彻底删除"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#husky-是什么-可以删除-husky-提交前校验吗-如何彻底删除"}},[s._v("#")]),s._v(" "),t("code",[s._v("husky")]),s._v(" 是什么？可以删除 "),t("code",[s._v("husky")]),s._v(" 提交前校验吗？如何彻底删除？")]),s._v(" "),t("ul",[t("li",[t("p",[t("code",[s._v("husky")]),s._v(" 是什么？"),t("br"),s._v("\n答："),t("a",{attrs:{href:"https://typicode.github.io/husky/#/",target:"_blank",rel:"noopener noreferrer"}},[s._v("官方文档"),t("OutboundLink")],1)])]),s._v(" "),t("li",[t("p",[s._v("可以删除 "),t("code",[s._v("husky")]),s._v(" 提交前校验吗？"),t("br"),s._v("\n答：如果您们提交代码不需要严格的提交前校验，这当然可以删除")])]),s._v(" "),t("li",[t("p",[s._v("如何彻底删除？"),t("br"),s._v("\n① 删除根目录 "),t("code",[s._v(".husky")]),s._v(" 文件夹以及里面所有文件"),t("br"),s._v("\n② 删除根目录 "),t("code",[s._v("commitlint.config.js")]),s._v(" 文件"),t("br"),s._v("\n③ 来到 "),t("code",[s._v("package.json")]),s._v(" 下的 "),t("code",[s._v("devDependencies")]),s._v(" ，删除 "),t("code",[s._v("@commitlint/cli")]),s._v(" 、 "),t("code",[s._v("@commitlint/config-conventional")]),s._v(" 、 "),t("code",[s._v("@commitlint/types")]),s._v(" 、 "),t("code",[s._v("husky")]),s._v(" 、 "),t("code",[s._v("lint-staged")]),s._v(" 这些依赖"),t("br"),s._v("\n④ 最后来到 "),t("code",[s._v("package.json")]),s._v(" 下的 "),t("code",[s._v("scripts")]),s._v(" ，删除 "),t("code",[s._v('"prepare": "husky"')]),s._v(" 命令即可")])])]),s._v(" "),t("h2",{attrs:{id:"为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢"}},[s._v("#")]),s._v(" 为什么使用 "),t("code",[s._v("pnpm")]),s._v(" ？ "),t("code",[s._v("pnpm")]),s._v(" 天生支持 "),t("code",[s._v("monorepo")]),s._v("，为什么平台不采用这种模式呢？")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("为什么使用 "),t("code",[s._v("pnpm")]),s._v("？"),t("br"),s._v("\n① 节约磁盘空间并提升安装速度"),t("br"),s._v("\n当使用 "),t("code",[s._v("npm")]),s._v(" 或 "),t("code",[s._v("Yarn")]),s._v(" 时，如果您有 "),t("code",[s._v("100")]),s._v(" 个项目使用了某个依赖，就会有 "),t("code",[s._v("100")]),s._v(" 份该依赖的副本保存在硬盘上。 对于 "),t("code",[s._v("pnpm")]),s._v(" ，依赖项将存储在一个内容可寻址的仓库中，因此：如果您用到了某依赖项的不同版本，那么只会将有差异的文件添加到仓库。例如，如果它有 "),t("code",[s._v("100")]),s._v(" 个文件，而新版本只改变了其中 "),t("code",[s._v("1")]),s._v(" 个文件。那么 "),t("code",[s._v("pnpm update")]),s._v(" 只会向存储中心添加 "),t("code",[s._v("1")]),s._v(" 个新文件，不会仅因为单一的改变而克隆整个依赖。所有文件都会存储在硬盘上的同一位置。 当多个包（"),t("code",[s._v("package")]),s._v("）被安装时，所有文件都会从同一位置创建硬链接，不会占用额外的磁盘空间。 这允许您跨项目地共享同一版本的依赖。最终您节省了大量与项目和依赖成比例的硬盘空间，并且拥有更快的安装速度！"),t("br"),s._v("\n② 创建非扁平化的 "),t("code",[s._v("node_modules")]),s._v(" 文件夹"),t("br"),s._v("\n当使用 "),t("code",[s._v("npm")]),s._v(" 安装依赖时，所有的依赖都会被提升到模块的根目录。 因此，项目可以访问到未被添加进 当前 项目的依赖。"),t("code",[s._v("pnpm")]),s._v(" 使用软链的方式将项目的直接依赖添加进模块文件夹的根目录。")])]),s._v(" "),t("li",[t("p",[t("code",[s._v("pnpm")]),s._v(" 天生支持 "),t("code",[s._v("monorepo")]),s._v("，为什么平台不采用这种模式呢？"),t("br"),s._v("\n答：我们先来简单介绍一下什么是 "),t("code",[s._v("monorepo")]),s._v(" ，"),t("code",[s._v("monorepos")]),s._v(" 指单一代码库，在版本控制系统的单个代码库里包含了许多项目的代码，与它对应的是 "),t("code",[s._v("multirepos")]),s._v(" 多代码库，每个项目都储存在一个完全独立的、版本控制的代码库中。"),t("code",[s._v("monorepo")]),s._v(" 可能并不适合大多数项目，毕竟大家习惯了多代码库开发，所以平台不采用这种模式。"),t("br"),s._v(" "),t("a",{attrs:{href:"https://baijiahao.baidu.com/s?id=1663844045880515134&wfr=spider&for=pc",target:"_blank",rel:"noopener noreferrer"}},[s._v("推荐文章:Monorepo 可能没您想象中那么香"),t("OutboundLink")],1)])])]),s._v(" "),t("h2",{attrs:{id:"平台出现报错-cannot-find-module-zougt-some-loader-utils"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现报错-cannot-find-module-zougt-some-loader-utils"}},[s._v("#")]),s._v(" 平台出现报错 "),t("code",[s._v("Cannot find module '@zougt/some-loader-utils'")])]),s._v(" "),t("ul",[t("li",[s._v("为什么会出现 "),t("code",[s._v("Cannot find module '@zougt/some-loader-utils'")]),t("br"),s._v("\n答：平台路径请不要使用中文命名！！！会造成解析乱码！！！请使用全英文路径！！！")])]),s._v(" "),t("h2",{attrs:{id:"平台出现报错-access-is-denied-windows-常见"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现报错-access-is-denied-windows-常见"}},[s._v("#")]),s._v(" 平台出现报错 "),t("code",[s._v("Access is denied")]),s._v("（"),t("code",[s._v("windows")]),s._v(" 常见）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(469),alt:"error"}})]),s._v(" "),t("ul",[t("li",[s._v("解决办法：请遵循平台要求，安装对应的 "),t("code",[s._v("node")]),s._v(" 和 "),t("code",[s._v("pnpm")]),s._v(" 版本 ( "),t("code",[s._v("node")]),s._v(" 18.18.0 版本及以上、"),t("code",[s._v("pnpm")]),s._v(" 9 版本及以上)")])]),s._v(" "),t("h2",{attrs:{id:"安装依赖时出现报错-cannot-find-module-sass"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装依赖时出现报错-cannot-find-module-sass"}},[s._v("#")]),s._v(" 安装依赖时出现报错 "),t("code",[s._v("Cannot find module 'sass'")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(470),alt:"sass"}})]),s._v(" "),t("p",[s._v("答：删除平台的 "),t("code",[s._v("pnpm-lock.yaml")]),s._v(" 和 "),t("code",[s._v("node_modules")]),s._v(" ，重新执行命令 "),t("code",[s._v("pnpm install")]),s._v(" 安装依赖即可。（重点："),t("code",[s._v("文件存放路径不要带有中文")]),s._v("）")]),s._v(" "),t("h2",{attrs:{id:"动态路由刷新出现警告-⚠️"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#动态路由刷新出现警告-⚠️"}},[s._v("#")]),s._v(" 动态路由刷新出现警告 ⚠️")]),s._v(" "),t("ul",[t("li",[s._v("为什么会出现警告？会不会影响使用？"),t("br"),s._v("\n答：这个警告是 "),t("code",[s._v("vue-router")]),s._v(" 作者故意留下的，咱也不知道为啥，详情看 "),t("a",{attrs:{href:"https://github.com/vuejs/router/issues/521#issuecomment-706680593",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v("。不会影响使用，功能一切表现正常，平台打包部署到生产环境就不会出现警告了。\n已通过 "),t("a",{attrs:{href:"https://www.npmjs.com/package/vite-plugin-router-warn",target:"_blank",rel:"noopener noreferrer"}},[s._v("vite-plugin-router-warn"),t("OutboundLink")],1),s._v(" 解决。"),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/b9e6556409a755655bf7f769ad1c340d33c66c59#commitcomment-134220309",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体解决代码"),t("OutboundLink")],1)])]),s._v(" "),t("h2",{attrs:{id:"平台出现警告-rank-only-the-home-page-can-be-0-⚠️"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现警告-rank-only-the-home-page-can-be-0-⚠️"}},[s._v("#")]),s._v(" 平台出现警告 "),t("code",[s._v("rank only the home page can be 0")]),s._v(" ⚠️")]),s._v(" "),t("p",[t("img",{attrs:{src:a(471),alt:"rank"}})]),s._v(" "),t("p",[s._v("答：路由 "),t("code",[s._v("meta")]),s._v(" 里的 "),t("code",[s._v("rank")]),s._v(" 字段只有 "),t("code",[s._v("home")]),s._v(" 路由才能是 "),t("code",[s._v("0")]),s._v(" ，其他均不能为 "),t("code",[s._v("0")]),s._v(" 。作为一种规范，"),t("code",[s._v("rank")]),s._v(" 字段最好唯一。"),t("code",[s._v("rank")]),s._v(" 字段代表菜单的排序，而且只能是顶级菜单进行排序，也就是最外层的菜单，为什么这么设计呢。详见"),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/154#issuecomment-996571156",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues/154"),t("OutboundLink")],1),s._v("。")]),s._v(" "),t("h2",{attrs:{id:"为什么平台使用-lodash-unified-而不是使用-lodash-es-呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么平台使用-lodash-unified-而不是使用-lodash-es-呢"}},[s._v("#")]),s._v(" 为什么平台使用 "),t("code",[s._v("lodash-unified")]),s._v(" ，而不是使用 "),t("code",[s._v("lodash-es")]),s._v(" 呢？")]),s._v(" "),t("p",[t("img",{attrs:{src:a(472),alt:"lodash"}})]),s._v(" "),t("p",[s._v("答：其实 "),t("code",[s._v("lodash-unified")]),s._v(" 只是对 "),t("code",[s._v("lodash-es")]),s._v(" 做了 "),t("code",[s._v("ESM")]),s._v(" (ESModule)格式支持并兼容 "),t("code",[s._v("CJS")]),s._v(" (CommonJS)格式，"),t("code",[s._v("vite")]),s._v(" 又是使用原生 "),t("code",[s._v("ESM")]),s._v(" 文件快速启动。这里需要注意的是 "),t("code",[s._v("lodash-unified")]),s._v(" 和 "),t("code",[s._v("lodash-es")]),s._v(" 需要同时安装。"),t("br"),s._v("\n用法："),t("code",[s._v('import { sum } from "lodash-unified"')]),s._v(" 目前均已被 "),t("a",{attrs:{href:"https://pure-admin-utils.netlify.app/",target:"_blank",rel:"noopener noreferrer"}},[s._v("@pureadmin/utils"),t("OutboundLink")],1),s._v(" 代替。")]),s._v(" "),t("h2",{attrs:{id:"为什么平台使用手动按需引入-而不是使用-unplugin-vue-components-插件自动按需引入呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么平台使用手动按需引入-而不是使用-unplugin-vue-components-插件自动按需引入呢"}},[s._v("#")]),s._v(" 为什么平台使用手动按需引入，而不是使用 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 插件自动按需引入呢？")]),s._v(" "),t("p",[s._v("答：我尝试将 "),t("code",[s._v("unplugin-element-plus")]),s._v(" 替换成 "),t("code",[s._v("unplugin-vue-components")]),s._v(" ，但似乎 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 表现不是太好，整体来说有些问题，可以看看 "),t("a",{attrs:{href:"https://github.com/antfu/unplugin-vue-components/issues",target:"_blank",rel:"noopener noreferrer"}},[s._v("unplugin-vue-components/issues"),t("OutboundLink")],1),s._v(" 了解一下，而且 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 不是为 "),t("code",[s._v("element-plus")]),s._v(" 特供的产物，毕竟 "),t("code",[s._v("vite")]),s._v(" 等工具还在高速发展，可能会出现一些莫名的问题影响项目，我之前碰到过开发环境没事，打包就凉了（这里是 vite 某个版本的问题），这很坑，所以我感觉手动按需引入更有安全感，毕竟迭代了这么多版本，"),t("code",[s._v("unplugin-element-plus")]),s._v(" 没出过问题。所以整体来说平台都把很多坑都踩过了，毕竟提供很多人使用，平台应该有这个责任在使用最新技术前进行调研，并在综合考虑下保留相对稳定的东西，给平台带来稳定。当然您也可自行替换成 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 插件自动按需引入。")]),s._v(" "),t("h2",{attrs:{id:"为什么平台采用全局引入-element-plus-而不是按需引入呢-全局引入带来打包冗余-如何处理-如何改成按需引入"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么平台采用全局引入-element-plus-而不是按需引入呢-全局引入带来打包冗余-如何处理-如何改成按需引入"}},[s._v("#")]),s._v(" 为什么平台采用全局引入 "),t("code",[s._v("element-plus")]),s._v(" ，而不是按需引入呢？ 全局引入带来打包冗余，如何处理？ 如何改成按需引入？")]),s._v(" "),t("ul",[t("li",[s._v("为什么平台采用全局引入 "),t("code",[s._v("element-plus")]),s._v(" ，而不是按需引入呢？"),t("br"),s._v("\n答：① 经过多次实践，按需引入一个组件库的话，"),t("code",[s._v("vite")]),s._v(" 的预编译的时间有点长（尤其是性能低的电脑或者您开了很多程序导致 "),t("code",[s._v("cpu")]),s._v(" 占用过高），所以我们采用了全局引入的方式，不再让它预编译，而是直接加载整个包。② 按需引入会出现 "),t("code",[s._v("new dependencies optimized")]),s._v(" 的情况，这个情况一旦出现就会使得页面重新加载，如下图，开发体验不好。")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(473),alt:"optimized"}}),s._v("\n上图的问题，估计是 "),t("code",[s._v("vite")]),s._v(" 还需进行优化，下图是来自 "),t("code",[s._v("vite")]),s._v(" 官方开发者的回复"),t("a",{attrs:{href:"https://github.com/vitejs/vite/issues/7608#issuecomment-1087877492",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v(" "),t("img",{attrs:{src:a(474),alt:"vite"}})]),s._v(" "),t("ul",[t("li",[t("p",[s._v("全局引入带来打包冗余，如何处理？"),t("br"),s._v("\n答：全局引入，打包不会在进行 "),t("code",[s._v("tree shanking")]),s._v(" ，带来未引用的代码也打包进来，造成冗余问题。如何解决呢。目前来说只能在打包时，平台改用 "),t("code",[s._v("unplugin-element-plus")]),s._v(" 插件按需引入模式，开发时，再换成全局引入。")])]),s._v(" "),t("li",[t("p",[s._v("如何改成按需引入？"),t("br"),s._v("\n答：以 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[s._v("精简版"),t("OutboundLink")],1),s._v(" 为例。"),t("br"),s._v("\n① 安装 "),t("code",[s._v("unplugin-element-plus")]),s._v(" ，执行命令：")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[s._v("  "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("pnpm")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("add")]),s._v(" unplugin-element-plus "),t("span",{pre:!0,attrs:{class:"token parameter variable"}},[s._v("-D")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[t("img",{attrs:{src:a(475),alt:"ep1"}}),s._v("\n② 来到根目录 "),t("code",[s._v("build/plugins.ts")]),s._v(" 文件，去掉 "),t("code",[s._v('import ElementPlus from "unplugin-element-plus/vite";')]),s._v(" 和 "),t("code",[s._v("ElementPlus({}),")]),s._v(" 的代码注释"),t("br"),s._v(" "),t("img",{attrs:{src:a(476),alt:"ep2"}}),s._v("\n③ 来到根目录 "),t("code",[s._v("src/main.ts")]),s._v(" 文件，注释 "),t("code",[s._v('import ElementPlus from "element-plus";')]),s._v(" ，添加 "),t("code",[s._v('import { useElementPlus } from "/@/plugins/element-plus";')]),s._v(" ，将 "),t("code",[s._v("use(ElementPlus)")]),s._v(" 替换成 "),t("code",[s._v("use(useElementPlus)")]),s._v(" "),t("img",{attrs:{src:a(477),alt:"ep3"}}),s._v("\n④ 千万别忘记，把用到的 "),t("code",[s._v("element-plus")]),s._v(" 组件引入到根目录 "),t("code",[s._v("src/plugins/element-plus/index.ts")]),s._v(" 文件中\n"),t("img",{attrs:{src:a(478),alt:"ep4"}})])])]),s._v(" "),t("h2",{attrs:{id:"vertical-模式下左侧菜单卡顿-如何解决-菜单切换卡顿"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vertical-模式下左侧菜单卡顿-如何解决-菜单切换卡顿"}},[s._v("#")]),s._v(" "),t("code",[s._v("vertical")]),s._v(" 模式下左侧菜单卡顿，如何解决？菜单切换卡顿？")]),s._v(" "),t("ul",[t("li",[t("code",[s._v("vertical")]),s._v(" 模式下左侧菜单卡顿，如何解决？"),t("br"),s._v("\n答：这个问题大多数出现在 "),t("code",[s._v("windows")]),s._v(" 上，特别是电脑性能低或者双屏的模式下。我的电脑从未出现过卡顿的情况。下图是我的电脑信息")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(479),alt:"mac"}})]),s._v(" "),t("p",[t("code",[s._v("element-plus")]),s._v(" 的 "),t("code",[s._v("menu")]),s._v(" 在上述的情况可能会出现卡顿。")]),s._v(" "),t("p",[s._v("两种解决办法：")]),s._v(" "),t("p",[s._v("① 从软件上解决：来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L22",target:"_blank",rel:"noopener noreferrer"}},[s._v("public/platform-config.json"),t("OutboundLink")],1),s._v(" 设置 "),t("code",[s._v("MenuArrowIconNoTransition")]),s._v(" 为 "),t("code",[s._v("true")]),s._v(" 即可以解决。菜单经过测试在谷歌浏览器 "),t("code",[s._v("92")]),s._v(" 到 "),t("code",[s._v("94")]),s._v(" 版本是不卡顿的，谷歌浏览器版本下载地址 "),t("a",{attrs:{href:"https://www.chromedownloads.net/chrome64osx/",target:"_blank",rel:"noopener noreferrer"}},[s._v("chromedownloads"),t("OutboundLink")],1),s._v("，卡顿是这个 "),t("a",{attrs:{href:"https://github.com/element-plus/element-plus/blob/dev/packages/components/menu/src/sub-menu.ts#L320",target:"_blank",rel:"noopener noreferrer"}},[s._v("transform: rotateZ(180deg)"),t("OutboundLink")],1),s._v(" 造成的，貌似是谷歌的 "),t("a",{attrs:{href:"https://bugs.chromium.org/p/chromium/issues/detail?id=1384444",target:"_blank",rel:"noopener noreferrer"}},[s._v("bug"),t("OutboundLink")],1),s._v(" 吧"),t("br"),s._v("\n② 从硬件上解决：运行 window + x 打开计算机管理界面，找到设备管理器(或者英文 Device Manager)，打开显示适配器(或者英文 Display Adapters)，如果列表内展示的有 Inter(R) HD Graphics，则说明此电脑具有集成显卡，禁用掉此项（集成显卡），将独立显卡开启满载状态。"),t("a",{attrs:{href:"https://jingyan.baidu.com/article/fd8044fae944b61131137ab1.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("Windows 怎么禁用集成显卡"),t("OutboundLink")],1)]),s._v(" "),t("ul",[t("li",[s._v("菜单切换卡顿？"),t("br"),s._v("\n答：有人问平台演示环境菜单切换卡顿，是什么问题？"),t("br"),s._v("\n① 首先，平台的演示环境使用的是 "),t("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("github"),t("OutboundLink")],1),s._v(" ，一个免费的静态网站部署服务，切换菜单的时候，需要加载网络资源，走了请求，响应越慢，页面显示的越慢。"),t("br"),s._v("\n② 其次，本地运行平台的完整版，有的菜单切换卡顿，因为也要加载资源啊，比如地图什么的，当前页面加载资源越大，正常情况下响应就越慢，这是最基本的知识哦。")])]),s._v(" "),t("h2",{attrs:{id:"浏览器控制台打印一些重复信息-很影响开发体验-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#浏览器控制台打印一些重复信息-很影响开发体验-如何解决"}},[s._v("#")]),s._v(" 浏览器控制台打印一些重复信息，很影响开发体验，如何解决？")]),s._v(" "),t("p",[t("img",{attrs:{src:a(480),alt:"log"}})]),s._v(" "),t("p",[s._v("答：如下图所示，触发了 "),t("code",[s._v("vite")]),s._v(" 的 "),t("code",[s._v("hmr update")]),s._v(" 就会在控制台输出相对应的信息 "),t("a",{attrs:{href:"https://github.com/vitejs/vite/issues/1785",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v(" ，有时候输出的信息对于我们来说并没有用，是否可以屏蔽掉这些信息呢？当然可以，在浏览器控制台过滤框中输入您不需要的信息并在最前面加上 "),t("code",[s._v("-")]),s._v(" 即可。"),t("a",{attrs:{href:"https://blog.csdn.net/qq_33674300/article/details/114764718",target:"_blank",rel:"noopener noreferrer"}},[s._v("浏览器控制台过滤无用的提示和报错"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"推荐文章"}})],1),s._v(" "),t("p",[t("img",{attrs:{src:a(481),alt:"hotlog"}})]),s._v(" "),t("h2",{attrs:{id:"vue3-的-script-setup-写法-虽然会依据它的文件名来自动推断组件名称-name-但这也约束了我们的写法-不算灵活-有没有解决方案呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue3-的-script-setup-写法-虽然会依据它的文件名来自动推断组件名称-name-但这也约束了我们的写法-不算灵活-有没有解决方案呢"}},[s._v("#")]),s._v(" "),t("code",[s._v("vue3")]),s._v(" 的 "),t("code",[s._v("<script setup>")]),s._v(" 写法，虽然会依据它的文件名来自动推断组件名称 "),t("code",[s._v("name")]),s._v("，但这也约束了我们的写法，不算灵活，有没有解决方案呢？")]),s._v(" "),t("p",[s._v("答：有的。有人在 vue 上提了这个 issues："),t("code",[s._v('use <script setup name="cpnName"> instead of two <script>')]),s._v("，这种写法无疑是非常方便的，但是被尤大否决了，具体可看 "),t("a",{attrs:{href:"https://github.com/vuejs/core/issues/5218",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v("，不过周边生态出了个插件 "),t("a",{attrs:{href:"https://www.npmjs.com/package/unplugin-vue-define-options",target:"_blank",rel:"noopener noreferrer"}},[s._v("unplugin-vue-define-options"),t("OutboundLink")],1),s._v(" 可以在一个 "),t("code",[s._v("setup")]),s._v(" 里加入 "),t("code",[s._v("name")]),s._v(" ，很方便。用法如下")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("script setup "),t("span",{pre:!0,attrs:{class:"token assign-left variable"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ts"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\ndefineOptions"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  name: "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"页面名称"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("/script"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br")])]),t("p",[s._v("目前"),t("code",[s._v("vue")]),s._v("官方已支持 "),t("a",{attrs:{href:"https://cn.vuejs.org/api/sfc-script-setup.html#defineoptions",target:"_blank",rel:"noopener noreferrer"}},[s._v("defineOptions"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"vue3-单文件支持多个根标签-但是平台为什么不能这么用呢-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue3-单文件支持多个根标签-但是平台为什么不能这么用呢-如何解决"}},[s._v("#")]),s._v(" "),t("code",[s._v("vue3")]),s._v(" 单文件支持多个根标签，但是平台为什么不能这么用呢？如何解决？")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("平台为什么不能这么用呢？"),t("br"),s._v("\n答：因为平台用了 "),t("code",[s._v("vue3")]),s._v(" 中 "),t("code",[s._v("Transition")]),s._v(" 组件包裹整个内容区，这样才能带来各种页面切换效果。但是 "),t("code",[s._v("Transition")]),s._v(" 仅支持单个元素或组件作为其插槽内容。如果内容是一个组件，则该组件也必须只有一个根元素，所以这才要求内容区里的单文件要在最外层加上一个根元素，详情看 "),t("a",{attrs:{href:"https://cn.vuejs.org/guide/built-ins/transition.html#the-transition-component",target:"_blank",rel:"noopener noreferrer"}},[s._v("TIP"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vue3文档"}})],1)]),s._v(" "),t("li",[t("p",[s._v("如何解决？"),t("br"),s._v("\n答：如果想内容区的单文件支持多个根元素，可以来到这里 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/components/lay-content/index.vue#L77",target:"_blank",rel:"noopener noreferrer"}},[s._v("lay-content/index.vue"),t("OutboundLink")],1),s._v(" 将 "),t("code",[s._v("Transition")]),s._v(" 相关地方删除，不在要页面内容过渡效果了。")])])]),s._v(" "),t("h2",{attrs:{id:"不同项目的本地存储设置可能不同-页面效果不同-那么如何避免-fork-项目的本地存储-key-值一样呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#不同项目的本地存储设置可能不同-页面效果不同-那么如何避免-fork-项目的本地存储-key-值一样呢"}},[s._v("#")]),s._v(" 不同项目的本地存储设置可能不同（页面效果不同），那么如何避免 "),t("code",[s._v("fork")]),s._v(" 项目的本地存储 "),t("code",[s._v("key")]),s._v(" 值一样呢？")]),s._v(" "),t("ul",[t("li",[s._v("平台使用的 "),t("a",{attrs:{href:"https://github.com/xiaoxian521/responsive-storage",target:"_blank",rel:"noopener noreferrer"}},[s._v("响应式本地存储"),t("OutboundLink")],1),s._v("，默认的 "),t("code",[s._v("key")]),s._v(" 全部以 "),t("code",[s._v("responsive-")]),s._v(" 开头，如下图所示")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(482),alt:"namespace"}})]),s._v(" "),t("ul",[t("li",[s._v("如何避免？"),t("br"),s._v("\n答：可以在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L25",target:"_blank",rel:"noopener noreferrer"}},[s._v("此处"),t("OutboundLink")],1),s._v(" 修改 "),t("code",[s._v("ResponsiveStorageNameSpace")]),s._v(" 为您所需的命名空间即可")])]),s._v(" "),t("h2",{attrs:{id:"平台要求-node-版本应不小于-18-18-0-、pnpm-版本应不小于-9-但是实际开发有的项目需要比这些低的版本怎么解决呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台要求-node-版本应不小于-18-18-0-、pnpm-版本应不小于-9-但是实际开发有的项目需要比这些低的版本怎么解决呢"}},[s._v("#")]),s._v(" 平台要求 "),t("code",[s._v("node")]),s._v(" 版本应不小于 "),t("code",[s._v("18.18.0")]),s._v(" 、"),t("code",[s._v("pnpm")]),s._v(" 版本应不小于 "),t("code",[s._v("9")]),s._v(" ，但是实际开发有的项目需要比这些低的版本怎么解决呢？")]),s._v(" "),t("p",[s._v("答：推荐阅读 "),t("a",{attrs:{href:"https://blog.csdn.net/qq_36380426/article/details/126218495",target:"_blank",rel:"noopener noreferrer"}},[s._v("三款非常实用的 Node.js 版本管理工具"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"打包时报-unexpected-token-如下图-来自群友提供"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#打包时报-unexpected-token-如下图-来自群友提供"}},[s._v("#")]),s._v(" 打包时报 "),t("code",[s._v("Unexpected token")]),s._v("，如下图（来自群友提供）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(483),alt:"unexpected"}})]),s._v(" "),t("p",[s._v("首先请您 "),t("code",[s._v("不要")]),s._v(" 用 "),t("code",[s._v("中文路径名")]),s._v("，然后我们来解答一下")]),s._v(" "),t("p",[s._v("答：这里报错来自于 "),t("a",{attrs:{href:"https://github.com/xiaoxian521/vite-plugin-remove-console",target:"_blank",rel:"noopener noreferrer"}},[s._v("vite-plugin-remove-console"),t("OutboundLink")],1),s._v("，当 "),t("code",[s._v("console.log")]),s._v(" 写法不规范或者这个文件是压缩格式时就会出现这种报错，请在 "),t("code",[s._v("external")]),s._v(" 中排除这个 "),t("code",[s._v("console.log")]),s._v(" 出现的文件，参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/plugins.ts#L56",target:"_blank",rel:"noopener noreferrer"}},[s._v("removeConsole"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"安装依赖慢-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装依赖慢-如何解决"}},[s._v("#")]),s._v(" 安装依赖慢，如何解决？")]),s._v(" "),t("p",[s._v("可能您刚接触到 "),t("code",[s._v("pure-admin")]),s._v(" 会有个疑问，为什么平台使用了 "),t("code",[s._v("pnpm")]),s._v(" 可是安装平台依赖的时候还是等了很长时间呢？")]),s._v(" "),t("p",[s._v("答：首先我觉得您可以认真看下 "),t("RouterLink",{attrs:{to:"/pages/FAQ/#为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢-可以不使用-pnpm-吗-如何从-pnpm-切换到-yarn"}},[s._v("pnpm")]),s._v(" 哦。其次，"),t("code",[s._v("pnpm")]),s._v(" 只会在项目依赖包从本地找不到对应版本的情况下，才会去 "),t("a",{attrs:{href:"https://www.npmjs.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("npm"),t("OutboundLink")],1),s._v(" 下载，既然是 "),t("code",[s._v("npm")]),s._v(" 下载的话，它肯定是国外镜像，下载慢就很正常了。下面讲下解决办法：")],1),s._v(" "),t("p",[s._v("① 使用下面命令查看当前 "),t("code",[s._v("npm")]),s._v(" 源")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("npm config ls\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("执行完上面的命令后，在您没有设置过任何源的情况下，默认是 "),t("a",{attrs:{href:"https://www.npmjs.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("npmjs"),t("OutboundLink")],1),s._v(" 官方源，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(484),alt:"npm"}})]),s._v(" "),t("p",[s._v("② 不管是什么源，我们都可以不用管，直接执行下面命令即可")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("npm config set registry https://registry.npmmirror.com\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("上面的命令是将本地的源换成国内源 "),t("a",{attrs:{href:"https://npmmirror.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("npmmirror"),t("OutboundLink")],1),s._v("，经过几轮测试，发现它的下载速度快且同步率高，同步频率 "),t("code",[s._v("10")]),s._v(" 分钟一次，如果您之前的源是这个 "),t("code",[s._v("http://registry.npm.taobao.org")]),s._v(" ，那您必须换成 "),t("code",[s._v("npmmirror")]),s._v(" 啦，因为原淘宝 "),t("code",[s._v("npm")]),s._v(" 域名即将停止解析 "),t("a",{attrs:{href:"https://zhuanlan.zhihu.com/p/465424728?spm=a2c6h.24755359.0.0.6d444dccAL1K1J",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体了解"),t("OutboundLink")],1),t("br"),s._v("\n执行完上面的命令后再使用 "),t("code",[s._v("①")]),s._v(" 中的命令查看本地源，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(485),alt:"npm"}})]),s._v(" "),t("p",[s._v("③ 当我们将本地源换成 "),t("code",[s._v("npmmirror")]),s._v(" 后，再回到 "),t("code",[s._v("pure-admin")]),s._v(" 平台，将 "),t("code",[s._v("pnpm-lock.yaml")]),s._v(" 和 "),t("code",[s._v("node_modules")]),s._v(" 这两个文件删除，然后执行下面的命令重新安装依赖，您就会发现安装速度很快啦")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm install\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("如果您不删除上面提到的两个文件就会遇到如下图的报错")]),s._v(" "),t("p",[t("img",{attrs:{src:a(486),alt:"npm"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("提示")]),s._v(" "),t("p",[s._v("如果您本地有自己维护的 "),t("code",[s._v("npm")]),s._v(" 包，请在发包前使用下面命令将本地源换成 "),t("code",[s._v("npm")]),s._v(" 官方源，这样才能保证您发包成功，发完之后再换成 "),t("code",[s._v("npmmirror")]),s._v(" 源即可。同理，如何您公司有私服的话，也是如此操作，只不过把下面命令 "),t("code",[s._v("registry")]),s._v(" 后的地址换成私服的地址即可。如何部署私服可参考 "),t("a",{attrs:{href:"https://www.cnblogs.com/venblogs/p/14371381.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("该文章"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("npm config set registry https://registry.npmjs.org\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("当然第二种办法也是最方便的办法就是将下面代码加入到您自己库的 "),t("code",[s._v("package.json")]),s._v(" 里 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-table/blob/main/package.json#L24-L26",target:"_blank",rel:"noopener noreferrer"}},[s._v("查看具体参考"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language-JSON line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"publishConfig"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"registry"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://registry.npmjs.org/"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"安装-vue-的某些版本-页面卡顿明显-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装-vue-的某些版本-页面卡顿明显-如何解决"}},[s._v("#")]),s._v(" 安装 "),t("code",[s._v("vue")]),s._v(" 的某些版本，页面卡顿明显，如何解决？")]),s._v(" "),t("p",[s._v("答："),t("code",[s._v("vue v3.2.41")]),s._v(" 及以上版本和 "),t("code",[s._v("Vue.js devtools v6.4.5")]),s._v(" 两者一起使用，页面卡顿明显，尤其当页面元素多以及同一时刻操作较多元素是最为明显。解决办法：卸载 "),t("code",[s._v("Vue.js devtools")]),s._v(" 这款浏览器插件，卸载后，页面比之前操作还流畅 🐶。这足以看出 "),t("code",[s._v("Vue.js devtools")]),s._v(" 影响还是很大的，可以尝试不依赖 "),t("code",[s._v("Vue.js devtools")]),s._v("，我这些年用 "),t("code",[s._v("vue")]),s._v(" 基本不用 "),t("code",[s._v("Vue.js devtools")]),s._v("，毕竟浏览器的断点调试足够了，当然这也可以锻炼您的思维能力")]),s._v(" "),t("h2",{attrs:{id:"平台出现报错-global-is-not-defined"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现报错-global-is-not-defined"}},[s._v("#")]),s._v(" 平台出现报错 "),t("code",[s._v("global is not defined")])]),s._v(" "),t("p",[s._v("答：可能是您引入某个库的问题，比如 "),t("a",{attrs:{href:"https://github.com/aws/aws-sdk-js",target:"_blank",rel:"noopener noreferrer"}},[s._v("aws-sdk-js"),t("OutboundLink")],1),s._v("，解决办法就是将 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/globalPolyfills.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("src/utils/globalPolyfills.ts"),t("OutboundLink")],1),s._v(" 引入 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("src/main.ts"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"平台如何置灰并且不影响操作"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台如何置灰并且不影响操作"}},[s._v("#")]),s._v(" 平台如何置灰并且不影响操作？")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("展开查看实现代码")]),s._v(" "),t("p",[t("img",{attrs:{src:a(487),alt:"grey"}})]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v('* { filter: grayscale(100%); }\n\nimport { toggleClass } from "@pureadmin/utils";\n\nbeforeCreate() {\n  toggleClass(true, "html-grey", document.querySelector("html"));\n},\n')])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"平台在使用-element-plus-的-el-dialog、el-drawer、el-message-box、el-notification-这四个组件时-右上角关闭图标的样式跟-element-plus-本身表现不一致"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台在使用-element-plus-的-el-dialog、el-drawer、el-message-box、el-notification-这四个组件时-右上角关闭图标的样式跟-element-plus-本身表现不一致"}},[s._v("#")]),s._v(" 平台在使用 "),t("code",[s._v("element-plus")]),s._v(" 的 "),t("code",[s._v("el-dialog")]),s._v("、"),t("code",[s._v("el-drawer")]),s._v("、"),t("code",[s._v("el-message-box")]),s._v("、"),t("code",[s._v("el-notification")]),s._v(" 这四个组件时，右上角关闭图标的样式跟 "),t("code",[s._v("element-plus")]),s._v(" 本身表现不一致？")]),s._v(" "),t("p",[s._v("答：在平台 "),t("code",[s._v("3.9.2")]),s._v(" 版本，我把样式覆盖了，使其表现更鲜明（细心的小伙伴会发现 "),t("code",[s._v("vscode")]),s._v(" 好多操作鼠标覆盖上去也是这种样式风格 🤗️），具体代码修改位置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/c80818d792276666aaea4b18413a0f08777f2ed1#diff-65a69f4a70b50de99604a7cae0784ee0e63a22f5d3addc384d50f76bbba1a2c2",target:"_blank",rel:"noopener noreferrer"}},[s._v("第一处"),t("OutboundLink")],1),s._v("、"),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/c80818d792276666aaea4b18413a0f08777f2ed1#diff-6e577e4119a687e405cdbfac69a8fa06cbcc3b80eeca1d3766d936961de4f3a5",target:"_blank",rel:"noopener noreferrer"}},[s._v("第二处"),t("OutboundLink")],1),s._v("，如果想保持一致删除对应改动处即可")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("展开查看平台当前这四个组件右上角关闭图标的样式")]),s._v(" "),t("p",[t("img",{attrs:{src:a(488),alt:"dialog"}}),s._v(" "),t("img",{attrs:{src:a(489),alt:"dialog-dark"}})]),s._v(" "),t("p",[t("img",{attrs:{src:a(490),alt:"drawer"}}),s._v(" "),t("img",{attrs:{src:a(491),alt:"drawer-dark"}})]),s._v(" "),t("p",[t("img",{attrs:{src:a(492),alt:"messagebox"}}),s._v(" "),t("img",{attrs:{src:a(493),alt:"messagebox-dark"}})]),s._v(" "),t("p",[t("img",{attrs:{src:a(494),alt:"notification"}}),s._v(" "),t("img",{attrs:{src:a(495),alt:"notification-dark"}})])]),s._v(" "),t("h2",{attrs:{id:"平台在-v3-9-4-版本完全移除了-vxe-table-为什么移除-如何自行集成"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台在-v3-9-4-版本完全移除了-vxe-table-为什么移除-如何自行集成"}},[s._v("#")]),s._v(" 平台在 "),t("code",[s._v("v3.9.4")]),s._v(" 版本完全移除了 "),t("code",[s._v("vxe-table")]),s._v("，为什么移除？如何自行集成？")]),s._v(" "),t("ul",[t("li",[s._v("为什么移除？")])]),s._v(" "),t("p",[s._v("答："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/392",target:"_blank",rel:"noopener noreferrer"}},[s._v("请点击这里查看原因"),t("OutboundLink")],1)]),s._v(" "),t("ul",[t("li",[s._v("如何自行集成？")])]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("ol",[t("li",[s._v("安装 "),t("code",[s._v("vxe-table")]),s._v("、"),t("code",[s._v("xe-utils")])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add vxe-table xe-utils\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[t("p",[s._v("将 "),t("code",[s._v("vxe-table")]),s._v(" 和 "),t("code",[s._v("xe-utils")]),s._v(" 加入 "),t("code",[s._v("build/optimize.ts")]),s._v(" 文件的 "),t("code",[s._v("include")]),s._v(" 里")])]),s._v(" "),t("li",[t("p",[s._v("安装 "),t("code",[s._v("font-awesome")])])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add font-awesome -D\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"4"}},[t("li",[s._v("在 "),t("code",[s._v("src/layout/index.vue")]),s._v(" 文件的 "),t("code",[s._v('<script setup lang="ts"><\/script>')]),s._v(" 引入 "),t("code",[s._v("font-awesome")]),s._v("，如下")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// vxe-table的所有icon不支持component模式，间接依赖了font-awesome")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"font-awesome/css/font-awesome.min.css"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br")])]),t("ol",{attrs:{start:"5"}},[t("li",[s._v("将下面样式加入 "),t("code",[s._v("src/style/index.scss")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Css line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-css"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/* 重置 vxe-table 样式 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-button.type--button.theme--primary:hover,\n.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" #fff "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br")])]),t("ol",{attrs:{start:"6"}},[t("li",[s._v("将下面样式加入 "),t("code",[s._v("src/style/dark.scss")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Css line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-css"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/* vxe-table 暗黑模式适配 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--header-wrapper,\n.vxe-table--body-wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-text-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--render-default.border--full .vxe-header--column,\n.vxe-table--render-default.border--full .vxe-body--column,\n.vxe-table--render-default.border--full .vxe-footer--column")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-image")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("linear-gradient")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("linear-gradient")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/* 表头 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--header-wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" #262727 "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--render-wrapper,\n.vxe-table--main-wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" none"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-pager.is--perfect,\n.vxe-table--render-default .vxe-table--border-line")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" 1px solid "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--header-border-line")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border-bottom")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" 1px solid "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-body--row.row--hover,\n.vxe-pager")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" #262727"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-input--inner,\n.vxe-pager .vxe-pager--jump-prev,\n.vxe-pager .vxe-pager--prev-btn,\n.vxe-pager .vxe-pager--next-btn,\n.vxe-pager .vxe-pager--jump-next,\n.vxe-pager .vxe-pager--num-btn,\n.vxe-pager .vxe-pager--jump .vxe-pager--goto")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" transparent"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-text-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  // "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("outline")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" none "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-select-option--wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-select-option:not(.is--disabled).is--hover")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-color-primary-light-6"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-modal--wrapper.type--modal .vxe-modal--box,\n.vxe-modal--wrapper.type--alert .vxe-modal--box,\n.vxe-modal--wrapper.type--confirm .vxe-modal--box,\n.vxe-form")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-modal--box,\n.vxe-modal--header")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" none"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-modal--title,\n.vxe-button--content,\n.vxe-modal--header-title")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-text-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-button.type--button:hover")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-button")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" transparent"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br"),t("span",{staticClass:"line-number"},[s._v("71")]),t("br"),t("span",{staticClass:"line-number"},[s._v("72")]),t("br"),t("span",{staticClass:"line-number"},[s._v("73")]),t("br"),t("span",{staticClass:"line-number"},[s._v("74")]),t("br"),t("span",{staticClass:"line-number"},[s._v("75")]),t("br"),t("span",{staticClass:"line-number"},[s._v("76")]),t("br"),t("span",{staticClass:"line-number"},[s._v("77")]),t("br"),t("span",{staticClass:"line-number"},[s._v("78")]),t("br"),t("span",{staticClass:"line-number"},[s._v("79")]),t("br"),t("span",{staticClass:"line-number"},[s._v("80")]),t("br"),t("span",{staticClass:"line-number"},[s._v("81")]),t("br"),t("span",{staticClass:"line-number"},[s._v("82")]),t("br"),t("span",{staticClass:"line-number"},[s._v("83")]),t("br"),t("span",{staticClass:"line-number"},[s._v("84")]),t("br"),t("span",{staticClass:"line-number"},[s._v("85")]),t("br"),t("span",{staticClass:"line-number"},[s._v("86")]),t("br"),t("span",{staticClass:"line-number"},[s._v("87")]),t("br"),t("span",{staticClass:"line-number"},[s._v("88")]),t("br"),t("span",{staticClass:"line-number"},[s._v("89")]),t("br"),t("span",{staticClass:"line-number"},[s._v("90")]),t("br")])]),t("ol",{attrs:{start:"7"}},[t("li",[s._v("使用下面代码直接替换 "),t("code",[s._v("src/layout/theme/index.ts")]),s._v(" 里的所有代码")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/**\n * @description ⚠️：此文件仅供主题插件使用，请不要在此文件中导出别的工具函数（仅在页面加载前运行）\n */")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" EpThemeColor "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"../../../public/platform-config.json"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("type")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("MultipleScopeVarsItem")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  scopeName"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  varsContent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/** 将vxe默认主题色和ep默认主题色保持一致 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" vxeColor "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" EpThemeColor"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/** 预设主题色 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" themeColors "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#001529"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0f0303"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#002140"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  light"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#409eff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e0ebf6"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e0ebf6"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  dusk"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f5222d"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#2a0608"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e13c39"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e13c39"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65.1%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#42090c"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e13c39"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  volcano"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fa541c"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#2b0e05"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e85f33"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0f0603"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e85f33"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#441708"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e85f33"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  yellow"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fadb14"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d25f00"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#2b2503"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f6da4d"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0f0603"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f6da4d"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#443b05"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f6da4d"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  mingQing"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#13c2c2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#032121"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#59bfc1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#59bfc1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#053434"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#59bfc1"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  auroraGreen"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#52c41a"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0b1e15"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#60ac80"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#60ac80"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#112f21"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#60ac80"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  pink"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#eb2f96"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#28081a"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d84493"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d84493"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#3f0d29"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d84493"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  saucePurple"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#722ed1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#130824"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#693ac9"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#693ac9"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#1f0c38"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#693ac9"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/**\n * @description 将预设主题色处理成主题插件所需格式\n */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" genScssMultipleScopeVars "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" MultipleScopeVarsItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" result "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" MultipleScopeVarsItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  Object"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("keys")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("forEach")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    result"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      scopeName"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token template-string"}},[t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v("layout-theme-")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      varsContent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token template-string"}},[t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v("\n        $vxe-primary-color: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("vxeColor"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $subMenuActiveText: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuBg: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuBg"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuHover: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuHover"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $subMenuBg: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("subMenuBg"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $subMenuActiveBg: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuText: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuText"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $sidebarLogo: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("sidebarLogo"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuTitleHover: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuTitleHover"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuActiveBefore: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n      ")]),t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")])]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" MultipleScopeVarsItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" result"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br"),t("span",{staticClass:"line-number"},[s._v("71")]),t("br"),t("span",{staticClass:"line-number"},[s._v("72")]),t("br"),t("span",{staticClass:"line-number"},[s._v("73")]),t("br"),t("span",{staticClass:"line-number"},[s._v("74")]),t("br"),t("span",{staticClass:"line-number"},[s._v("75")]),t("br"),t("span",{staticClass:"line-number"},[s._v("76")]),t("br"),t("span",{staticClass:"line-number"},[s._v("77")]),t("br"),t("span",{staticClass:"line-number"},[s._v("78")]),t("br"),t("span",{staticClass:"line-number"},[s._v("79")]),t("br"),t("span",{staticClass:"line-number"},[s._v("80")]),t("br"),t("span",{staticClass:"line-number"},[s._v("81")]),t("br"),t("span",{staticClass:"line-number"},[s._v("82")]),t("br"),t("span",{staticClass:"line-number"},[s._v("83")]),t("br"),t("span",{staticClass:"line-number"},[s._v("84")]),t("br"),t("span",{staticClass:"line-number"},[s._v("85")]),t("br"),t("span",{staticClass:"line-number"},[s._v("86")]),t("br"),t("span",{staticClass:"line-number"},[s._v("87")]),t("br"),t("span",{staticClass:"line-number"},[s._v("88")]),t("br"),t("span",{staticClass:"line-number"},[s._v("89")]),t("br"),t("span",{staticClass:"line-number"},[s._v("90")]),t("br"),t("span",{staticClass:"line-number"},[s._v("91")]),t("br"),t("span",{staticClass:"line-number"},[s._v("92")]),t("br"),t("span",{staticClass:"line-number"},[s._v("93")]),t("br"),t("span",{staticClass:"line-number"},[s._v("94")]),t("br"),t("span",{staticClass:"line-number"},[s._v("95")]),t("br"),t("span",{staticClass:"line-number"},[s._v("96")]),t("br"),t("span",{staticClass:"line-number"},[s._v("97")]),t("br"),t("span",{staticClass:"line-number"},[s._v("98")]),t("br"),t("span",{staticClass:"line-number"},[s._v("99")]),t("br"),t("span",{staticClass:"line-number"},[s._v("100")]),t("br"),t("span",{staticClass:"line-number"},[s._v("101")]),t("br"),t("span",{staticClass:"line-number"},[s._v("102")]),t("br"),t("span",{staticClass:"line-number"},[s._v("103")]),t("br"),t("span",{staticClass:"line-number"},[s._v("104")]),t("br"),t("span",{staticClass:"line-number"},[s._v("105")]),t("br"),t("span",{staticClass:"line-number"},[s._v("106")]),t("br"),t("span",{staticClass:"line-number"},[s._v("107")]),t("br"),t("span",{staticClass:"line-number"},[s._v("108")]),t("br"),t("span",{staticClass:"line-number"},[s._v("109")]),t("br"),t("span",{staticClass:"line-number"},[s._v("110")]),t("br"),t("span",{staticClass:"line-number"},[s._v("111")]),t("br"),t("span",{staticClass:"line-number"},[s._v("112")]),t("br"),t("span",{staticClass:"line-number"},[s._v("113")]),t("br"),t("span",{staticClass:"line-number"},[s._v("114")]),t("br"),t("span",{staticClass:"line-number"},[s._v("115")]),t("br"),t("span",{staticClass:"line-number"},[s._v("116")]),t("br"),t("span",{staticClass:"line-number"},[s._v("117")]),t("br"),t("span",{staticClass:"line-number"},[s._v("118")]),t("br"),t("span",{staticClass:"line-number"},[s._v("119")]),t("br"),t("span",{staticClass:"line-number"},[s._v("120")]),t("br"),t("span",{staticClass:"line-number"},[s._v("121")]),t("br"),t("span",{staticClass:"line-number"},[s._v("122")]),t("br"),t("span",{staticClass:"line-number"},[s._v("123")]),t("br"),t("span",{staticClass:"line-number"},[s._v("124")]),t("br"),t("span",{staticClass:"line-number"},[s._v("125")]),t("br"),t("span",{staticClass:"line-number"},[s._v("126")]),t("br"),t("span",{staticClass:"line-number"},[s._v("127")]),t("br"),t("span",{staticClass:"line-number"},[s._v("128")]),t("br"),t("span",{staticClass:"line-number"},[s._v("129")]),t("br"),t("span",{staticClass:"line-number"},[s._v("130")]),t("br"),t("span",{staticClass:"line-number"},[s._v("131")]),t("br"),t("span",{staticClass:"line-number"},[s._v("132")]),t("br"),t("span",{staticClass:"line-number"},[s._v("133")]),t("br"),t("span",{staticClass:"line-number"},[s._v("134")]),t("br"),t("span",{staticClass:"line-number"},[s._v("135")]),t("br"),t("span",{staticClass:"line-number"},[s._v("136")]),t("br"),t("span",{staticClass:"line-number"},[s._v("137")]),t("br"),t("span",{staticClass:"line-number"},[s._v("138")]),t("br"),t("span",{staticClass:"line-number"},[s._v("139")]),t("br"),t("span",{staticClass:"line-number"},[s._v("140")]),t("br"),t("span",{staticClass:"line-number"},[s._v("141")]),t("br"),t("span",{staticClass:"line-number"},[s._v("142")]),t("br"),t("span",{staticClass:"line-number"},[s._v("143")]),t("br"),t("span",{staticClass:"line-number"},[s._v("144")]),t("br"),t("span",{staticClass:"line-number"},[s._v("145")]),t("br"),t("span",{staticClass:"line-number"},[s._v("146")]),t("br"),t("span",{staticClass:"line-number"},[s._v("147")]),t("br"),t("span",{staticClass:"line-number"},[s._v("148")]),t("br"),t("span",{staticClass:"line-number"},[s._v("149")]),t("br")])]),t("ol",{attrs:{start:"8"}},[t("li",[s._v("新建文件夹，起名 "),t("code",[s._v("vxe-table")]),s._v(" ，然后添加 "),t("code",[s._v("index.scss")]),s._v(" 和 "),t("code",[s._v("index.ts")]),s._v(" 这两个文件到 "),t("code",[s._v("vxe-table")]),s._v(" 文件夹里，如下")])]),s._v(" "),t("ul",[t("li",[t("code",[s._v("vxe-table")]),s._v(" 文件夹")]),s._v(" "),t("li",[t("code",[s._v("index.scss")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Css line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-css"}},[t("code",[t("span",{pre:!0,attrs:{class:"token atrule"}},[t("span",{pre:!0,attrs:{class:"token rule"}},[s._v("@import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/styles/variable.scss"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token atrule"}},[t("span",{pre:!0,attrs:{class:"token rule"}},[s._v("@import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/styles/modules.scss"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v("i")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" initial"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("ul",[t("li",[t("code",[s._v("index.ts")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"xe-utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"./index.scss"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" XEUtils "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"xe-utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" App"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" unref "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" i18n "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/plugins/i18n"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" zh "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/lib/locale/lang/zh-CN"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" en "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/lib/locale/lang/en-US"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 核心")]),s._v("\n  VXETable"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 表格功能")]),s._v("\n  Icon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Filter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Edit"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Menu"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Export"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Keyboard"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Validator"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可选组件")]),s._v("\n  Column"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Colgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Grid"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Tooltip"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Toolbar"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Pager"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Form"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  FormItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  FormGather"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Checkbox"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  CheckboxGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Radio"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  RadioGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  RadioButton"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Switch"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Input"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Select"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Optgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Option"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Textarea"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Button"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Modal"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  List"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Pulldown"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 表格")]),s._v("\n  Table\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 全局默认参数")]),s._v("\nVXETable"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("setup")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  size"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"medium"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  version"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  zIndex"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("1002")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  table"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 自动监听父元素的变化去重新计算表格")]),s._v("\n    autoResize"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 鼠标移到行是否要高亮显示")]),s._v("\n    highlightHoverRow"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  input"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    clearable"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("i18n")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" args"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("unref")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("i18n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("global"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("locale"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"zh"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("toFormatString")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("get")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("zh"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" args"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("toFormatString")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("get")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("en"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" args"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("translate")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("NAMESPACED")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"el."')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"buttons."')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("NAMESPACED")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findIndex")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("includes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!==")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" i18n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("global"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("t")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("call")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("i18n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("global"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("locale"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("function")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useTable")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("app"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" App"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  app\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Icon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Filter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Edit"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Menu"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Export"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Keyboard"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Validator"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可选组件")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Column"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Colgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Grid"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Tooltip"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Toolbar"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Pager"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Form"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("FormItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("FormGather"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Checkbox"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("CheckboxGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Radio"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("RadioGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("RadioButton"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Switch"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Input"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Select"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Optgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Option"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Textarea"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Button"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Modal"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("List"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Pulldown"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 安装表格")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Table"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br"),t("span",{staticClass:"line-number"},[s._v("71")]),t("br"),t("span",{staticClass:"line-number"},[s._v("72")]),t("br"),t("span",{staticClass:"line-number"},[s._v("73")]),t("br"),t("span",{staticClass:"line-number"},[s._v("74")]),t("br"),t("span",{staticClass:"line-number"},[s._v("75")]),t("br"),t("span",{staticClass:"line-number"},[s._v("76")]),t("br"),t("span",{staticClass:"line-number"},[s._v("77")]),t("br"),t("span",{staticClass:"line-number"},[s._v("78")]),t("br"),t("span",{staticClass:"line-number"},[s._v("79")]),t("br"),t("span",{staticClass:"line-number"},[s._v("80")]),t("br"),t("span",{staticClass:"line-number"},[s._v("81")]),t("br"),t("span",{staticClass:"line-number"},[s._v("82")]),t("br"),t("span",{staticClass:"line-number"},[s._v("83")]),t("br"),t("span",{staticClass:"line-number"},[s._v("84")]),t("br"),t("span",{staticClass:"line-number"},[s._v("85")]),t("br"),t("span",{staticClass:"line-number"},[s._v("86")]),t("br"),t("span",{staticClass:"line-number"},[s._v("87")]),t("br"),t("span",{staticClass:"line-number"},[s._v("88")]),t("br"),t("span",{staticClass:"line-number"},[s._v("89")]),t("br"),t("span",{staticClass:"line-number"},[s._v("90")]),t("br"),t("span",{staticClass:"line-number"},[s._v("91")]),t("br"),t("span",{staticClass:"line-number"},[s._v("92")]),t("br"),t("span",{staticClass:"line-number"},[s._v("93")]),t("br"),t("span",{staticClass:"line-number"},[s._v("94")]),t("br"),t("span",{staticClass:"line-number"},[s._v("95")]),t("br"),t("span",{staticClass:"line-number"},[s._v("96")]),t("br"),t("span",{staticClass:"line-number"},[s._v("97")]),t("br"),t("span",{staticClass:"line-number"},[s._v("98")]),t("br"),t("span",{staticClass:"line-number"},[s._v("99")]),t("br"),t("span",{staticClass:"line-number"},[s._v("100")]),t("br"),t("span",{staticClass:"line-number"},[s._v("101")]),t("br"),t("span",{staticClass:"line-number"},[s._v("102")]),t("br"),t("span",{staticClass:"line-number"},[s._v("103")]),t("br"),t("span",{staticClass:"line-number"},[s._v("104")]),t("br"),t("span",{staticClass:"line-number"},[s._v("105")]),t("br"),t("span",{staticClass:"line-number"},[s._v("106")]),t("br"),t("span",{staticClass:"line-number"},[s._v("107")]),t("br"),t("span",{staticClass:"line-number"},[s._v("108")]),t("br"),t("span",{staticClass:"line-number"},[s._v("109")]),t("br"),t("span",{staticClass:"line-number"},[s._v("110")]),t("br"),t("span",{staticClass:"line-number"},[s._v("111")]),t("br"),t("span",{staticClass:"line-number"},[s._v("112")]),t("br"),t("span",{staticClass:"line-number"},[s._v("113")]),t("br")])]),t("p",[s._v("9.最后一步，将下面代码添加到 "),t("code",[s._v("src/main.ts")]),s._v(" 文件，然后您就可以按照 "),t("a",{attrs:{href:"https://vxetable.cn/v4/#/table/start/quick",target:"_blank",rel:"noopener noreferrer"}},[s._v("vxetable"),t("OutboundLink")],1),s._v(" 文档去使用啦")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" useTable "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/plugins/vxe-table"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 记得要用 app.use 注册下哦")]),s._v("\napp"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("useTable"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("具体修改记录")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/3629a66535d3d47bec04be9f73becbd12d339fe0",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看完整版具体修改记录"),t("OutboundLink")],1),t("br"),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/commit/27056e75609637508fa8818439c553082600b00f",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看非国际化精简版具体修改记录"),t("OutboundLink")],1),t("br"),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/commit/23d9cdaf81cb543b8659d7c2b5f969e8b53364b5",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看国际化精简版具体修改记录"),t("OutboundLink")],1)])])]),s._v(" "),t("h2",{attrs:{id:"平台在-v3-9-5-版本完全移除了-lodash-和其相关库-为什么移除-如何自行集成"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台在-v3-9-5-版本完全移除了-lodash-和其相关库-为什么移除-如何自行集成"}},[s._v("#")]),s._v(" 平台在 "),t("code",[s._v("v3.9.5")]),s._v(" 版本完全移除了 "),t("code",[s._v("lodash")]),s._v(" 和其相关库，为什么移除？如何自行集成？")]),s._v(" "),t("ul",[t("li",[s._v("为什么移除？")])]),s._v(" "),t("p",[s._v("答："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/397#issue-1492326492",target:"_blank",rel:"noopener noreferrer"}},[s._v("请点击这里查看原因"),t("OutboundLink")],1)]),s._v(" "),t("ul",[t("li",[s._v("如何自行集成？")])]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("ol",[t("li",[s._v("安装 "),t("code",[s._v("lodash")]),s._v("、"),t("code",[s._v("lodash-es")]),s._v("、"),t("code",[s._v("lodash-unified")])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add lodash lodash-es lodash-unified\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("安装 "),t("code",[s._v("@types/lodash")]),s._v("、"),t("code",[s._v("@types/lodash-es")])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add @types/lodash @types/lodash-es -D\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"3"}},[t("li",[t("p",[s._v("将 "),t("code",[s._v("lodash")]),s._v("、"),t("code",[s._v("lodash-es")]),s._v("、"),t("code",[s._v("lodash-unified")]),s._v(" 这三个库加入到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/optimize.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[s._v("include"),t("OutboundLink")],1)])]),s._v(" "),t("li",[t("p",[s._v("如果需要在生产环境使用 "),t("code",[s._v("lodash cdn")]),s._v(" ，将下面代码加入到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/cdn.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[s._v("modules"),t("OutboundLink")],1)])])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lodash"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lodash"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可写`完整路径`，会替换`prodUrl`")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.min.js"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("ol",{attrs:{start:"5"}},[t("li",[s._v("最后直接使用 "),t("code",[s._v("lodash-unified")]),s._v(" 即可，如下代码")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" cloneDeep "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lodash-unified"')]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"github账号在哪里看"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#github账号在哪里看"}},[s._v("#")]),s._v(" "),t("code",[s._v("github")]),s._v("账号在哪里看？")]),s._v(" "),t("p",[s._v("打开 "),t("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("github 首页"),t("OutboundLink")],1),s._v(" ，然后点开右上角头像，第一个就是"),t("code",[s._v("github")]),s._v("账号，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(496),alt:"github"}})]),s._v(" "),t("h2",{attrs:{id:"mac-版本的向日葵无法远程操控-向日葵总是闪退、打不开"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mac-版本的向日葵无法远程操控-向日葵总是闪退、打不开"}},[s._v("#")]),s._v(" "),t("code",[s._v("mac")]),s._v(" 版本的向日葵无法远程操控？向日葵总是闪退、打不开？")]),s._v(" "),t("p",[s._v("答："),t("code",[s._v("mac")]),s._v(" 版本的向日葵无法远程操控请参考下图解决")]),s._v(" "),t("p",[t("img",{attrs:{src:a(497),alt:"xrk1"}})]),s._v(" "),t("p",[s._v("答：向日葵总是闪退、打不开请参考下图解决")]),s._v(" "),t("p",[t("img",{attrs:{src:a(498),alt:"xrk2"}})]),s._v(" "),t("h2",{attrs:{id:"初次拉取项目-使用-vscode-编辑器时代码出现-eslint-报错-如下图"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#初次拉取项目-使用-vscode-编辑器时代码出现-eslint-报错-如下图"}},[s._v("#")]),s._v(" 初次拉取项目，使用 "),t("code",[s._v("vscode")]),s._v(" 编辑器时代码出现 "),t("code",[s._v("eslint")]),s._v(" 报错，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(499),alt:"eslint"}})]),s._v(" "),t("p",[s._v("答：解决办法如下图，来自 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/953#issuecomment-1976024071",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues/953"),t("OutboundLink")],1)]),s._v(" "),t("p",[t("img",{attrs:{src:a(500),alt:"eslint1"}})])])}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{468:function(s,t,a){s.exports=a.p+"assets/img/package.87674ebf.jpg"},469:function(s,t,a){s.exports=a.p+"assets/img/error1.ab521e6b.png"},470:function(s,t,a){s.exports=a.p+"assets/img/sass.9620e491.png"},471:function(s,t){s.exports="data:image/png;base64,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"},472:function(s,t,a){s.exports=a.p+"assets/img/lodash.c0dc4ad5.png"},473:function(s,t,a){s.exports=a.p+"assets/img/optimized.6a8e5a33.png"},474:function(s,t,a){s.exports=a.p+"assets/img/vite.8e5d23a7.png"},475:function(s,t,a){s.exports=a.p+"assets/img/ep1.ce2c04be.png"},476:function(s,t,a){s.exports=a.p+"assets/img/ep2.3da63a30.png"},477:function(s,t,a){s.exports=a.p+"assets/img/ep3.c79de1fd.png"},478:function(s,t,a){s.exports=a.p+"assets/img/ep4.3b87096e.png"},479:function(s,t,a){s.exports=a.p+"assets/img/mac.48a1e54e.png"},480:function(s,t,a){s.exports=a.p+"assets/img/log.b04d7f89.png"},481:function(s,t,a){s.exports=a.p+"assets/img/hotlog.e79ec58e.png"},482:function(s,t,a){s.exports=a.p+"assets/img/namespace.1bcb6094.jpg"},483:function(s,t,a){s.exports=a.p+"assets/img/unexpected.768982e6.jpg"},484:function(s,t,a){s.exports=a.p+"assets/img/npm1.4adac956.jpg"},485:function(s,t,a){s.exports=a.p+"assets/img/npm2.ae934786.jpg"},486:function(s,t,a){s.exports=a.p+"assets/img/npm3.0c92b8b3.jpg"},487:function(s,t,a){s.exports=a.p+"assets/img/grey.be2d222b.jpg"},488:function(s,t,a){s.exports=a.p+"assets/img/dialog.2561f9b1.jpg"},489:function(s,t,a){s.exports=a.p+"assets/img/dialog-dark.2f6c70a3.jpg"},490:function(s,t){s.exports="data:image/jpeg;base64,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"},491:function(s,t){s.exports="data:image/jpeg;base64,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"},492:function(s,t,a){s.exports=a.p+"assets/img/messagebox.a8406047.jpg"},493:function(s,t,a){s.exports=a.p+"assets/img/messagebox-dark.165a24ed.jpg"},494:function(s,t){s.exports="data:image/jpeg;base64,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"},495:function(s,t){s.exports="data:image/jpeg;base64,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zzzzzzzzzzzzzzzzzzzy3zzwT777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777777/xAAjEQEAAgICAgICAwAAAAAAAAABABEhMRBBQFAgUTBhcJGx/9oACAEDAQE/EPCFNcS2LecRA4mDDNmaDw1r5IWx1iJTMQs1LwVj5ELJeCseMqK8VEThsubJUud5a9CWuckDu4CDbOxhasZbCIwO+7iVcIl3BbjELu5bCIgd93NwlFd1EbHrwtRHTymk1M7mlTomqOvhHFkUC2Pg7Rqt+COLIqU0w14WvXfAEFLMJKlRLKeO5WqhlauVKiBSypUrVxNruWdrhiWdpUqIsOOJas3LO1ypUJSn79tT0KKj8P2zVcMNxR1HcYz9xzO59vEesVq+pw9Vx/t/nqhTX8B//8QAIBEAAwACAwADAQEAAAAAAAAAAAERITEQQEEgMFBgcP/aAAgBAgEBPxDpQiIiLvOJt8HlgQoRsLhUTljRC2Ik8CCPZMnvyojJk96yVlxVB8MIeiyHkic7InGGOtDabUR4A6saIsxCAtUgixia5BpSY61CLMQgLXIajK6SiFGujvKxb5babMYb3i3C38IZqJNuIXm+CphfCGas1GwezX0ZpOI0bqRSiyicdXGWEao8IlCijRupFFLLwNLwhaDWJWkWUSmVngRx4QtCijHSS/Wn4LaSr+5fQ+qJRfyZr+U1f8D/AP/EACwQAQACAQIGAgAGAwEBAAAAAAEAEfAhMRBBUWGhsSBxMGCBkcHRQFDx4YD/2gAIAQEAAT8QgK0TtCYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSYSDzOt3tKdPMBLqsTeU6eYBValWNMp08w023zmEmEmEmEmEmEmEmEmEmEmEmEmEmEh59vVIg/wDmVytNyt5WuwDqeJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhJhIL/AGHEVdX8oorGOyKV4N7/AAV3UqJ3P3zufvnc/fNJBupi7iVFwLpFrRi7qVEWEg3p+AwOpzOX4KEFroEJGked3wEoDqhakHImowzQYfxdVBN+007H/IadVd+bcN//AAfB+5ScW61n/Mf7n/Mf7gkJuof7nj5j9meL9xBESxi1HWX8ccHt8yhKu39Y7s0eu20GgW2vBYINIPUaIVyqExENa3ITEA0vd/CFgesC8Cqf1OF6TRtuQTQAovf/ACNTFouR14b/APg+D9zZ+nw8fMfszxfuOLqH0zSfPU7opKg08MHtwoJ9rsQRqHbSPNc76ygm+ybMAkovSGAqczBWiF2httCq4rW1NZVCSlEBhQeZLaTdUxmwFtITYG2sBWgtYQfQN416B+p/URNXv1OFS0hutiHNe7aRJoH9UWFSR8k3sQWFDmITammsVBQvSFdEq7YCgC12COB8ojXoP6kRNXv1OFWpuqJbtgBrVpmn/If1Ll9fqfj+7w3/AJAlJsBaz/pZ/wBLFxYKaTTwQAVdAOcVBF2BXx8H7l4kLvSYpMUgZhaazx8x+zPF+54n0zUTqdu80l0Ne5wwe3C68hZ1YuUOQOhCyqc06M0PyX2MENKPaNUW2n3EqNX3PDTD7M0QQdmNGFHTb7IkpSd2YvcnhfbBEXs+02Km43+oDQT1uE4DmLuRxRtZTBpclpTqxot7XoRDpakYbz5T9IIBBewxowo6bfZElI/bMDvNn6Q1BtpF8obhusoBPUYia3mIe+GpN37S7RoFObKUT1GVwithO5BPhYnYnanananYlj4e7w3/AJKUFdgx4OtYuDDgG2+kEtS1Oi9Ia6NLa63/AOQpADQ95m94QKW16uB6I7DUePg/cFLKmo1P+gn/AEENojotzx8x+zPF+54n08NZdD9RNLuh2ekwe0Fg8x7iSjmhxak6KGjOT9zwn3Hdnhph9mG89D2cMXuTwvthod1Eoer38BLvfecBe6EZjSdL556U86eh7OGB3mz9Ia76+41d3VwaV6qHX7M3ftPP++G59/4nn/fw5/ly/D3eG/8APd+38TwPSYfaIcqaS9DWGEkNAu2sE8Uajz1hgifq99yD2e6Fqf8AnHwfubP0+Hj5j9meL9zxPp4GWoNjNRc9E6MvZ1aPEVA3G5XNdP5OPJFB7EuzmWeE+47s8NMPsw3noezhi9yeF9sJ52z9GPpdFTgItE0uruDycgtVFVoQA7RG0q81iADYL9E9KedPQ9nDA7zZ+kBed+GONNFs+uDqTQKfcAHl1+5u/aef98Nz7/xPP+/hz8NEYW6tV37T93r5V1vpNEYG6tV27cOX4e7F6H95v/Nzq+XS66dJb8QppOXeav8AgLPLtLUDXAupdeo6DQddpZuDek1vvBX1TX91CF7q9X7uvHwfuUesu953f7p3f7o34BprPHzH7M8X7nifTxe536CMWNiqf04Ab/QjtGl5u8YsqnN6EBEv9xwZYBNB5krCKGk8NMPsw3noezhi9yeF9sM63JOpCla7Nkgbap0smkRGw5fcREtW1mjPTSc4qwJ0uaEUAu9az0uFXW6UOZAbbUpmB3mz9IDOpsnUmm1PBIGyp0uaSkaA5fcZktW1m79p5/3w3Pv/ABPP+/hz8BoWv7B1n75Bz/qLQpP2Trw5fhTVOvDf/wBBuAfTN0H7fhoVpdL/AAdtooUsffwVKaul/AUbFHtBqR9vwGmyLFLH3+Hz8FQlmluOn1wFCWa246fXDl+Hu8N/8kPVOvyeodPh7vDf/JPenenenene+Pu8N/8AKV0juul8N/5iLKwiomyNateSuAIArudOJagoX9/iEKAebEpQbOvGj6mXIbpq/wDV1E6BofcCi0T53SGy61w3/mdT2Rmq92NC0DXYjCyHaLaFAbdWNiXoTlwA01aEQolLVLg6BNTowoCrmYyhW1fOEBsMNtFBesOxdR5mIiotL1uGDWLNlAre9YkAB0tvLWli1AIruhC8ohYkKBaBlWG9OcMtmtCIXzTTZgE7V26wLADof6g6yhUQ0SiaPf5+7w3/AJ/cEVHvHc6ukF8qSFkUvY6zSNKrdvfCiOg6pqDb53pNZprnXWAaK07usNLX0tvL35r1n3aooqoNGA2sXO4LZbWFs+h0/eaE9kZqPOqfpO39Yar2oqtVKS9oXCltNOUW6mhLjppbwmh/1OeRFae/z93hv/ib8b/3br7fwPd4b/5KVZ8vwPdneZv/AJKVfR/H4CStrfhvfkp19R+B7vCr/JQCO9K+YX9Tb9jQ4CjY0w6R8TAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAzAw2tjof/U3/9k="},496:function(s,t,a){s.exports=a.p+"assets/img/github.c7b5c59a.png"},497:function(s,t,a){s.exports=a.p+"assets/img/xrk1.896d2be1.jpg"},498:function(s,t,a){s.exports=a.p+"assets/img/xrk2.005224e0.jpg"},499:function(s,t,a){s.exports=a.p+"assets/img/eslint.4aa52dda.jpg"},500:function(s,t,a){s.exports=a.p+"assets/img/eslint1.120c4f15.jpg"},562:function(s,t,a){"use strict";a.r(t);var n=a(7),e=Object(n.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h2",{attrs:{id:"是否支持-ie"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#是否支持-ie"}},[s._v("#")]),s._v(" 是否支持 "),t("code",[s._v("IE")]),s._v(" ？")]),s._v(" "),t("p",[s._v("答："),t("code",[s._v("vue3")]),s._v(" 官方说过不支持 "),t("code",[s._v("IE")]),s._v("，具体看 "),t("a",{attrs:{href:"https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md",target:"_blank",rel:"noopener noreferrer"}},[s._v("rfcs"),t("OutboundLink")],1),s._v(" 和 "),t("a",{attrs:{href:"https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support",target:"_blank",rel:"noopener noreferrer"}},[s._v("cn.vuejs"),t("OutboundLink")],1),s._v("。当然有人会说 "),t("a",{attrs:{href:"https://cn.vitejs.dev/plugins/#vitejsplugin-legacy",target:"_blank",rel:"noopener noreferrer"}},[s._v("@vitejs/plugin-legacy"),t("OutboundLink")],1),s._v(" 会支持 "),t("code",[s._v("IE")]),s._v("，它的确会，但是它是一款 "),t("code",[s._v("vite")]),s._v(" 插件，只对非 "),t("code",[s._v("vue3")]),s._v(" 的框架进行支持，目前没有任何一款工具可以使 "),t("code",[s._v("vue3")]),s._v(" 支持 "),t("code",[s._v("IE")]),s._v(" 浏览器，如果您项目需要支持 "),t("code",[s._v("IE")]),s._v("，请慎重考虑使用本平台。如果您既要使用最新技术并且又想稳定又要兼容 "),t("code",[s._v("IE")]),s._v(" 浏览器的话可以选择 "),t("code",[s._v("vue2.7")]),s._v(" 的某个版本搭配 "),t("code",[s._v("vue-cli")]),s._v(" 最新版本")]),s._v(" "),t("h2",{attrs:{id:"精简版是干啥的"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#精简版是干啥的"}},[s._v("#")]),s._v(" 精简版是干啥的？")]),s._v(" "),t("ul",[t("li",[s._v("答：实际项目开发请使用精简版，精简版是基于 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[s._v("vue-pure-admin"),t("OutboundLink")],1),s._v(" 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 "),t("a",{attrs:{href:"https://element-plus.org",target:"_blank",rel:"noopener noreferrer"}},[s._v("element-plus"),t("OutboundLink")],1),s._v(" 的情况下仍然低于 "),t("code",[s._v("2.3MB")]),s._v("，并且会永久同步完整版的代码。开启 "),t("code",[s._v("brotli")]),s._v(" 压缩和 "),t("code",[s._v("cdn")]),s._v(" 替换本地库模式后，打包大小低于 "),t("code",[s._v("350kb")])])]),s._v(" "),t("p",[t("img",{attrs:{src:a(468),alt:"package"}})]),s._v(" "),t("h2",{attrs:{id:"husky-是什么-可以删除-husky-提交前校验吗-如何彻底删除"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#husky-是什么-可以删除-husky-提交前校验吗-如何彻底删除"}},[s._v("#")]),s._v(" "),t("code",[s._v("husky")]),s._v(" 是什么？可以删除 "),t("code",[s._v("husky")]),s._v(" 提交前校验吗？如何彻底删除？")]),s._v(" "),t("ul",[t("li",[t("p",[t("code",[s._v("husky")]),s._v(" 是什么？"),t("br"),s._v("\n答："),t("a",{attrs:{href:"https://typicode.github.io/husky/#/",target:"_blank",rel:"noopener noreferrer"}},[s._v("官方文档"),t("OutboundLink")],1)])]),s._v(" "),t("li",[t("p",[s._v("可以删除 "),t("code",[s._v("husky")]),s._v(" 提交前校验吗？"),t("br"),s._v("\n答：如果您们提交代码不需要严格的提交前校验，这当然可以删除")])]),s._v(" "),t("li",[t("p",[s._v("如何彻底删除？"),t("br"),s._v("\n① 删除根目录 "),t("code",[s._v(".husky")]),s._v(" 文件夹以及里面所有文件"),t("br"),s._v("\n② 删除根目录 "),t("code",[s._v("commitlint.config.js")]),s._v(" 文件"),t("br"),s._v("\n③ 来到 "),t("code",[s._v("package.json")]),s._v(" 下的 "),t("code",[s._v("devDependencies")]),s._v(" ，删除 "),t("code",[s._v("@commitlint/cli")]),s._v(" 、 "),t("code",[s._v("@commitlint/config-conventional")]),s._v(" 、 "),t("code",[s._v("@commitlint/types")]),s._v(" 、 "),t("code",[s._v("husky")]),s._v(" 、 "),t("code",[s._v("lint-staged")]),s._v(" 这些依赖"),t("br"),s._v("\n④ 最后来到 "),t("code",[s._v("package.json")]),s._v(" 下的 "),t("code",[s._v("scripts")]),s._v(" ，删除 "),t("code",[s._v('"prepare": "husky"')]),s._v(" 命令即可")])])]),s._v(" "),t("h2",{attrs:{id:"为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢"}},[s._v("#")]),s._v(" 为什么使用 "),t("code",[s._v("pnpm")]),s._v(" ？ "),t("code",[s._v("pnpm")]),s._v(" 天生支持 "),t("code",[s._v("monorepo")]),s._v("，为什么平台不采用这种模式呢？")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("为什么使用 "),t("code",[s._v("pnpm")]),s._v("？"),t("br"),s._v("\n① 节约磁盘空间并提升安装速度"),t("br"),s._v("\n当使用 "),t("code",[s._v("npm")]),s._v(" 或 "),t("code",[s._v("Yarn")]),s._v(" 时，如果您有 "),t("code",[s._v("100")]),s._v(" 个项目使用了某个依赖，就会有 "),t("code",[s._v("100")]),s._v(" 份该依赖的副本保存在硬盘上。 对于 "),t("code",[s._v("pnpm")]),s._v(" ，依赖项将存储在一个内容可寻址的仓库中，因此：如果您用到了某依赖项的不同版本，那么只会将有差异的文件添加到仓库。例如，如果它有 "),t("code",[s._v("100")]),s._v(" 个文件，而新版本只改变了其中 "),t("code",[s._v("1")]),s._v(" 个文件。那么 "),t("code",[s._v("pnpm update")]),s._v(" 只会向存储中心添加 "),t("code",[s._v("1")]),s._v(" 个新文件，不会仅因为单一的改变而克隆整个依赖。所有文件都会存储在硬盘上的同一位置。 当多个包（"),t("code",[s._v("package")]),s._v("）被安装时，所有文件都会从同一位置创建硬链接，不会占用额外的磁盘空间。 这允许您跨项目地共享同一版本的依赖。最终您节省了大量与项目和依赖成比例的硬盘空间，并且拥有更快的安装速度！"),t("br"),s._v("\n② 创建非扁平化的 "),t("code",[s._v("node_modules")]),s._v(" 文件夹"),t("br"),s._v("\n当使用 "),t("code",[s._v("npm")]),s._v(" 安装依赖时，所有的依赖都会被提升到模块的根目录。 因此，项目可以访问到未被添加进 当前 项目的依赖。"),t("code",[s._v("pnpm")]),s._v(" 使用软链的方式将项目的直接依赖添加进模块文件夹的根目录。")])]),s._v(" "),t("li",[t("p",[t("code",[s._v("pnpm")]),s._v(" 天生支持 "),t("code",[s._v("monorepo")]),s._v("，为什么平台不采用这种模式呢？"),t("br"),s._v("\n答：我们先来简单介绍一下什么是 "),t("code",[s._v("monorepo")]),s._v(" ，"),t("code",[s._v("monorepos")]),s._v(" 指单一代码库，在版本控制系统的单个代码库里包含了许多项目的代码，与它对应的是 "),t("code",[s._v("multirepos")]),s._v(" 多代码库，每个项目都储存在一个完全独立的、版本控制的代码库中。"),t("code",[s._v("monorepo")]),s._v(" 可能并不适合大多数项目，毕竟大家习惯了多代码库开发，所以平台不采用这种模式。"),t("br"),s._v(" "),t("a",{attrs:{href:"https://baijiahao.baidu.com/s?id=1663844045880515134&wfr=spider&for=pc",target:"_blank",rel:"noopener noreferrer"}},[s._v("推荐文章:Monorepo 可能没您想象中那么香"),t("OutboundLink")],1)])])]),s._v(" "),t("h2",{attrs:{id:"平台出现报错-cannot-find-module-zougt-some-loader-utils"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现报错-cannot-find-module-zougt-some-loader-utils"}},[s._v("#")]),s._v(" 平台出现报错 "),t("code",[s._v("Cannot find module '@zougt/some-loader-utils'")])]),s._v(" "),t("ul",[t("li",[s._v("为什么会出现 "),t("code",[s._v("Cannot find module '@zougt/some-loader-utils'")]),t("br"),s._v("\n答：平台路径请不要使用中文命名！！！会造成解析乱码！！！请使用全英文路径！！！")])]),s._v(" "),t("h2",{attrs:{id:"平台出现报错-access-is-denied-windows-常见"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现报错-access-is-denied-windows-常见"}},[s._v("#")]),s._v(" 平台出现报错 "),t("code",[s._v("Access is denied")]),s._v("（"),t("code",[s._v("windows")]),s._v(" 常见）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(469),alt:"error"}})]),s._v(" "),t("ul",[t("li",[s._v("解决办法：请遵循平台要求，安装对应的 "),t("code",[s._v("node")]),s._v(" 和 "),t("code",[s._v("pnpm")]),s._v(" 版本 ( "),t("code",[s._v("node")]),s._v(" 18.18.0 版本及以上、"),t("code",[s._v("pnpm")]),s._v(" 9 版本及以上)")])]),s._v(" "),t("h2",{attrs:{id:"安装依赖时出现报错-cannot-find-module-sass"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装依赖时出现报错-cannot-find-module-sass"}},[s._v("#")]),s._v(" 安装依赖时出现报错 "),t("code",[s._v("Cannot find module 'sass'")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(470),alt:"sass"}})]),s._v(" "),t("p",[s._v("答：删除平台的 "),t("code",[s._v("pnpm-lock.yaml")]),s._v(" 和 "),t("code",[s._v("node_modules")]),s._v(" ，重新执行命令 "),t("code",[s._v("pnpm install")]),s._v(" 安装依赖即可。（重点："),t("code",[s._v("文件存放路径不要带有中文")]),s._v("）")]),s._v(" "),t("h2",{attrs:{id:"动态路由刷新出现警告-⚠️"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#动态路由刷新出现警告-⚠️"}},[s._v("#")]),s._v(" 动态路由刷新出现警告 ⚠️")]),s._v(" "),t("ul",[t("li",[s._v("为什么会出现警告？会不会影响使用？"),t("br"),s._v("\n答：这个警告是 "),t("code",[s._v("vue-router")]),s._v(" 作者故意留下的，咱也不知道为啥，详情看 "),t("a",{attrs:{href:"https://github.com/vuejs/router/issues/521#issuecomment-706680593",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v("。不会影响使用，功能一切表现正常，平台打包部署到生产环境就不会出现警告了。\n已通过 "),t("a",{attrs:{href:"https://www.npmjs.com/package/vite-plugin-router-warn",target:"_blank",rel:"noopener noreferrer"}},[s._v("vite-plugin-router-warn"),t("OutboundLink")],1),s._v(" 解决。"),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/b9e6556409a755655bf7f769ad1c340d33c66c59#commitcomment-134220309",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体解决代码"),t("OutboundLink")],1)])]),s._v(" "),t("h2",{attrs:{id:"平台出现警告-rank-only-the-home-page-can-be-0-⚠️"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现警告-rank-only-the-home-page-can-be-0-⚠️"}},[s._v("#")]),s._v(" 平台出现警告 "),t("code",[s._v("rank only the home page can be 0")]),s._v(" ⚠️")]),s._v(" "),t("p",[t("img",{attrs:{src:a(471),alt:"rank"}})]),s._v(" "),t("p",[s._v("答：路由 "),t("code",[s._v("meta")]),s._v(" 里的 "),t("code",[s._v("rank")]),s._v(" 字段只有 "),t("code",[s._v("home")]),s._v(" 路由才能是 "),t("code",[s._v("0")]),s._v(" ，其他均不能为 "),t("code",[s._v("0")]),s._v(" 。作为一种规范，"),t("code",[s._v("rank")]),s._v(" 字段最好唯一。"),t("code",[s._v("rank")]),s._v(" 字段代表菜单的排序，而且只能是顶级菜单进行排序，也就是最外层的菜单，为什么这么设计呢。详见"),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/154#issuecomment-996571156",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues/154"),t("OutboundLink")],1),s._v("。")]),s._v(" "),t("h2",{attrs:{id:"为什么平台使用-lodash-unified-而不是使用-lodash-es-呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么平台使用-lodash-unified-而不是使用-lodash-es-呢"}},[s._v("#")]),s._v(" 为什么平台使用 "),t("code",[s._v("lodash-unified")]),s._v(" ，而不是使用 "),t("code",[s._v("lodash-es")]),s._v(" 呢？")]),s._v(" "),t("p",[t("img",{attrs:{src:a(472),alt:"lodash"}})]),s._v(" "),t("p",[s._v("答：其实 "),t("code",[s._v("lodash-unified")]),s._v(" 只是对 "),t("code",[s._v("lodash-es")]),s._v(" 做了 "),t("code",[s._v("ESM")]),s._v(" (ESModule)格式支持并兼容 "),t("code",[s._v("CJS")]),s._v(" (CommonJS)格式，"),t("code",[s._v("vite")]),s._v(" 又是使用原生 "),t("code",[s._v("ESM")]),s._v(" 文件快速启动。这里需要注意的是 "),t("code",[s._v("lodash-unified")]),s._v(" 和 "),t("code",[s._v("lodash-es")]),s._v(" 需要同时安装。"),t("br"),s._v("\n用法："),t("code",[s._v('import { sum } from "lodash-unified"')]),s._v(" 目前均已被 "),t("a",{attrs:{href:"https://pure-admin-utils.netlify.app/",target:"_blank",rel:"noopener noreferrer"}},[s._v("@pureadmin/utils"),t("OutboundLink")],1),s._v(" 代替。")]),s._v(" "),t("h2",{attrs:{id:"为什么平台使用手动按需引入-而不是使用-unplugin-vue-components-插件自动按需引入呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么平台使用手动按需引入-而不是使用-unplugin-vue-components-插件自动按需引入呢"}},[s._v("#")]),s._v(" 为什么平台使用手动按需引入，而不是使用 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 插件自动按需引入呢？")]),s._v(" "),t("p",[s._v("答：我尝试将 "),t("code",[s._v("unplugin-element-plus")]),s._v(" 替换成 "),t("code",[s._v("unplugin-vue-components")]),s._v(" ，但似乎 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 表现不是太好，整体来说有些问题，可以看看 "),t("a",{attrs:{href:"https://github.com/antfu/unplugin-vue-components/issues",target:"_blank",rel:"noopener noreferrer"}},[s._v("unplugin-vue-components/issues"),t("OutboundLink")],1),s._v(" 了解一下，而且 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 不是为 "),t("code",[s._v("element-plus")]),s._v(" 特供的产物，毕竟 "),t("code",[s._v("vite")]),s._v(" 等工具还在高速发展，可能会出现一些莫名的问题影响项目，我之前碰到过开发环境没事，打包就凉了（这里是 vite 某个版本的问题），这很坑，所以我感觉手动按需引入更有安全感，毕竟迭代了这么多版本，"),t("code",[s._v("unplugin-element-plus")]),s._v(" 没出过问题。所以整体来说平台都把很多坑都踩过了，毕竟提供很多人使用，平台应该有这个责任在使用最新技术前进行调研，并在综合考虑下保留相对稳定的东西，给平台带来稳定。当然您也可自行替换成 "),t("code",[s._v("unplugin-vue-components")]),s._v(" 插件自动按需引入。")]),s._v(" "),t("h2",{attrs:{id:"为什么平台采用全局引入-element-plus-而不是按需引入呢-全局引入带来打包冗余-如何处理-如何改成按需引入"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么平台采用全局引入-element-plus-而不是按需引入呢-全局引入带来打包冗余-如何处理-如何改成按需引入"}},[s._v("#")]),s._v(" 为什么平台采用全局引入 "),t("code",[s._v("element-plus")]),s._v(" ，而不是按需引入呢？ 全局引入带来打包冗余，如何处理？ 如何改成按需引入？")]),s._v(" "),t("ul",[t("li",[s._v("为什么平台采用全局引入 "),t("code",[s._v("element-plus")]),s._v(" ，而不是按需引入呢？"),t("br"),s._v("\n答：① 经过多次实践，按需引入一个组件库的话，"),t("code",[s._v("vite")]),s._v(" 的预编译的时间有点长（尤其是性能低的电脑或者您开了很多程序导致 "),t("code",[s._v("cpu")]),s._v(" 占用过高），所以我们采用了全局引入的方式，不再让它预编译，而是直接加载整个包。② 按需引入会出现 "),t("code",[s._v("new dependencies optimized")]),s._v(" 的情况，这个情况一旦出现就会使得页面重新加载，如下图，开发体验不好。")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(473),alt:"optimized"}}),s._v("\n上图的问题，估计是 "),t("code",[s._v("vite")]),s._v(" 还需进行优化，下图是来自 "),t("code",[s._v("vite")]),s._v(" 官方开发者的回复"),t("a",{attrs:{href:"https://github.com/vitejs/vite/issues/7608#issuecomment-1087877492",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v(" "),t("img",{attrs:{src:a(474),alt:"vite"}})]),s._v(" "),t("ul",[t("li",[t("p",[s._v("全局引入带来打包冗余，如何处理？"),t("br"),s._v("\n答：全局引入，打包不会在进行 "),t("code",[s._v("tree shanking")]),s._v(" ，带来未引用的代码也打包进来，造成冗余问题。如何解决呢。目前来说只能在打包时，平台改用 "),t("code",[s._v("unplugin-element-plus")]),s._v(" 插件按需引入模式，开发时，再换成全局引入。")])]),s._v(" "),t("li",[t("p",[s._v("如何改成按需引入？"),t("br"),s._v("\n答：以 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[s._v("精简版"),t("OutboundLink")],1),s._v(" 为例。"),t("br"),s._v("\n① 安装 "),t("code",[s._v("unplugin-element-plus")]),s._v(" ，执行命令：")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[s._v("  "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("pnpm")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("add")]),s._v(" unplugin-element-plus "),t("span",{pre:!0,attrs:{class:"token parameter variable"}},[s._v("-D")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[t("img",{attrs:{src:a(475),alt:"ep1"}}),s._v("\n② 来到根目录 "),t("code",[s._v("build/plugins.ts")]),s._v(" 文件，去掉 "),t("code",[s._v('import ElementPlus from "unplugin-element-plus/vite";')]),s._v(" 和 "),t("code",[s._v("ElementPlus({}),")]),s._v(" 的代码注释"),t("br"),s._v(" "),t("img",{attrs:{src:a(476),alt:"ep2"}}),s._v("\n③ 来到根目录 "),t("code",[s._v("src/main.ts")]),s._v(" 文件，注释 "),t("code",[s._v('import ElementPlus from "element-plus";')]),s._v(" ，添加 "),t("code",[s._v('import { useElementPlus } from "/@/plugins/element-plus";')]),s._v(" ，将 "),t("code",[s._v("use(ElementPlus)")]),s._v(" 替换成 "),t("code",[s._v("use(useElementPlus)")]),s._v(" "),t("img",{attrs:{src:a(477),alt:"ep3"}}),s._v("\n④ 千万别忘记，把用到的 "),t("code",[s._v("element-plus")]),s._v(" 组件引入到根目录 "),t("code",[s._v("src/plugins/element-plus/index.ts")]),s._v(" 文件中\n"),t("img",{attrs:{src:a(478),alt:"ep4"}})])])]),s._v(" "),t("h2",{attrs:{id:"vertical-模式下左侧菜单卡顿-如何解决-菜单切换卡顿"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vertical-模式下左侧菜单卡顿-如何解决-菜单切换卡顿"}},[s._v("#")]),s._v(" "),t("code",[s._v("vertical")]),s._v(" 模式下左侧菜单卡顿，如何解决？菜单切换卡顿？")]),s._v(" "),t("ul",[t("li",[t("code",[s._v("vertical")]),s._v(" 模式下左侧菜单卡顿，如何解决？"),t("br"),s._v("\n答：这个问题大多数出现在 "),t("code",[s._v("windows")]),s._v(" 上，特别是电脑性能低或者双屏的模式下。我的电脑从未出现过卡顿的情况。下图是我的电脑信息")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(479),alt:"mac"}})]),s._v(" "),t("p",[t("code",[s._v("element-plus")]),s._v(" 的 "),t("code",[s._v("menu")]),s._v(" 在上述的情况可能会出现卡顿。")]),s._v(" "),t("p",[s._v("两种解决办法：")]),s._v(" "),t("p",[s._v("① 从软件上解决：来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L22",target:"_blank",rel:"noopener noreferrer"}},[s._v("public/platform-config.json"),t("OutboundLink")],1),s._v(" 设置 "),t("code",[s._v("MenuArrowIconNoTransition")]),s._v(" 为 "),t("code",[s._v("true")]),s._v(" 即可以解决。菜单经过测试在谷歌浏览器 "),t("code",[s._v("92")]),s._v(" 到 "),t("code",[s._v("94")]),s._v(" 版本是不卡顿的，谷歌浏览器版本下载地址 "),t("a",{attrs:{href:"https://www.chromedownloads.net/chrome64osx/",target:"_blank",rel:"noopener noreferrer"}},[s._v("chromedownloads"),t("OutboundLink")],1),s._v("，卡顿是这个 "),t("a",{attrs:{href:"https://github.com/element-plus/element-plus/blob/dev/packages/components/menu/src/sub-menu.ts#L320",target:"_blank",rel:"noopener noreferrer"}},[s._v("transform: rotateZ(180deg)"),t("OutboundLink")],1),s._v(" 造成的，貌似是谷歌的 "),t("a",{attrs:{href:"https://bugs.chromium.org/p/chromium/issues/detail?id=1384444",target:"_blank",rel:"noopener noreferrer"}},[s._v("bug"),t("OutboundLink")],1),s._v(" 吧"),t("br"),s._v("\n② 从硬件上解决：运行 window + x 打开计算机管理界面，找到设备管理器(或者英文 Device Manager)，打开显示适配器(或者英文 Display Adapters)，如果列表内展示的有 Inter(R) HD Graphics，则说明此电脑具有集成显卡，禁用掉此项（集成显卡），将独立显卡开启满载状态。"),t("a",{attrs:{href:"https://jingyan.baidu.com/article/fd8044fae944b61131137ab1.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("Windows 怎么禁用集成显卡"),t("OutboundLink")],1)]),s._v(" "),t("ul",[t("li",[s._v("菜单切换卡顿？"),t("br"),s._v("\n答：有人问平台演示环境菜单切换卡顿，是什么问题？"),t("br"),s._v("\n① 首先，平台的演示环境使用的是 "),t("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("github"),t("OutboundLink")],1),s._v(" ，一个免费的静态网站部署服务，切换菜单的时候，需要加载网络资源，走了请求，响应越慢，页面显示的越慢。"),t("br"),s._v("\n② 其次，本地运行平台的完整版，有的菜单切换卡顿，因为也要加载资源啊，比如地图什么的，当前页面加载资源越大，正常情况下响应就越慢，这是最基本的知识哦。")])]),s._v(" "),t("h2",{attrs:{id:"浏览器控制台打印一些重复信息-很影响开发体验-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#浏览器控制台打印一些重复信息-很影响开发体验-如何解决"}},[s._v("#")]),s._v(" 浏览器控制台打印一些重复信息，很影响开发体验，如何解决？")]),s._v(" "),t("p",[t("img",{attrs:{src:a(480),alt:"log"}})]),s._v(" "),t("p",[s._v("答：如下图所示，触发了 "),t("code",[s._v("vite")]),s._v(" 的 "),t("code",[s._v("hmr update")]),s._v(" 就会在控制台输出相对应的信息 "),t("a",{attrs:{href:"https://github.com/vitejs/vite/issues/1785",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v(" ，有时候输出的信息对于我们来说并没有用，是否可以屏蔽掉这些信息呢？当然可以，在浏览器控制台过滤框中输入您不需要的信息并在最前面加上 "),t("code",[s._v("-")]),s._v(" 即可。"),t("a",{attrs:{href:"https://blog.csdn.net/qq_33674300/article/details/114764718",target:"_blank",rel:"noopener noreferrer"}},[s._v("浏览器控制台过滤无用的提示和报错"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"推荐文章"}})],1),s._v(" "),t("p",[t("img",{attrs:{src:a(481),alt:"hotlog"}})]),s._v(" "),t("h2",{attrs:{id:"vue3-的-script-setup-写法-虽然会依据它的文件名来自动推断组件名称-name-但这也约束了我们的写法-不算灵活-有没有解决方案呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue3-的-script-setup-写法-虽然会依据它的文件名来自动推断组件名称-name-但这也约束了我们的写法-不算灵活-有没有解决方案呢"}},[s._v("#")]),s._v(" "),t("code",[s._v("vue3")]),s._v(" 的 "),t("code",[s._v("<script setup>")]),s._v(" 写法，虽然会依据它的文件名来自动推断组件名称 "),t("code",[s._v("name")]),s._v("，但这也约束了我们的写法，不算灵活，有没有解决方案呢？")]),s._v(" "),t("p",[s._v("答：有的。有人在 vue 上提了这个 issues："),t("code",[s._v('use <script setup name="cpnName"> instead of two <script>')]),s._v("，这种写法无疑是非常方便的，但是被尤大否决了，具体可看 "),t("a",{attrs:{href:"https://github.com/vuejs/core/issues/5218",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues"),t("OutboundLink")],1),s._v("，不过周边生态出了个插件 "),t("a",{attrs:{href:"https://www.npmjs.com/package/unplugin-vue-define-options",target:"_blank",rel:"noopener noreferrer"}},[s._v("unplugin-vue-define-options"),t("OutboundLink")],1),s._v(" 可以在一个 "),t("code",[s._v("setup")]),s._v(" 里加入 "),t("code",[s._v("name")]),s._v(" ，很方便。用法如下")]),s._v(" "),t("div",{staticClass:"language-sh line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-sh"}},[t("code",[t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("script setup "),t("span",{pre:!0,attrs:{class:"token assign-left variable"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"ts"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\ndefineOptions"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  name: "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"页面名称"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("/script"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br")])]),t("p",[s._v("目前"),t("code",[s._v("vue")]),s._v("官方已支持 "),t("a",{attrs:{href:"https://cn.vuejs.org/api/sfc-script-setup.html#defineoptions",target:"_blank",rel:"noopener noreferrer"}},[s._v("defineOptions"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"vue3-单文件支持多个根标签-但是平台为什么不能这么用呢-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#vue3-单文件支持多个根标签-但是平台为什么不能这么用呢-如何解决"}},[s._v("#")]),s._v(" "),t("code",[s._v("vue3")]),s._v(" 单文件支持多个根标签，但是平台为什么不能这么用呢？如何解决？")]),s._v(" "),t("ul",[t("li",[t("p",[s._v("平台为什么不能这么用呢？"),t("br"),s._v("\n答：因为平台用了 "),t("code",[s._v("vue3")]),s._v(" 中 "),t("code",[s._v("Transition")]),s._v(" 组件包裹整个内容区，这样才能带来各种页面切换效果。但是 "),t("code",[s._v("Transition")]),s._v(" 仅支持单个元素或组件作为其插槽内容。如果内容是一个组件，则该组件也必须只有一个根元素，所以这才要求内容区里的单文件要在最外层加上一个根元素，详情看 "),t("a",{attrs:{href:"https://cn.vuejs.org/guide/built-ins/transition.html#the-transition-component",target:"_blank",rel:"noopener noreferrer"}},[s._v("TIP"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vue3文档"}})],1)]),s._v(" "),t("li",[t("p",[s._v("如何解决？"),t("br"),s._v("\n答：如果想内容区的单文件支持多个根元素，可以来到这里 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/components/lay-content/index.vue#L77",target:"_blank",rel:"noopener noreferrer"}},[s._v("lay-content/index.vue"),t("OutboundLink")],1),s._v(" 将 "),t("code",[s._v("Transition")]),s._v(" 相关地方删除，不在要页面内容过渡效果了。")])])]),s._v(" "),t("h2",{attrs:{id:"不同项目的本地存储设置可能不同-页面效果不同-那么如何避免-fork-项目的本地存储-key-值一样呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#不同项目的本地存储设置可能不同-页面效果不同-那么如何避免-fork-项目的本地存储-key-值一样呢"}},[s._v("#")]),s._v(" 不同项目的本地存储设置可能不同（页面效果不同），那么如何避免 "),t("code",[s._v("fork")]),s._v(" 项目的本地存储 "),t("code",[s._v("key")]),s._v(" 值一样呢？")]),s._v(" "),t("ul",[t("li",[s._v("平台使用的 "),t("a",{attrs:{href:"https://github.com/xiaoxian521/responsive-storage",target:"_blank",rel:"noopener noreferrer"}},[s._v("响应式本地存储"),t("OutboundLink")],1),s._v("，默认的 "),t("code",[s._v("key")]),s._v(" 全部以 "),t("code",[s._v("responsive-")]),s._v(" 开头，如下图所示")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(482),alt:"namespace"}})]),s._v(" "),t("ul",[t("li",[s._v("如何避免？"),t("br"),s._v("\n答：可以在 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L25",target:"_blank",rel:"noopener noreferrer"}},[s._v("此处"),t("OutboundLink")],1),s._v(" 修改 "),t("code",[s._v("ResponsiveStorageNameSpace")]),s._v(" 为您所需的命名空间即可")])]),s._v(" "),t("h2",{attrs:{id:"平台要求-node-版本应不小于-18-18-0-、pnpm-版本应不小于-9-但是实际开发有的项目需要比这些低的版本怎么解决呢"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台要求-node-版本应不小于-18-18-0-、pnpm-版本应不小于-9-但是实际开发有的项目需要比这些低的版本怎么解决呢"}},[s._v("#")]),s._v(" 平台要求 "),t("code",[s._v("node")]),s._v(" 版本应不小于 "),t("code",[s._v("18.18.0")]),s._v(" 、"),t("code",[s._v("pnpm")]),s._v(" 版本应不小于 "),t("code",[s._v("9")]),s._v(" ，但是实际开发有的项目需要比这些低的版本怎么解决呢？")]),s._v(" "),t("p",[s._v("答：推荐阅读 "),t("a",{attrs:{href:"https://blog.csdn.net/qq_36380426/article/details/126218495",target:"_blank",rel:"noopener noreferrer"}},[s._v("三款非常实用的 Node.js 版本管理工具"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"打包时报-unexpected-token-如下图-来自群友提供"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#打包时报-unexpected-token-如下图-来自群友提供"}},[s._v("#")]),s._v(" 打包时报 "),t("code",[s._v("Unexpected token")]),s._v("，如下图（来自群友提供）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(483),alt:"unexpected"}})]),s._v(" "),t("p",[s._v("首先请您 "),t("code",[s._v("不要")]),s._v(" 用 "),t("code",[s._v("中文路径名")]),s._v("，然后我们来解答一下")]),s._v(" "),t("p",[s._v("答：这里报错来自于 "),t("a",{attrs:{href:"https://github.com/xiaoxian521/vite-plugin-remove-console",target:"_blank",rel:"noopener noreferrer"}},[s._v("vite-plugin-remove-console"),t("OutboundLink")],1),s._v("，当 "),t("code",[s._v("console.log")]),s._v(" 写法不规范或者这个文件是压缩格式时就会出现这种报错，请在 "),t("code",[s._v("external")]),s._v(" 中排除这个 "),t("code",[s._v("console.log")]),s._v(" 出现的文件，参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/plugins.ts#L56",target:"_blank",rel:"noopener noreferrer"}},[s._v("removeConsole"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"安装依赖慢-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装依赖慢-如何解决"}},[s._v("#")]),s._v(" 安装依赖慢，如何解决？")]),s._v(" "),t("p",[s._v("可能您刚接触到 "),t("code",[s._v("pure-admin")]),s._v(" 会有个疑问，为什么平台使用了 "),t("code",[s._v("pnpm")]),s._v(" 可是安装平台依赖的时候还是等了很长时间呢？")]),s._v(" "),t("p",[s._v("答：首先我觉得您可以认真看下 "),t("RouterLink",{attrs:{to:"/pages/FAQ/#为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢-可以不使用-pnpm-吗-如何从-pnpm-切换到-yarn"}},[s._v("pnpm")]),s._v(" 哦。其次，"),t("code",[s._v("pnpm")]),s._v(" 只会在项目依赖包从本地找不到对应版本的情况下，才会去 "),t("a",{attrs:{href:"https://www.npmjs.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("npm"),t("OutboundLink")],1),s._v(" 下载，既然是 "),t("code",[s._v("npm")]),s._v(" 下载的话，它肯定是国外镜像，下载慢就很正常了。下面讲下解决办法：")],1),s._v(" "),t("p",[s._v("① 使用下面命令查看当前 "),t("code",[s._v("npm")]),s._v(" 源")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("npm config ls\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("执行完上面的命令后，在您没有设置过任何源的情况下，默认是 "),t("a",{attrs:{href:"https://www.npmjs.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("npmjs"),t("OutboundLink")],1),s._v(" 官方源，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(484),alt:"npm"}})]),s._v(" "),t("p",[s._v("② 不管是什么源，我们都可以不用管，直接执行下面命令即可")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("npm config set registry https://registry.npmmirror.com\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("上面的命令是将本地的源换成国内源 "),t("a",{attrs:{href:"https://npmmirror.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("npmmirror"),t("OutboundLink")],1),s._v("，经过几轮测试，发现它的下载速度快且同步率高，同步频率 "),t("code",[s._v("10")]),s._v(" 分钟一次，如果您之前的源是这个 "),t("code",[s._v("http://registry.npm.taobao.org")]),s._v(" ，那您必须换成 "),t("code",[s._v("npmmirror")]),s._v(" 啦，因为原淘宝 "),t("code",[s._v("npm")]),s._v(" 域名即将停止解析 "),t("a",{attrs:{href:"https://zhuanlan.zhihu.com/p/465424728?spm=a2c6h.24755359.0.0.6d444dccAL1K1J",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体了解"),t("OutboundLink")],1),t("br"),s._v("\n执行完上面的命令后再使用 "),t("code",[s._v("①")]),s._v(" 中的命令查看本地源，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(485),alt:"npm"}})]),s._v(" "),t("p",[s._v("③ 当我们将本地源换成 "),t("code",[s._v("npmmirror")]),s._v(" 后，再回到 "),t("code",[s._v("pure-admin")]),s._v(" 平台，将 "),t("code",[s._v("pnpm-lock.yaml")]),s._v(" 和 "),t("code",[s._v("node_modules")]),s._v(" 这两个文件删除，然后执行下面的命令重新安装依赖，您就会发现安装速度很快啦")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm install\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("如果您不删除上面提到的两个文件就会遇到如下图的报错")]),s._v(" "),t("p",[t("img",{attrs:{src:a(486),alt:"npm"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("提示")]),s._v(" "),t("p",[s._v("如果您本地有自己维护的 "),t("code",[s._v("npm")]),s._v(" 包，请在发包前使用下面命令将本地源换成 "),t("code",[s._v("npm")]),s._v(" 官方源，这样才能保证您发包成功，发完之后再换成 "),t("code",[s._v("npmmirror")]),s._v(" 源即可。同理，如何您公司有私服的话，也是如此操作，只不过把下面命令 "),t("code",[s._v("registry")]),s._v(" 后的地址换成私服的地址即可。如何部署私服可参考 "),t("a",{attrs:{href:"https://www.cnblogs.com/venblogs/p/14371381.html",target:"_blank",rel:"noopener noreferrer"}},[s._v("该文章"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("npm config set registry https://registry.npmjs.org\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("当然第二种办法也是最方便的办法就是将下面代码加入到您自己库的 "),t("code",[s._v("package.json")]),s._v(" 里 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-table/blob/main/package.json#L24-L26",target:"_blank",rel:"noopener noreferrer"}},[s._v("查看具体参考"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language-JSON line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-json"}},[t("code",[t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"publishConfig"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v('"registry"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://registry.npmjs.org/"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"安装-vue-的某些版本-页面卡顿明显-如何解决"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装-vue-的某些版本-页面卡顿明显-如何解决"}},[s._v("#")]),s._v(" 安装 "),t("code",[s._v("vue")]),s._v(" 的某些版本，页面卡顿明显，如何解决？")]),s._v(" "),t("p",[s._v("答："),t("code",[s._v("vue v3.2.41")]),s._v(" 及以上版本和 "),t("code",[s._v("Vue.js devtools v6.4.5")]),s._v(" 两者一起使用，页面卡顿明显，尤其当页面元素多以及同一时刻操作较多元素是最为明显。解决办法：卸载 "),t("code",[s._v("Vue.js devtools")]),s._v(" 这款浏览器插件，卸载后，页面比之前操作还流畅 🐶。这足以看出 "),t("code",[s._v("Vue.js devtools")]),s._v(" 影响还是很大的，可以尝试不依赖 "),t("code",[s._v("Vue.js devtools")]),s._v("，我这些年用 "),t("code",[s._v("vue")]),s._v(" 基本不用 "),t("code",[s._v("Vue.js devtools")]),s._v("，毕竟浏览器的断点调试足够了，当然这也可以锻炼您的思维能力")]),s._v(" "),t("h2",{attrs:{id:"平台出现报错-global-is-not-defined"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台出现报错-global-is-not-defined"}},[s._v("#")]),s._v(" 平台出现报错 "),t("code",[s._v("global is not defined")])]),s._v(" "),t("p",[s._v("答：可能是您引入某个库的问题，比如 "),t("a",{attrs:{href:"https://github.com/aws/aws-sdk-js",target:"_blank",rel:"noopener noreferrer"}},[s._v("aws-sdk-js"),t("OutboundLink")],1),s._v("，解决办法就是将 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/globalPolyfills.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("src/utils/globalPolyfills.ts"),t("OutboundLink")],1),s._v(" 引入 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("src/main.ts"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"平台如何置灰并且不影响操作"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台如何置灰并且不影响操作"}},[s._v("#")]),s._v(" 平台如何置灰并且不影响操作？")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("展开查看实现代码")]),s._v(" "),t("p",[t("img",{attrs:{src:a(487),alt:"grey"}})]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v('* { filter: grayscale(100%); }\n\nimport { toggleClass } from "@pureadmin/utils";\n\nbeforeCreate() {\n  toggleClass(true, "html-grey", document.querySelector("html"));\n},\n')])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"平台在使用-element-plus-的-el-dialog、el-drawer、el-message-box、el-notification-这四个组件时-右上角关闭图标的样式跟-element-plus-本身表现不一致"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台在使用-element-plus-的-el-dialog、el-drawer、el-message-box、el-notification-这四个组件时-右上角关闭图标的样式跟-element-plus-本身表现不一致"}},[s._v("#")]),s._v(" 平台在使用 "),t("code",[s._v("element-plus")]),s._v(" 的 "),t("code",[s._v("el-dialog")]),s._v("、"),t("code",[s._v("el-drawer")]),s._v("、"),t("code",[s._v("el-message-box")]),s._v("、"),t("code",[s._v("el-notification")]),s._v(" 这四个组件时，右上角关闭图标的样式跟 "),t("code",[s._v("element-plus")]),s._v(" 本身表现不一致？")]),s._v(" "),t("p",[s._v("答：在平台 "),t("code",[s._v("3.9.2")]),s._v(" 版本，我把样式覆盖了，使其表现更鲜明（细心的小伙伴会发现 "),t("code",[s._v("vscode")]),s._v(" 好多操作鼠标覆盖上去也是这种样式风格 🤗️），具体代码修改位置 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/c80818d792276666aaea4b18413a0f08777f2ed1#diff-65a69f4a70b50de99604a7cae0784ee0e63a22f5d3addc384d50f76bbba1a2c2",target:"_blank",rel:"noopener noreferrer"}},[s._v("第一处"),t("OutboundLink")],1),s._v("、"),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/c80818d792276666aaea4b18413a0f08777f2ed1#diff-6e577e4119a687e405cdbfac69a8fa06cbcc3b80eeca1d3766d936961de4f3a5",target:"_blank",rel:"noopener noreferrer"}},[s._v("第二处"),t("OutboundLink")],1),s._v("，如果想保持一致删除对应改动处即可")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("展开查看平台当前这四个组件右上角关闭图标的样式")]),s._v(" "),t("p",[t("img",{attrs:{src:a(488),alt:"dialog"}}),s._v(" "),t("img",{attrs:{src:a(489),alt:"dialog-dark"}})]),s._v(" "),t("p",[t("img",{attrs:{src:a(490),alt:"drawer"}}),s._v(" "),t("img",{attrs:{src:a(491),alt:"drawer-dark"}})]),s._v(" "),t("p",[t("img",{attrs:{src:a(492),alt:"messagebox"}}),s._v(" "),t("img",{attrs:{src:a(493),alt:"messagebox-dark"}})]),s._v(" "),t("p",[t("img",{attrs:{src:a(494),alt:"notification"}}),s._v(" "),t("img",{attrs:{src:a(495),alt:"notification-dark"}})])]),s._v(" "),t("h2",{attrs:{id:"平台在-v3-9-4-版本完全移除了-vxe-table-为什么移除-如何自行集成"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台在-v3-9-4-版本完全移除了-vxe-table-为什么移除-如何自行集成"}},[s._v("#")]),s._v(" 平台在 "),t("code",[s._v("v3.9.4")]),s._v(" 版本完全移除了 "),t("code",[s._v("vxe-table")]),s._v("，为什么移除？如何自行集成？")]),s._v(" "),t("ul",[t("li",[s._v("为什么移除？")])]),s._v(" "),t("p",[s._v("答："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/392",target:"_blank",rel:"noopener noreferrer"}},[s._v("请点击这里查看原因"),t("OutboundLink")],1)]),s._v(" "),t("ul",[t("li",[s._v("如何自行集成？")])]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("ol",[t("li",[s._v("安装 "),t("code",[s._v("vxe-table")]),s._v("、"),t("code",[s._v("xe-utils")])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add vxe-table xe-utils\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[t("p",[s._v("将 "),t("code",[s._v("vxe-table")]),s._v(" 和 "),t("code",[s._v("xe-utils")]),s._v(" 加入 "),t("code",[s._v("build/optimize.ts")]),s._v(" 文件的 "),t("code",[s._v("include")]),s._v(" 里")])]),s._v(" "),t("li",[t("p",[s._v("安装 "),t("code",[s._v("font-awesome")])])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add font-awesome -D\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"4"}},[t("li",[s._v("在 "),t("code",[s._v("src/layout/index.vue")]),s._v(" 文件的 "),t("code",[s._v('<script setup lang="ts"><\/script>')]),s._v(" 引入 "),t("code",[s._v("font-awesome")]),s._v("，如下")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// vxe-table的所有icon不支持component模式，间接依赖了font-awesome")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"font-awesome/css/font-awesome.min.css"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br")])]),t("ol",{attrs:{start:"5"}},[t("li",[s._v("将下面样式加入 "),t("code",[s._v("src/style/index.scss")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Css line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-css"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/* 重置 vxe-table 样式 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-button.type--button.theme--primary:hover,\n.vxe-pager .vxe-pager--num-btn:not(.is--disabled).is--active")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" #fff "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br")])]),t("ol",{attrs:{start:"6"}},[t("li",[s._v("将下面样式加入 "),t("code",[s._v("src/style/dark.scss")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Css line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-css"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/* vxe-table 暗黑模式适配 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--header-wrapper,\n.vxe-table--body-wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-text-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--render-default.border--full .vxe-header--column,\n.vxe-table--render-default.border--full .vxe-body--column,\n.vxe-table--render-default.border--full .vxe-footer--column")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-image")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("linear-gradient")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("linear-gradient")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/* 表头 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--header-wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" #262727 "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--render-wrapper,\n.vxe-table--main-wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" none"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-pager.is--perfect,\n.vxe-table--render-default .vxe-table--border-line")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" 1px solid "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-table--header-border-line")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border-bottom")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" 1px solid "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-border-color-lighter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-body--row.row--hover,\n.vxe-pager")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" #262727"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-input--inner,\n.vxe-pager .vxe-pager--jump-prev,\n.vxe-pager .vxe-pager--prev-btn,\n.vxe-pager .vxe-pager--next-btn,\n.vxe-pager .vxe-pager--jump-next,\n.vxe-pager .vxe-pager--num-btn,\n.vxe-pager .vxe-pager--jump .vxe-pager--goto")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" transparent"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-text-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  // "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("outline")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" none "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-select-option--wrapper")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-select-option:not(.is--disabled).is--hover")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-color-primary-light-6"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-modal--wrapper.type--modal .vxe-modal--box,\n.vxe-modal--wrapper.type--alert .vxe-modal--box,\n.vxe-modal--wrapper.type--confirm .vxe-modal--box,\n.vxe-form")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-modal--box,\n.vxe-modal--header")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" none"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-bg-color"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-modal--title,\n.vxe-button--content,\n.vxe-modal--header-title")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-text-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-button.type--button:hover")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("--el-color-primary"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token important"}},[s._v("!important")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v(".vxe-button")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("background-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" transparent"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br"),t("span",{staticClass:"line-number"},[s._v("71")]),t("br"),t("span",{staticClass:"line-number"},[s._v("72")]),t("br"),t("span",{staticClass:"line-number"},[s._v("73")]),t("br"),t("span",{staticClass:"line-number"},[s._v("74")]),t("br"),t("span",{staticClass:"line-number"},[s._v("75")]),t("br"),t("span",{staticClass:"line-number"},[s._v("76")]),t("br"),t("span",{staticClass:"line-number"},[s._v("77")]),t("br"),t("span",{staticClass:"line-number"},[s._v("78")]),t("br"),t("span",{staticClass:"line-number"},[s._v("79")]),t("br"),t("span",{staticClass:"line-number"},[s._v("80")]),t("br"),t("span",{staticClass:"line-number"},[s._v("81")]),t("br"),t("span",{staticClass:"line-number"},[s._v("82")]),t("br"),t("span",{staticClass:"line-number"},[s._v("83")]),t("br"),t("span",{staticClass:"line-number"},[s._v("84")]),t("br"),t("span",{staticClass:"line-number"},[s._v("85")]),t("br"),t("span",{staticClass:"line-number"},[s._v("86")]),t("br"),t("span",{staticClass:"line-number"},[s._v("87")]),t("br"),t("span",{staticClass:"line-number"},[s._v("88")]),t("br"),t("span",{staticClass:"line-number"},[s._v("89")]),t("br"),t("span",{staticClass:"line-number"},[s._v("90")]),t("br")])]),t("ol",{attrs:{start:"7"}},[t("li",[s._v("使用下面代码直接替换 "),t("code",[s._v("src/layout/theme/index.ts")]),s._v(" 里的所有代码")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/**\n * @description ⚠️：此文件仅供主题插件使用，请不要在此文件中导出别的工具函数（仅在页面加载前运行）\n */")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" EpThemeColor "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"../../../public/platform-config.json"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("type")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("MultipleScopeVarsItem")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  scopeName"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  varsContent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/** 将vxe默认主题色和ep默认主题色保持一致 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" vxeColor "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" EpThemeColor"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/** 预设主题色 */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" themeColors "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#001529"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0f0303"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#002140"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  light"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#409eff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e0ebf6"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e0ebf6"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#4091f7"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  dusk"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f5222d"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#2a0608"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e13c39"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e13c39"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65.1%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#42090c"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e13c39"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  volcano"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fa541c"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#2b0e05"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e85f33"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0f0603"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e85f33"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#441708"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#e85f33"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  yellow"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fadb14"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d25f00"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#2b2503"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f6da4d"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0f0603"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f6da4d"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"rgb(254 254 254 / 65%)"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#443b05"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#f6da4d"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  mingQing"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#13c2c2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#032121"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#59bfc1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#59bfc1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#053434"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#59bfc1"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  auroraGreen"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#52c41a"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#0b1e15"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#60ac80"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#60ac80"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#112f21"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#60ac80"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  pink"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#eb2f96"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#28081a"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d84493"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d84493"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#3f0d29"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#d84493"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  saucePurple"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    vxeColor"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#722ed1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#130824"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#693ac9"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#693ac9"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuText"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#7a80b4"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    sidebarLogo"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#1f0c38"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuTitleHover"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#fff"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"#693ac9"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("/**\n * @description 将预设主题色处理成主题插件所需格式\n */")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" genScssMultipleScopeVars "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" MultipleScopeVarsItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" result "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" MultipleScopeVarsItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  Object"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("keys")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("forEach")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    result"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      scopeName"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token template-string"}},[t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v("layout-theme-")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      varsContent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token template-string"}},[t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v("\n        $vxe-primary-color: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("vxeColor"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $subMenuActiveText: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("subMenuActiveText"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuBg: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuBg"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuHover: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuHover"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $subMenuBg: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("subMenuBg"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $subMenuActiveBg: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("subMenuActiveBg"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuText: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuText"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $sidebarLogo: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("sidebarLogo"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuTitleHover: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuTitleHover"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n        $menuActiveBefore: ")]),t("span",{pre:!0,attrs:{class:"token interpolation"}},[t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("${")]),s._v("themeColors"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("menuActiveBefore"),t("span",{pre:!0,attrs:{class:"token interpolation-punctuation punctuation"}},[s._v("}")])]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v(" !default;\n      ")]),t("span",{pre:!0,attrs:{class:"token template-punctuation string"}},[s._v("`")])]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" MultipleScopeVarsItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" result"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br"),t("span",{staticClass:"line-number"},[s._v("71")]),t("br"),t("span",{staticClass:"line-number"},[s._v("72")]),t("br"),t("span",{staticClass:"line-number"},[s._v("73")]),t("br"),t("span",{staticClass:"line-number"},[s._v("74")]),t("br"),t("span",{staticClass:"line-number"},[s._v("75")]),t("br"),t("span",{staticClass:"line-number"},[s._v("76")]),t("br"),t("span",{staticClass:"line-number"},[s._v("77")]),t("br"),t("span",{staticClass:"line-number"},[s._v("78")]),t("br"),t("span",{staticClass:"line-number"},[s._v("79")]),t("br"),t("span",{staticClass:"line-number"},[s._v("80")]),t("br"),t("span",{staticClass:"line-number"},[s._v("81")]),t("br"),t("span",{staticClass:"line-number"},[s._v("82")]),t("br"),t("span",{staticClass:"line-number"},[s._v("83")]),t("br"),t("span",{staticClass:"line-number"},[s._v("84")]),t("br"),t("span",{staticClass:"line-number"},[s._v("85")]),t("br"),t("span",{staticClass:"line-number"},[s._v("86")]),t("br"),t("span",{staticClass:"line-number"},[s._v("87")]),t("br"),t("span",{staticClass:"line-number"},[s._v("88")]),t("br"),t("span",{staticClass:"line-number"},[s._v("89")]),t("br"),t("span",{staticClass:"line-number"},[s._v("90")]),t("br"),t("span",{staticClass:"line-number"},[s._v("91")]),t("br"),t("span",{staticClass:"line-number"},[s._v("92")]),t("br"),t("span",{staticClass:"line-number"},[s._v("93")]),t("br"),t("span",{staticClass:"line-number"},[s._v("94")]),t("br"),t("span",{staticClass:"line-number"},[s._v("95")]),t("br"),t("span",{staticClass:"line-number"},[s._v("96")]),t("br"),t("span",{staticClass:"line-number"},[s._v("97")]),t("br"),t("span",{staticClass:"line-number"},[s._v("98")]),t("br"),t("span",{staticClass:"line-number"},[s._v("99")]),t("br"),t("span",{staticClass:"line-number"},[s._v("100")]),t("br"),t("span",{staticClass:"line-number"},[s._v("101")]),t("br"),t("span",{staticClass:"line-number"},[s._v("102")]),t("br"),t("span",{staticClass:"line-number"},[s._v("103")]),t("br"),t("span",{staticClass:"line-number"},[s._v("104")]),t("br"),t("span",{staticClass:"line-number"},[s._v("105")]),t("br"),t("span",{staticClass:"line-number"},[s._v("106")]),t("br"),t("span",{staticClass:"line-number"},[s._v("107")]),t("br"),t("span",{staticClass:"line-number"},[s._v("108")]),t("br"),t("span",{staticClass:"line-number"},[s._v("109")]),t("br"),t("span",{staticClass:"line-number"},[s._v("110")]),t("br"),t("span",{staticClass:"line-number"},[s._v("111")]),t("br"),t("span",{staticClass:"line-number"},[s._v("112")]),t("br"),t("span",{staticClass:"line-number"},[s._v("113")]),t("br"),t("span",{staticClass:"line-number"},[s._v("114")]),t("br"),t("span",{staticClass:"line-number"},[s._v("115")]),t("br"),t("span",{staticClass:"line-number"},[s._v("116")]),t("br"),t("span",{staticClass:"line-number"},[s._v("117")]),t("br"),t("span",{staticClass:"line-number"},[s._v("118")]),t("br"),t("span",{staticClass:"line-number"},[s._v("119")]),t("br"),t("span",{staticClass:"line-number"},[s._v("120")]),t("br"),t("span",{staticClass:"line-number"},[s._v("121")]),t("br"),t("span",{staticClass:"line-number"},[s._v("122")]),t("br"),t("span",{staticClass:"line-number"},[s._v("123")]),t("br"),t("span",{staticClass:"line-number"},[s._v("124")]),t("br"),t("span",{staticClass:"line-number"},[s._v("125")]),t("br"),t("span",{staticClass:"line-number"},[s._v("126")]),t("br"),t("span",{staticClass:"line-number"},[s._v("127")]),t("br"),t("span",{staticClass:"line-number"},[s._v("128")]),t("br"),t("span",{staticClass:"line-number"},[s._v("129")]),t("br"),t("span",{staticClass:"line-number"},[s._v("130")]),t("br"),t("span",{staticClass:"line-number"},[s._v("131")]),t("br"),t("span",{staticClass:"line-number"},[s._v("132")]),t("br"),t("span",{staticClass:"line-number"},[s._v("133")]),t("br"),t("span",{staticClass:"line-number"},[s._v("134")]),t("br"),t("span",{staticClass:"line-number"},[s._v("135")]),t("br"),t("span",{staticClass:"line-number"},[s._v("136")]),t("br"),t("span",{staticClass:"line-number"},[s._v("137")]),t("br"),t("span",{staticClass:"line-number"},[s._v("138")]),t("br"),t("span",{staticClass:"line-number"},[s._v("139")]),t("br"),t("span",{staticClass:"line-number"},[s._v("140")]),t("br"),t("span",{staticClass:"line-number"},[s._v("141")]),t("br"),t("span",{staticClass:"line-number"},[s._v("142")]),t("br"),t("span",{staticClass:"line-number"},[s._v("143")]),t("br"),t("span",{staticClass:"line-number"},[s._v("144")]),t("br"),t("span",{staticClass:"line-number"},[s._v("145")]),t("br"),t("span",{staticClass:"line-number"},[s._v("146")]),t("br"),t("span",{staticClass:"line-number"},[s._v("147")]),t("br"),t("span",{staticClass:"line-number"},[s._v("148")]),t("br"),t("span",{staticClass:"line-number"},[s._v("149")]),t("br")])]),t("ol",{attrs:{start:"8"}},[t("li",[s._v("新建文件夹，起名 "),t("code",[s._v("vxe-table")]),s._v(" ，然后添加 "),t("code",[s._v("index.scss")]),s._v(" 和 "),t("code",[s._v("index.ts")]),s._v(" 这两个文件到 "),t("code",[s._v("vxe-table")]),s._v(" 文件夹里，如下")])]),s._v(" "),t("ul",[t("li",[t("code",[s._v("vxe-table")]),s._v(" 文件夹")]),s._v(" "),t("li",[t("code",[s._v("index.scss")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Css line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-css"}},[t("code",[t("span",{pre:!0,attrs:{class:"token atrule"}},[t("span",{pre:!0,attrs:{class:"token rule"}},[s._v("@import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/styles/variable.scss"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token atrule"}},[t("span",{pre:!0,attrs:{class:"token rule"}},[s._v("@import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/styles/modules.scss"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token selector"}},[s._v("i")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token property"}},[s._v("border-color")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" initial"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("ul",[t("li",[t("code",[s._v("index.ts")]),s._v(" 文件")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"xe-utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"./index.scss"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" XEUtils "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"xe-utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" App"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" unref "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" i18n "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/plugins/i18n"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" zh "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/lib/locale/lang/zh-CN"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" en "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table/lib/locale/lang/en-US"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 核心")]),s._v("\n  VXETable"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 表格功能")]),s._v("\n  Icon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Filter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Edit"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Menu"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Export"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Keyboard"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Validator"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可选组件")]),s._v("\n  Column"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Colgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Grid"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Tooltip"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Toolbar"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Pager"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Form"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  FormItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  FormGather"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Checkbox"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  CheckboxGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Radio"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  RadioGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  RadioButton"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Switch"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Input"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Select"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Optgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Option"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Textarea"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Button"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Modal"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  List"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  Pulldown"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 表格")]),s._v("\n  Table\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vxe-table"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 全局默认参数")]),s._v("\nVXETable"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("setup")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  size"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"medium"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  version"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  zIndex"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("1002")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  table"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 自动监听父元素的变化去重新计算表格")]),s._v("\n    autoResize"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 鼠标移到行是否要高亮显示")]),s._v("\n    highlightHoverRow"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  input"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    clearable"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("i18n")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" args"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("unref")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("i18n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("global"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("locale"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("===")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"zh"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("toFormatString")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("get")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("zh"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" args"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("toFormatString")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("XEUtils"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("get")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("en"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" args"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("translate")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("NAMESPACED")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"el."')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"buttons."')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("key "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token constant"}},[s._v("NAMESPACED")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findIndex")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("includes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!==")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("-")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" i18n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("global"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("t")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("call")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("i18n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("global"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("locale"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" key"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("function")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useTable")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("app"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" App"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  app\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Icon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Filter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Edit"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Menu"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Export"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Keyboard"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Validator"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可选组件")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Column"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Colgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Grid"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Tooltip"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Toolbar"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Pager"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Form"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("FormItem"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("FormGather"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Checkbox"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("CheckboxGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Radio"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("RadioGroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("RadioButton"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Switch"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Input"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Select"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Optgroup"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Option"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Textarea"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Button"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Modal"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("List"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Pulldown"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 安装表格")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("Table"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br"),t("span",{staticClass:"line-number"},[s._v("71")]),t("br"),t("span",{staticClass:"line-number"},[s._v("72")]),t("br"),t("span",{staticClass:"line-number"},[s._v("73")]),t("br"),t("span",{staticClass:"line-number"},[s._v("74")]),t("br"),t("span",{staticClass:"line-number"},[s._v("75")]),t("br"),t("span",{staticClass:"line-number"},[s._v("76")]),t("br"),t("span",{staticClass:"line-number"},[s._v("77")]),t("br"),t("span",{staticClass:"line-number"},[s._v("78")]),t("br"),t("span",{staticClass:"line-number"},[s._v("79")]),t("br"),t("span",{staticClass:"line-number"},[s._v("80")]),t("br"),t("span",{staticClass:"line-number"},[s._v("81")]),t("br"),t("span",{staticClass:"line-number"},[s._v("82")]),t("br"),t("span",{staticClass:"line-number"},[s._v("83")]),t("br"),t("span",{staticClass:"line-number"},[s._v("84")]),t("br"),t("span",{staticClass:"line-number"},[s._v("85")]),t("br"),t("span",{staticClass:"line-number"},[s._v("86")]),t("br"),t("span",{staticClass:"line-number"},[s._v("87")]),t("br"),t("span",{staticClass:"line-number"},[s._v("88")]),t("br"),t("span",{staticClass:"line-number"},[s._v("89")]),t("br"),t("span",{staticClass:"line-number"},[s._v("90")]),t("br"),t("span",{staticClass:"line-number"},[s._v("91")]),t("br"),t("span",{staticClass:"line-number"},[s._v("92")]),t("br"),t("span",{staticClass:"line-number"},[s._v("93")]),t("br"),t("span",{staticClass:"line-number"},[s._v("94")]),t("br"),t("span",{staticClass:"line-number"},[s._v("95")]),t("br"),t("span",{staticClass:"line-number"},[s._v("96")]),t("br"),t("span",{staticClass:"line-number"},[s._v("97")]),t("br"),t("span",{staticClass:"line-number"},[s._v("98")]),t("br"),t("span",{staticClass:"line-number"},[s._v("99")]),t("br"),t("span",{staticClass:"line-number"},[s._v("100")]),t("br"),t("span",{staticClass:"line-number"},[s._v("101")]),t("br"),t("span",{staticClass:"line-number"},[s._v("102")]),t("br"),t("span",{staticClass:"line-number"},[s._v("103")]),t("br"),t("span",{staticClass:"line-number"},[s._v("104")]),t("br"),t("span",{staticClass:"line-number"},[s._v("105")]),t("br"),t("span",{staticClass:"line-number"},[s._v("106")]),t("br"),t("span",{staticClass:"line-number"},[s._v("107")]),t("br"),t("span",{staticClass:"line-number"},[s._v("108")]),t("br"),t("span",{staticClass:"line-number"},[s._v("109")]),t("br"),t("span",{staticClass:"line-number"},[s._v("110")]),t("br"),t("span",{staticClass:"line-number"},[s._v("111")]),t("br"),t("span",{staticClass:"line-number"},[s._v("112")]),t("br"),t("span",{staticClass:"line-number"},[s._v("113")]),t("br")])]),t("p",[s._v("9.最后一步，将下面代码添加到 "),t("code",[s._v("src/main.ts")]),s._v(" 文件，然后您就可以按照 "),t("a",{attrs:{href:"https://vxetable.cn/v4/#/table/start/quick",target:"_blank",rel:"noopener noreferrer"}},[s._v("vxetable"),t("OutboundLink")],1),s._v(" 文档去使用啦")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" useTable "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/plugins/vxe-table"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 记得要用 app.use 注册下哦")]),s._v("\napp"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("use")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("useTable"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("具体修改记录")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/3629a66535d3d47bec04be9f73becbd12d339fe0",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看完整版具体修改记录"),t("OutboundLink")],1),t("br"),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/commit/27056e75609637508fa8818439c553082600b00f",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看非国际化精简版具体修改记录"),t("OutboundLink")],1),t("br"),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/commit/23d9cdaf81cb543b8659d7c2b5f969e8b53364b5",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看国际化精简版具体修改记录"),t("OutboundLink")],1)])])]),s._v(" "),t("h2",{attrs:{id:"平台在-v3-9-5-版本完全移除了-lodash-和其相关库-为什么移除-如何自行集成"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台在-v3-9-5-版本完全移除了-lodash-和其相关库-为什么移除-如何自行集成"}},[s._v("#")]),s._v(" 平台在 "),t("code",[s._v("v3.9.5")]),s._v(" 版本完全移除了 "),t("code",[s._v("lodash")]),s._v(" 和其相关库，为什么移除？如何自行集成？")]),s._v(" "),t("ul",[t("li",[s._v("为什么移除？")])]),s._v(" "),t("p",[s._v("答："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/397#issue-1492326492",target:"_blank",rel:"noopener noreferrer"}},[s._v("请点击这里查看原因"),t("OutboundLink")],1)]),s._v(" "),t("ul",[t("li",[s._v("如何自行集成？")])]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("ol",[t("li",[s._v("安装 "),t("code",[s._v("lodash")]),s._v("、"),t("code",[s._v("lodash-es")]),s._v("、"),t("code",[s._v("lodash-unified")])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add lodash lodash-es lodash-unified\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("安装 "),t("code",[s._v("@types/lodash")]),s._v("、"),t("code",[s._v("@types/lodash-es")])])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm add @types/lodash @types/lodash-es -D\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("ol",{attrs:{start:"3"}},[t("li",[t("p",[s._v("将 "),t("code",[s._v("lodash")]),s._v("、"),t("code",[s._v("lodash-es")]),s._v("、"),t("code",[s._v("lodash-unified")]),s._v(" 这三个库加入到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/optimize.ts#L7",target:"_blank",rel:"noopener noreferrer"}},[s._v("include"),t("OutboundLink")],1)])]),s._v(" "),t("li",[t("p",[s._v("如果需要在生产环境使用 "),t("code",[s._v("lodash cdn")]),s._v(" ，将下面代码加入到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/build/cdn.ts#L11",target:"_blank",rel:"noopener noreferrer"}},[s._v("modules"),t("OutboundLink")],1)])])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lodash"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("var")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lodash"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 可写`完整路径`，会替换`prodUrl`")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.min.js"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("ol",{attrs:{start:"5"}},[t("li",[s._v("最后直接使用 "),t("code",[s._v("lodash-unified")]),s._v(" 即可，如下代码")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" cloneDeep "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"lodash-unified"')]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"github账号在哪里看"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#github账号在哪里看"}},[s._v("#")]),s._v(" "),t("code",[s._v("github")]),s._v("账号在哪里看？")]),s._v(" "),t("p",[s._v("打开 "),t("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[s._v("github 首页"),t("OutboundLink")],1),s._v(" ，然后点开右上角头像，第一个就是"),t("code",[s._v("github")]),s._v("账号，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(496),alt:"github"}})]),s._v(" "),t("h2",{attrs:{id:"mac-版本的向日葵无法远程操控-向日葵总是闪退、打不开"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mac-版本的向日葵无法远程操控-向日葵总是闪退、打不开"}},[s._v("#")]),s._v(" "),t("code",[s._v("mac")]),s._v(" 版本的向日葵无法远程操控？向日葵总是闪退、打不开？")]),s._v(" "),t("p",[s._v("答："),t("code",[s._v("mac")]),s._v(" 版本的向日葵无法远程操控请参考下图解决")]),s._v(" "),t("p",[t("img",{attrs:{src:a(497),alt:"xrk1"}})]),s._v(" "),t("p",[s._v("答：向日葵总是闪退、打不开请参考下图解决")]),s._v(" "),t("p",[t("img",{attrs:{src:a(498),alt:"xrk2"}})]),s._v(" "),t("h2",{attrs:{id:"初次拉取项目-使用-vscode-编辑器时代码出现-eslint-报错-如下图"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#初次拉取项目-使用-vscode-编辑器时代码出现-eslint-报错-如下图"}},[s._v("#")]),s._v(" 初次拉取项目，使用 "),t("code",[s._v("vscode")]),s._v(" 编辑器时代码出现 "),t("code",[s._v("eslint")]),s._v(" 报错，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(499),alt:"eslint"}})]),s._v(" "),t("p",[s._v("答：解决办法如下图，来自 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/953#issuecomment-1976024071",target:"_blank",rel:"noopener noreferrer"}},[s._v("issues/953"),t("OutboundLink")],1)]),s._v(" "),t("p",[t("img",{attrs:{src:a(500),alt:"eslint1"}})])])}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
diff --git a/assets/js/30.00335dc8.js b/assets/js/30.cb117a0f.js
similarity index 98%
rename from assets/js/30.00335dc8.js
rename to assets/js/30.cb117a0f.js
index 79591fde1..8720071bc 100644
--- a/assets/js/30.00335dc8.js
+++ b/assets/js/30.cb117a0f.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{554:function(e,r,n){"use strict";n.r(r);var a=n(7),s=Object(a.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("p",[e._v("单点登录有效减少繁琐的登录操作，优化了用户体验")]),e._v(" "),r("h2",{attrs:{id:"单点登录"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#单点登录"}},[e._v("#")]),e._v(" 单点登录")]),e._v(" "),r("p",[e._v("单点登录主要功能在后端，这里只讲述使用 "),r("code",[e._v("pure-admin")]),e._v(" 前端代码如何实现"),r("br"),e._v("\n下面以完整版为例，精简版想要开启单点登录只需将 "),r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/src/router/index.ts#L1",target:"_blank",rel:"noopener noreferrer"}},[e._v('import "@/utils/sso"'),r("OutboundLink")],1),e._v(" 注释解开即可")]),e._v(" "),r("h3",{attrs:{id:"前端实现步骤划分"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#前端实现步骤划分"}},[e._v("#")]),e._v(" 前端实现步骤划分")]),e._v(" "),r("ul",[r("li",[e._v("先判断是否为单点登录，不为则直接返回不再进行任何逻辑处理，下面是单点登录的处理步骤")])]),e._v(" "),r("ol",[r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[e._v("清空本地旧信息"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[e._v(" 获取 "),r("code",[e._v("url")]),e._v(" 中的重要参数信息，然后通过 "),r("code",[e._v("setToken")]),e._v(" 保存在本地"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L43-L44",target:"_blank",rel:"noopener noreferrer"}},[e._v("删除不需要显示在 "),r("code",[e._v("url")]),e._v(" 的参数，这样做更安全"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[e._v("使用 "),r("code",[e._v("window.location.replace")]),e._v(" 跳转正确页面，"),r("code",[e._v("window.location.replace")]),e._v(" 可以替换浏览器历史记录项"),r("OutboundLink")],1)])]),e._v(" "),r("h3",{attrs:{id:"完整代码"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#完整代码"}},[e._v("#")]),e._v(" 完整代码")]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts",target:"_blank",rel:"noopener noreferrer"}},[e._v("点击查看完整代码"),r("OutboundLink")],1)]),e._v(" "),r("h3",{attrs:{id:"url-格式"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#url-格式"}},[e._v("#")]),e._v(" url 格式")]),e._v(" "),r("div",{staticClass:"language- line-numbers-mode"},[r("pre",{pre:!0,attrs:{class:"language-text"}},[r("code",[e._v("以平台的预览地址为例\n\n完整地址 https://pure-admin.github.io/vue-pure-admin/#/welcome?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin\n\nhttps://pure-admin.github.io/vue-pure-admin  域名\n\n/#/welcome  要跳转的页面（这里是hash路由模式，根据实际情况修改即可）\n\n?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin  需要携带的三个（username、roles、accessToken）必传参数\n")])]),e._v(" "),r("div",{staticClass:"line-numbers-wrapper"},[r("span",{staticClass:"line-number"},[e._v("1")]),r("br"),r("span",{staticClass:"line-number"},[e._v("2")]),r("br"),r("span",{staticClass:"line-number"},[e._v("3")]),r("br"),r("span",{staticClass:"line-number"},[e._v("4")]),r("br"),r("span",{staticClass:"line-number"},[e._v("5")]),r("br"),r("span",{staticClass:"line-number"},[e._v("6")]),r("br"),r("span",{staticClass:"line-number"},[e._v("7")]),r("br"),r("span",{staticClass:"line-number"},[e._v("8")]),r("br"),r("span",{staticClass:"line-number"},[e._v("9")]),r("br")])]),r("h3",{attrs:{id:"测试地址"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#测试地址"}},[e._v("#")]),e._v(" 测试地址")]),e._v(" "),r("ul",[r("li",[e._v("线上测试地址")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/welcome?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo1"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/table/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo2"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/permission/button/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo3"),r("OutboundLink")],1)]),e._v(" "),r("ul",[r("li",[e._v("本地运行测试地址（需要先在本地运行平台哦，完整版、精简版下面地址都支持）")])]),e._v(" "),r("p",[r("a",{attrs:{href:"http://localhost:8848/#/welcome?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo1"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"http://localhost:8848/#/permission/page/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo2"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"http://localhost:8848/#/permission/button/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo3"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{555:function(e,r,n){"use strict";n.r(r);var a=n(7),s=Object(a.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("p",[e._v("单点登录有效减少繁琐的登录操作，优化了用户体验")]),e._v(" "),r("h2",{attrs:{id:"单点登录"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#单点登录"}},[e._v("#")]),e._v(" 单点登录")]),e._v(" "),r("p",[e._v("单点登录主要功能在后端，这里只讲述使用 "),r("code",[e._v("pure-admin")]),e._v(" 前端代码如何实现"),r("br"),e._v("\n下面以完整版为例，精简版想要开启单点登录只需将 "),r("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin/blob/main/src/router/index.ts#L1",target:"_blank",rel:"noopener noreferrer"}},[e._v('import "@/utils/sso"'),r("OutboundLink")],1),e._v(" 注释解开即可")]),e._v(" "),r("h3",{attrs:{id:"前端实现步骤划分"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#前端实现步骤划分"}},[e._v("#")]),e._v(" 前端实现步骤划分")]),e._v(" "),r("ul",[r("li",[e._v("先判断是否为单点登录，不为则直接返回不再进行任何逻辑处理，下面是单点登录的处理步骤")])]),e._v(" "),r("ol",[r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L37",target:"_blank",rel:"noopener noreferrer"}},[e._v("清空本地旧信息"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L40",target:"_blank",rel:"noopener noreferrer"}},[e._v(" 获取 "),r("code",[e._v("url")]),e._v(" 中的重要参数信息，然后通过 "),r("code",[e._v("setToken")]),e._v(" 保存在本地"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L43-L44",target:"_blank",rel:"noopener noreferrer"}},[e._v("删除不需要显示在 "),r("code",[e._v("url")]),e._v(" 的参数，这样做更安全"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts#L55",target:"_blank",rel:"noopener noreferrer"}},[e._v("使用 "),r("code",[e._v("window.location.replace")]),e._v(" 跳转正确页面，"),r("code",[e._v("window.location.replace")]),e._v(" 可以替换浏览器历史记录项"),r("OutboundLink")],1)])]),e._v(" "),r("h3",{attrs:{id:"完整代码"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#完整代码"}},[e._v("#")]),e._v(" 完整代码")]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/utils/sso.ts",target:"_blank",rel:"noopener noreferrer"}},[e._v("点击查看完整代码"),r("OutboundLink")],1)]),e._v(" "),r("h3",{attrs:{id:"url-格式"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#url-格式"}},[e._v("#")]),e._v(" url 格式")]),e._v(" "),r("div",{staticClass:"language- line-numbers-mode"},[r("pre",{pre:!0,attrs:{class:"language-text"}},[r("code",[e._v("以平台的预览地址为例\n\n完整地址 https://pure-admin.github.io/vue-pure-admin/#/welcome?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin\n\nhttps://pure-admin.github.io/vue-pure-admin  域名\n\n/#/welcome  要跳转的页面（这里是hash路由模式，根据实际情况修改即可）\n\n?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin  需要携带的三个（username、roles、accessToken）必传参数\n")])]),e._v(" "),r("div",{staticClass:"line-numbers-wrapper"},[r("span",{staticClass:"line-number"},[e._v("1")]),r("br"),r("span",{staticClass:"line-number"},[e._v("2")]),r("br"),r("span",{staticClass:"line-number"},[e._v("3")]),r("br"),r("span",{staticClass:"line-number"},[e._v("4")]),r("br"),r("span",{staticClass:"line-number"},[e._v("5")]),r("br"),r("span",{staticClass:"line-number"},[e._v("6")]),r("br"),r("span",{staticClass:"line-number"},[e._v("7")]),r("br"),r("span",{staticClass:"line-number"},[e._v("8")]),r("br"),r("span",{staticClass:"line-number"},[e._v("9")]),r("br")])]),r("h3",{attrs:{id:"测试地址"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#测试地址"}},[e._v("#")]),e._v(" 测试地址")]),e._v(" "),r("ul",[r("li",[e._v("线上测试地址")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/welcome?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo1"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/table/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo2"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin/#/permission/button/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo3"),r("OutboundLink")],1)]),e._v(" "),r("ul",[r("li",[e._v("本地运行测试地址（需要先在本地运行平台哦，完整版、精简版下面地址都支持）")])]),e._v(" "),r("p",[r("a",{attrs:{href:"http://localhost:8848/#/welcome?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo1"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"http://localhost:8848/#/permission/page/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo2"),r("OutboundLink")],1),e._v(" "),r("a",{attrs:{href:"http://localhost:8848/#/permission/button/index?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("demo3"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=s.exports}}]);
\ No newline at end of file
diff --git a/assets/js/33.34c4d804.js b/assets/js/33.870828fe.js
similarity index 96%
rename from assets/js/33.34c4d804.js
rename to assets/js/33.870828fe.js
index 980b30ad3..ec5e849b5 100644
--- a/assets/js/33.34c4d804.js
+++ b/assets/js/33.870828fe.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{562:function(e,r,t){"use strict";t.r(r);var o=t(7),n=Object(o.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("p",[e._v("由 "),r("code",[e._v("pure-admin")]),e._v(" 平台开发的 "),r("code",[e._v("vite")]),e._v(" 插件，持续维护，请放心使用")]),e._v(" "),r("h2",{attrs:{id:"vite-plugin-remove-console"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#vite-plugin-remove-console"}},[e._v("#")]),e._v(" vite-plugin-remove-console")]),e._v(" "),r("ul",[r("li",[e._v("生产环境删除所有指定 "),r("code",[e._v("console")]),e._v(" 类型的 "),r("code",[e._v("vite")]),e._v(" 插件。当然也可以完全自定义需要删除的语句，如删除 "),r("code",[e._v("debugger")]),e._v(" 或一段指定的代码")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/xiaoxian521/vite-plugin-remove-console",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"vite-plugin-router-warn"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#vite-plugin-router-warn"}},[e._v("#")]),e._v(" vite-plugin-router-warn")]),e._v(" "),r("ul",[r("li",[e._v("根治非必要的开发环境下 "),r("code",[e._v("vue-router")]),e._v(" 动态路由刷新警告 "),r("code",[e._v("No match found for location with path")]),r("br"),e._v("\n相关问题 "),r("a",{attrs:{href:"https://github.com/vuejs/router/issues/521",target:"_blank",rel:"noopener noreferrer"}},[e._v("router/issues/521"),r("OutboundLink")],1),e._v("、"),r("a",{attrs:{href:"https://github.com/vuejs/router/issues/359",target:"_blank",rel:"noopener noreferrer"}},[e._v("router/issues/359"),r("OutboundLink")],1)])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://www.npmjs.com/package/vite-plugin-router-warn",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=n.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{560:function(e,r,t){"use strict";t.r(r);var o=t(7),n=Object(o.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("p",[e._v("由 "),r("code",[e._v("pure-admin")]),e._v(" 平台开发的 "),r("code",[e._v("vite")]),e._v(" 插件，持续维护，请放心使用")]),e._v(" "),r("h2",{attrs:{id:"vite-plugin-remove-console"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#vite-plugin-remove-console"}},[e._v("#")]),e._v(" vite-plugin-remove-console")]),e._v(" "),r("ul",[r("li",[e._v("生产环境删除所有指定 "),r("code",[e._v("console")]),e._v(" 类型的 "),r("code",[e._v("vite")]),e._v(" 插件。当然也可以完全自定义需要删除的语句，如删除 "),r("code",[e._v("debugger")]),e._v(" 或一段指定的代码")])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://github.com/xiaoxian521/vite-plugin-remove-console",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)]),e._v(" "),r("h2",{attrs:{id:"vite-plugin-router-warn"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#vite-plugin-router-warn"}},[e._v("#")]),e._v(" vite-plugin-router-warn")]),e._v(" "),r("ul",[r("li",[e._v("根治非必要的开发环境下 "),r("code",[e._v("vue-router")]),e._v(" 动态路由刷新警告 "),r("code",[e._v("No match found for location with path")]),r("br"),e._v("\n相关问题 "),r("a",{attrs:{href:"https://github.com/vuejs/router/issues/521",target:"_blank",rel:"noopener noreferrer"}},[e._v("router/issues/521"),r("OutboundLink")],1),e._v("、"),r("a",{attrs:{href:"https://github.com/vuejs/router/issues/359",target:"_blank",rel:"noopener noreferrer"}},[e._v("router/issues/359"),r("OutboundLink")],1)])]),e._v(" "),r("p",[r("a",{attrs:{href:"https://www.npmjs.com/package/vite-plugin-router-warn",target:"_blank",rel:"noopener noreferrer"}},[e._v("查看源码"),r("OutboundLink")],1)])])}),[],!1,null,null,null);r.default=n.exports}}]);
\ No newline at end of file
diff --git a/assets/js/34.4280217a.js b/assets/js/34.61fa3292.js
similarity index 98%
rename from assets/js/34.4280217a.js
rename to assets/js/34.61fa3292.js
index 0ea1cbf52..0bbed1f3a 100644
--- a/assets/js/34.4280217a.js
+++ b/assets/js/34.61fa3292.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{564:function(v,e,_){"use strict";_.r(e);var o=_(7),s=Object(o.a)({},(function(){var v=this,e=v._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":v.$parent.slotKey}},[e("p",[v._v("从 "),e("code",[v._v("2020年11月16")]),v._v(" 开发平台到现在，已然忘记踩了多少坑，找了多少 "),e("code",[v._v("issues、pull requests")]),v._v(" 以及重构了多少次，但是我并没有做记录，感觉很可惜，当然由于平台使用的技术比较新，也一直在跟随潮流，这也难免会出现一些很令人难以寻味的非平台 "),e("code",[v._v("bug")]),v._v("，从 "),e("code",[v._v("2022年11月11日")]),v._v(" 起决定开始记录对平台影响较大的问题，供使用者参考（无任何抨击！感恩开源！）")]),v._v(" "),e("h2",{attrs:{id:"_2022年11月11日-vue、vue-js-devtools"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2022年11月11日-vue、vue-js-devtools"}},[v._v("#")]),v._v(" "),e("code",[v._v("2022年11月11日")]),v._v("（"),e("code",[v._v("vue")]),v._v("、"),e("code",[v._v("Vue.js devtools")]),v._v("）")]),v._v(" "),e("h3",{attrs:{id:"发现-vue-的-bug"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#发现-vue-的-bug"}},[v._v("#")]),v._v(" 发现 "),e("code",[v._v("vue")]),v._v(" 的 "),e("code",[v._v("bug")])]),v._v(" "),e("ul",[e("li",[e("code",[v._v("vue v3.2.41")]),v._v(" 及以上版本和 "),e("code",[v._v("Vue.js devtools v6.4.5")]),v._v(" 两者一起使用，页面卡顿明显，尤其当页面元素多以及同一时刻操作较多元素是最为明显。解决办法：卸载 "),e("code",[v._v("Vue.js devtools")]),v._v("，毕竟我也不用 😄，断点调试足以（卸载 "),e("code",[v._v("Vue.js devtools")]),v._v(" 后，页面比 "),e("code",[v._v("vue v3.2.41")]),v._v(" 之前操作还流畅）")])]),v._v(" "),e("h3",{attrs:{id:"排查方法"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#排查方法"}},[v._v("#")]),v._v(" 排查方法")]),v._v(" "),e("ul",[e("li",[v._v("将 "),e("code",[v._v("vue")]),v._v(" 升级到 "),e("code",[v._v("v3.2.41")]),v._v(" 版本后，开发环境页面卡顿明显，当我打包后，线上预览很丝滑。然后我把平台的项目很多依赖都升级了个遍还不行，删除 "),e("code",[v._v("pnpm-lock.yaml")]),v._v(" 和 "),e("code",[v._v("node_modules")]),v._v(" 重新安装也不行，于是我怀疑是 "),e("code",[v._v("pnpm")]),v._v(" 的问题，又把 "),e("code",[v._v("pnpm")]),v._v(" 从 "),e("code",[v._v("6")]),v._v(" 升到 "),e("code",[v._v("7")]),v._v(" 但还是不行，接着我把项目放到火狐浏览器运行，很流畅 😭，因为我平时不咋用火狐，没有安装任何插件，这样我就排查到问题出在谷歌浏览器的 "),e("code",[v._v("Vue.js devtools")]),v._v(" 插件了，当然之前我在 "),e("code",[v._v("vue")]),v._v(" 的 "),e("code",[v._v("issues")]),v._v(" 中看到不少 "),e("code",[v._v("Vue.js devtools")]),v._v(" 会导致页面崩溃和内存泄露的问题")])]),v._v(" "),e("h2",{attrs:{id:"_2022年11月11日-vite"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2022年11月11日-vite"}},[v._v("#")]),v._v(" "),e("code",[v._v("2022年11月11日")]),v._v("（"),e("code",[v._v("vite")]),v._v("）")]),v._v(" "),e("p",[e("code",[v._v("2022年11月11日")]),v._v(" 我将平台的 "),e("code",[v._v("vite")]),v._v(" 版本固定到了 "),e("code",[v._v("3.1.8")]),v._v(" ，因为之后的版本问题还是有点多，尤其是这个 "),e("a",{attrs:{href:"https://github.com/vitejs/vite/issues/10658",target:"_blank",rel:"noopener noreferrer"}},[v._v("issues"),e("OutboundLink")],1),v._v("，说的是 "),e("code",[v._v("vite v3.1.8")]),v._v(" 以上版本首次启动在 "),e("code",[v._v("windows")]),v._v(" 的表现比 "),e("code",[v._v("mac")]),v._v(" 慢两倍。当然 "),e("code",[v._v("vite v4")]),v._v(" 快来了，应该会解决很多问题，到时我们在升级。这里大家要注意下，依赖包还是跟着平台的版本去使用，不要随便升级，平台每次升级依赖都会去做测试（开发、生产）")])])}),[],!1,null,null,null);e.default=s.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{563:function(v,e,_){"use strict";_.r(e);var o=_(7),s=Object(o.a)({},(function(){var v=this,e=v._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":v.$parent.slotKey}},[e("p",[v._v("从 "),e("code",[v._v("2020年11月16")]),v._v(" 开发平台到现在，已然忘记踩了多少坑，找了多少 "),e("code",[v._v("issues、pull requests")]),v._v(" 以及重构了多少次，但是我并没有做记录，感觉很可惜，当然由于平台使用的技术比较新，也一直在跟随潮流，这也难免会出现一些很令人难以寻味的非平台 "),e("code",[v._v("bug")]),v._v("，从 "),e("code",[v._v("2022年11月11日")]),v._v(" 起决定开始记录对平台影响较大的问题，供使用者参考（无任何抨击！感恩开源！）")]),v._v(" "),e("h2",{attrs:{id:"_2022年11月11日-vue、vue-js-devtools"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2022年11月11日-vue、vue-js-devtools"}},[v._v("#")]),v._v(" "),e("code",[v._v("2022年11月11日")]),v._v("（"),e("code",[v._v("vue")]),v._v("、"),e("code",[v._v("Vue.js devtools")]),v._v("）")]),v._v(" "),e("h3",{attrs:{id:"发现-vue-的-bug"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#发现-vue-的-bug"}},[v._v("#")]),v._v(" 发现 "),e("code",[v._v("vue")]),v._v(" 的 "),e("code",[v._v("bug")])]),v._v(" "),e("ul",[e("li",[e("code",[v._v("vue v3.2.41")]),v._v(" 及以上版本和 "),e("code",[v._v("Vue.js devtools v6.4.5")]),v._v(" 两者一起使用，页面卡顿明显，尤其当页面元素多以及同一时刻操作较多元素是最为明显。解决办法：卸载 "),e("code",[v._v("Vue.js devtools")]),v._v("，毕竟我也不用 😄，断点调试足以（卸载 "),e("code",[v._v("Vue.js devtools")]),v._v(" 后，页面比 "),e("code",[v._v("vue v3.2.41")]),v._v(" 之前操作还流畅）")])]),v._v(" "),e("h3",{attrs:{id:"排查方法"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#排查方法"}},[v._v("#")]),v._v(" 排查方法")]),v._v(" "),e("ul",[e("li",[v._v("将 "),e("code",[v._v("vue")]),v._v(" 升级到 "),e("code",[v._v("v3.2.41")]),v._v(" 版本后，开发环境页面卡顿明显，当我打包后，线上预览很丝滑。然后我把平台的项目很多依赖都升级了个遍还不行，删除 "),e("code",[v._v("pnpm-lock.yaml")]),v._v(" 和 "),e("code",[v._v("node_modules")]),v._v(" 重新安装也不行，于是我怀疑是 "),e("code",[v._v("pnpm")]),v._v(" 的问题，又把 "),e("code",[v._v("pnpm")]),v._v(" 从 "),e("code",[v._v("6")]),v._v(" 升到 "),e("code",[v._v("7")]),v._v(" 但还是不行，接着我把项目放到火狐浏览器运行，很流畅 😭，因为我平时不咋用火狐，没有安装任何插件，这样我就排查到问题出在谷歌浏览器的 "),e("code",[v._v("Vue.js devtools")]),v._v(" 插件了，当然之前我在 "),e("code",[v._v("vue")]),v._v(" 的 "),e("code",[v._v("issues")]),v._v(" 中看到不少 "),e("code",[v._v("Vue.js devtools")]),v._v(" 会导致页面崩溃和内存泄露的问题")])]),v._v(" "),e("h2",{attrs:{id:"_2022年11月11日-vite"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2022年11月11日-vite"}},[v._v("#")]),v._v(" "),e("code",[v._v("2022年11月11日")]),v._v("（"),e("code",[v._v("vite")]),v._v("）")]),v._v(" "),e("p",[e("code",[v._v("2022年11月11日")]),v._v(" 我将平台的 "),e("code",[v._v("vite")]),v._v(" 版本固定到了 "),e("code",[v._v("3.1.8")]),v._v(" ，因为之后的版本问题还是有点多，尤其是这个 "),e("a",{attrs:{href:"https://github.com/vitejs/vite/issues/10658",target:"_blank",rel:"noopener noreferrer"}},[v._v("issues"),e("OutboundLink")],1),v._v("，说的是 "),e("code",[v._v("vite v3.1.8")]),v._v(" 以上版本首次启动在 "),e("code",[v._v("windows")]),v._v(" 的表现比 "),e("code",[v._v("mac")]),v._v(" 慢两倍。当然 "),e("code",[v._v("vite v4")]),v._v(" 快来了，应该会解决很多问题，到时我们在升级。这里大家要注意下，依赖包还是跟着平台的版本去使用，不要随便升级，平台每次升级依赖都会去做测试（开发、生产）")])])}),[],!1,null,null,null);e.default=s.exports}}]);
\ No newline at end of file
diff --git a/assets/js/36.21ce4462.js b/assets/js/36.fe2d5b28.js
similarity index 99%
rename from assets/js/36.21ce4462.js
rename to assets/js/36.fe2d5b28.js
index b597b1e60..39876a2ee 100644
--- a/assets/js/36.21ce4462.js
+++ b/assets/js/36.fe2d5b28.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{566:function(t,e,r){"use strict";r.r(e);var n=r(7),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("p",[t._v("收集一些 "),e("code",[t._v("有用")]),t._v("、"),e("code",[t._v("常用")]),t._v("、"),e("code",[t._v("好用")]),t._v(" 的网站")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.vuejs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue3 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.vitejs.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vite 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://element-plus.org/zh-CN/",target:"_blank",rel:"noopener noreferrer"}},[t._v("element-plus 官方中文文档"),e("OutboundLink")],1)])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://pinia.vuejs.org/zh/index.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("pinia 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://router.vuejs.org/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-router 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://tailwindcss.com/docs/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("Tailwind CSS 官方文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.vitest.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vitest 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://es6.ruanyifeng.com/#docs/proxy",target:"_blank",rel:"noopener noreferrer"}},[t._v("es6 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://axios-http.com/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("axios 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vxetable.cn/#/table/start/install",target:"_blank",rel:"noopener noreferrer"}},[t._v("vxetable 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.lodashjs.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("lodash 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://echarts.apache.org/zh/index.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("echarts 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://animate.style/",target:"_blank",rel:"noopener noreferrer"}},[t._v("animate.css 官方文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.meigong8.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("设计师必备网站"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript 中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://github.com/airbnb/javascript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript 风格指南一"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://github.com/airbnb/javascript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript 风格指南二"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.rollupjs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("rollup 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vueuse.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vueuse 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://day.js.org/zh-CN/",target:"_blank",rel:"noopener noreferrer"}},[t._v("dayjs 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.tslang.cn/docs/home.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("typescript 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://swiperjs.com/demos#default",target:"_blank",rel:"noopener noreferrer"}},[t._v("swiper 官方文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vue-i18n.intlify.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-i18n 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://caniuse.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("caniuse 浏览器兼容性查询"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://pnpm.io/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("pnpm 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://tauri.app/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("tauri 中文官方文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.electronjs.org/zh/docs/latest",target:"_blank",rel:"noopener noreferrer"}},[t._v("electron 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://nuxt.com.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("nuxt3 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://motion.vueuse.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue3 动画库 @vueuse/motion"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://pure-admin-utils.netlify.app/",target:"_blank",rel:"noopener noreferrer"}},[t._v("常用工具函数库 @pureadmin/utils"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://rustwiki.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Rust 官方文档中文教程"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://stackblitz.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("StackBlitz 在线开发工具"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://react.docschina.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("React 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://nodejs.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("nodejs 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://zh-hans.eslint.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESLint 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://prettier.io/docs/en/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Prettier 文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://stylelint.nodejs.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Stylelint 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://babel.docschina.org/docs/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Babel 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://esbuild.bootcss.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("esbuild 中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://atomiks.github.io/tippyjs/",target:"_blank",rel:"noopener noreferrer"}},[t._v("tippy.js 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vue-tippy.netlify.app/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-tippy 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}})])])])])}),[],!1,null,null,null);e.default=a.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{567:function(t,e,r){"use strict";r.r(e);var n=r(7),a=Object(n.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("p",[t._v("收集一些 "),e("code",[t._v("有用")]),t._v("、"),e("code",[t._v("常用")]),t._v("、"),e("code",[t._v("好用")]),t._v(" 的网站")]),t._v(" "),e("table",[e("thead",[e("tr",[e("th",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.vuejs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue3 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.vitejs.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vite 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("th",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://element-plus.org/zh-CN/",target:"_blank",rel:"noopener noreferrer"}},[t._v("element-plus 官方中文文档"),e("OutboundLink")],1)])])]),t._v(" "),e("tbody",[e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://pinia.vuejs.org/zh/index.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("pinia 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://router.vuejs.org/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-router 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://tailwindcss.com/docs/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("Tailwind CSS 官方文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.vitest.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vitest 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://es6.ruanyifeng.com/#docs/proxy",target:"_blank",rel:"noopener noreferrer"}},[t._v("es6 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://axios-http.com/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("axios 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vxetable.cn/#/table/start/install",target:"_blank",rel:"noopener noreferrer"}},[t._v("vxetable 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.lodashjs.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("lodash 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://echarts.apache.org/zh/index.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("echarts 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://animate.style/",target:"_blank",rel:"noopener noreferrer"}},[t._v("animate.css 官方文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.meigong8.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("设计师必备网站"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript 中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://github.com/airbnb/javascript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript 风格指南一"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://github.com/airbnb/javascript",target:"_blank",rel:"noopener noreferrer"}},[t._v("JavaScript 风格指南二"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://cn.rollupjs.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("rollup 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vueuse.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vueuse 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://day.js.org/zh-CN/",target:"_blank",rel:"noopener noreferrer"}},[t._v("dayjs 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.tslang.cn/docs/home.html",target:"_blank",rel:"noopener noreferrer"}},[t._v("typescript 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://swiperjs.com/demos#default",target:"_blank",rel:"noopener noreferrer"}},[t._v("swiper 官方文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vue-i18n.intlify.dev/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-i18n 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://caniuse.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("caniuse 浏览器兼容性查询"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://pnpm.io/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("pnpm 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://tauri.app/zh/",target:"_blank",rel:"noopener noreferrer"}},[t._v("tauri 中文官方文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://www.electronjs.org/zh/docs/latest",target:"_blank",rel:"noopener noreferrer"}},[t._v("electron 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://nuxt.com.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("nuxt3 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://motion.vueuse.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue3 动画库 @vueuse/motion"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://pure-admin-utils.netlify.app/",target:"_blank",rel:"noopener noreferrer"}},[t._v("常用工具函数库 @pureadmin/utils"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://rustwiki.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Rust 官方文档中文教程"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://stackblitz.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("StackBlitz 在线开发工具"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://react.docschina.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("React 官方中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://nodejs.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("nodejs 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://zh-hans.eslint.org/",target:"_blank",rel:"noopener noreferrer"}},[t._v("ESLint 官方中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://prettier.io/docs/en/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Prettier 文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://stylelint.nodejs.cn/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Stylelint 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://babel.docschina.org/docs/",target:"_blank",rel:"noopener noreferrer"}},[t._v("Babel 中文文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://esbuild.bootcss.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("esbuild 中文文档"),e("OutboundLink")],1)])]),t._v(" "),e("tr",[e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://atomiks.github.io/tippyjs/",target:"_blank",rel:"noopener noreferrer"}},[t._v("tippy.js 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}},[e("a",{attrs:{href:"https://vue-tippy.netlify.app/installation",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-tippy 文档"),e("OutboundLink")],1)]),t._v(" "),e("td",{staticStyle:{"text-align":"left"}})])])])])}),[],!1,null,null,null);e.default=a.exports}}]);
\ No newline at end of file
diff --git a/assets/js/4.67b4810f.js b/assets/js/4.f06e4354.js
similarity index 98%
rename from assets/js/4.67b4810f.js
rename to assets/js/4.f06e4354.js
index 332c59355..8868a1bf8 100644
--- a/assets/js/4.67b4810f.js
+++ b/assets/js/4.f06e4354.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{390:function(s,t,a){s.exports=a.p+"assets/img/static1.5fdcb503.jpg"},391:function(s,t,a){s.exports=a.p+"assets/img/static2.2e84e5ee.jpg"},392:function(s,t,a){s.exports=a.p+"assets/img/static3.d315a5c0.jpg"},393:function(s,t,a){s.exports=a.p+"assets/img/static4.a11fa654.jpg"},394:function(s,t,a){s.exports=a.p+"assets/img/static5.69afcd11.jpg"},395:function(s,t,a){s.exports=a.p+"assets/img/static6.965ec730.jpg"},396:function(s,t,a){s.exports=a.p+"assets/img/static7.d311a251.jpg"},397:function(s,t,a){s.exports=a.p+"assets/img/static12.a89e4e07.jpg"},398:function(s,t,a){s.exports=a.p+"assets/img/static10.35a65227.jpg"},399:function(s,t,a){s.exports=a.p+"assets/img/static11.c704fd91.jpg"},400:function(s,t,a){s.exports=a.p+"assets/img/static8.dedbd4d9.jpg"},401:function(s,t,a){s.exports=a.p+"assets/img/static9.774f6ef2.jpg"},402:function(s,t,a){s.exports=a.p+"assets/img/static13.6a3f794b.jpg"},403:function(s,t,a){s.exports=a.p+"assets/img/static15.00cb3bc3.jpg"},404:function(s,t,a){s.exports=a.p+"assets/img/static16.9790b210.jpg"},405:function(s,t,a){s.exports=a.p+"assets/img/async1.093be95b.jpg"},406:function(s,t,a){s.exports=a.p+"assets/img/async2.4d6b484c.jpg"},407:function(s,t,a){s.exports=a.p+"assets/img/async3.d781f409.jpg"},408:function(s,t,a){s.exports=a.p+"assets/img/async4.ec6b64df.jpg"},409:function(s,t,a){s.exports=a.p+"assets/img/async5.d513e09d.jpg"},410:function(s,t,a){s.exports=a.p+"assets/img/async6.38bf9182.jpg"},411:function(s,t,a){s.exports=a.p+"assets/img/async7.c264ccf7.jpg"},412:function(s,t,a){s.exports=a.p+"assets/img/async8.f7cf7c88.jpg"},413:function(s,t,a){s.exports=a.p+"assets/img/async9.2a37f2b5.jpg"},414:function(s,t,a){s.exports=a.p+"assets/img/static14.5bf0a1ac.jpg"},415:function(s,t,a){s.exports=a.p+"assets/img/async10.3206c4f4.jpg"},416:function(s,t,a){s.exports=a.p+"assets/img/same1.4a5124d6.jpg"},417:function(s,t,a){s.exports=a.p+"assets/img/same2.cb431c7e.jpg"},418:function(s,t,a){s.exports=a.p+"assets/img/same4.1e07cf00.jpg"},419:function(s,t,a){s.exports=a.p+"assets/img/more.6505346a.jpg"},546:function(s,t,a){"use strict";a.r(t);var n=a(7),e=Object(n.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("p",[s._v("路由和菜单是极为重要的，配置正确很关键，平台尽最大可能详细描述")]),s._v(" "),t("h2",{attrs:{id:"路由和菜单配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#路由和菜单配置"}},[s._v("#")]),s._v(" 路由和菜单配置")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看完整路由和菜单配置")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("interface")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("RouteConfigsTable")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由路径")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由名称（必须保持唯一）")]),s._v("\n  name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由重定向（默认跳转地址）")]),s._v("\n  redirect"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由元信息，通俗来说就是路由上的额外信息 https://router.vuejs.org/zh/guide/advanced/meta.html#%E8%B7%AF%E7%94%B1%E5%85%83%E4%BF%A1%E6%81%AF")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单名称（兼容国际化、非国际化，如果用国际化的写法就必须在根目录的locales文件夹下对应添加）")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单图标")]),s._v("\n    icon"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" FunctionalComponent "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" IconifyIcon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否在菜单中显示")]),s._v("\n    showLink"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单排序，值越高排的越后（只针对顶级路由）")]),s._v("\n    rank"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("number")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 子路由配置项")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由路径")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由名称（必须唯一并且和当前路由component字段对应的页面里用defineOptions包起来的name保持一致）")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由重定向")]),s._v("\n      redirect"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 按需加载需要展示的页面")]),s._v("\n      component"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" RouteComponent"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由元信息")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单名称（兼容国际化、非国际化，如果用国际化的写法就必须在根目录的locales文件夹下对应添加）")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单图标")]),s._v("\n        icon"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" FunctionalComponent "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" IconifyIcon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单名称右侧的额外图标")]),s._v("\n        extraIcon"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" FunctionalComponent "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" IconifyIcon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否显示该菜单")]),s._v("\n        showLink"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否显示父级菜单")]),s._v("\n        showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面级别权限设置")]),s._v("\n        roles"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("Array")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 按钮级别权限设置")]),s._v("\n        auths"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("Array")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否缓存该路由页面（开启后，会保存该页面的整体状态，刷新后会清空状态）")]),s._v("\n        keepAlive"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 需要内嵌的iframe链接地址")]),s._v("\n        frameSrc"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 内嵌的iframe页面是否开启首次加载动画")]),s._v("\n        frameLoading"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面加载动画（两种模式，第二种权重更高，第一种直接采用vue内置的transitions动画，第二种是使用animate.css编写进、离场动画，平台更推荐使用第二种模式，已经内置了animate.css，直接写对应的动画名即可）")]),s._v("\n        transition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('// 当前页面动画，这里是第一种模式，比如 name: "fade" 更具体看后面链接 https://cn.vuejs.org/api/built-in-components.html#transition')]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('// 当前页面进场动画，这里是第二种模式，比如 enterTransition: "animate__fadeInLeft"')]),s._v("\n          enterTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('// 当前页面离场动画，这里是第二种模式，比如 leaveTransition: "animate__fadeOutRight"')]),s._v("\n          leaveTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 当前菜单名称或自定义信息禁止添加到标签页")]),s._v("\n        hiddenTag"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 显示在标签页的最大数量，需满足后面的条件：不显示在菜单中的路由并且是通过query或params传参模式打开的页面。在完整版全局搜dynamicLevel即可查看代码演示")]),s._v("\n        dynamicLevel"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("number")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 将某个菜单激活（主要用于通过query或params传参的路由，当它们通过配置showLink: false后不在菜单中显示，就不会有任何菜单高亮，而通过设置activePath指定激活菜单即可获得高亮，activePath为指定激活菜单的path）")]),s._v("\n        activePath"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"静态路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#静态路由"}},[s._v("#")]),s._v(" 静态路由")]),s._v(" "),t("p",[s._v("在前端代码里写上固定的路由即静态路由。平台支持任意层级菜单格式，下面列举最常用的菜单层级模式，更深层级按照下面格式即可")]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("阅读前须知")]),s._v(" "),t("p",[s._v("一般来说一级菜单代表无任何子菜单的菜单，二级菜单代表一级菜单下面有子菜单，三级菜单代表二级菜单下面有子菜单 以此类推")])]),s._v(" "),t("h3",{attrs:{id:"如何生成一级菜单"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成一级菜单"}},[s._v("#")]),s._v(" 如何生成一级菜单")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("比如我们要生成一个名为 "),t("code",[s._v("加油")]),s._v(" 的菜单")]),s._v(" "),t("ol",[t("li",[s._v("新建 "),t("code",[s._v("src/router/modules/fighting.ts")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("fighting.ts")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("新建 "),t("code",[s._v("src/views/fighting/index.vue")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("index.vue")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineOptions")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name 作为一种规范最好必须写上并且和路由的name保持一致")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("加油"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br")])]),t("p",[s._v("上面所写代码如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(390),alt:"static1"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成二级菜单-两种模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成二级菜单-两种模式"}},[s._v("#")]),s._v(" 如何生成二级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n        showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(391),alt:"static2"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/effort.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"努力"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(392),alt:"static3"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成三级菜单-两种模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成三级菜单-两种模式"}},[s._v("#")]),s._v(" 如何生成三级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-2"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n            showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(393),alt:"static4"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-2"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-2/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-2"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(394),alt:"static5"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成四级菜单-两种模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成四级菜单-两种模式"}},[s._v("#")]),s._v(" 如何生成四级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-3"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/menu1-1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n                showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(395),alt:"static6"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-3"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/menu1-1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/menu1-1-2/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-2"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(396),alt:"static7"}})])]),s._v(" "),t("h3",{attrs:{id:"注意点"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#注意点"}},[s._v("#")]),s._v(" 注意点")]),s._v(" "),t("h4",{attrs:{id:"国际化"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#国际化"}},[s._v("#")]),s._v(" 国际化")]),s._v(" "),t("p",[s._v("只需要在路由 "),t("code",[s._v("meta")]),s._v(" 的 "),t("code",[s._v("title")]),s._v(" 字段中使用国际化写法即可，比如 "),t("code",[s._v('title: "menus.hsabnormal"')]),t("br"),s._v("\n这个 "),t("code",[s._v("menus.hsabnormal")]),s._v(" 必须在 "),t("code",[s._v("locales")]),s._v(" 文件夹下进行配置哦，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(397),alt:"static12"}})]),s._v(" "),t("h4",{attrs:{id:"重定向"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重定向"}},[s._v("#")]),s._v(" 重定向")]),s._v(" "),t("p",[s._v("可以看到上面生成菜单的路由配置项我并没有加上 "),t("code",[s._v("redirect")]),s._v(" 属性，当使用 "),t("code",[s._v("fighting")]),s._v(" 路径跳转时，就会跑到 "),t("code",[s._v("404")]),s._v(" 页面")]),s._v(" "),t("p",[s._v("所以我们最好在写静态路由配置时将父级加上 "),t("code",[s._v("redirect")]),s._v(" 属性，"),t("code",[s._v("redirect")]),s._v(" 可以填写您想要重定向的 "),t("code",[s._v("path")]),s._v(" 即可，具体可以参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/modules/nested.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("src/router/modules/nested.ts"),t("OutboundLink")],1)]),s._v(" "),t("h4",{attrs:{id:"类型提示"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#类型提示"}},[s._v("#")]),s._v(" 类型提示")]),s._v(" "),t("p",[s._v("分两种")]),s._v(" "),t("ol",[t("li",[t("code",[s._v("export default")]),s._v(" 后跟 "),t("code",[s._v("{}")]),s._v("，这也是最常用的一种，在路由的配置项最后加上 "),t("code",[s._v("as RouteConfigsTable")]),s._v(" 即可获得类型提示，如下图")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(398),alt:"static10"}})]),s._v(" "),t("ol",{attrs:{start:"2"}},[t("li",[t("code",[s._v("export default")]),s._v(" 后跟 "),t("code",[s._v("[]")]),s._v("，在路由的配置项最后加上 "),t("code",[s._v("as Array<RouteConfigsTable>")]),s._v(" 即可获得类型提示，如下图")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(399),alt:"static11"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("您肯定想问 RouteConfigsTable 是哪里来的呢？")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/router.d.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[s._v("我在这呢，快快点我查看 😊"),t("OutboundLink")],1)])]),s._v(" "),t("h4",{attrs:{id:"添加无-layout-的页面"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#添加无-layout-的页面"}},[s._v("#")]),s._v(" 添加无 "),t("code",[s._v("layout")]),s._v(" 的页面")]),s._v(" "),t("p",[s._v("使用场景：需要外嵌平台某个页面，不需要展示菜单导航以及额外模块，只需要展示业务内容模块"),t("br"),s._v("\n无 "),t("code",[s._v("layout")]),s._v(" 页面也就相当于一个全屏空白页面，没有菜单导航以及额外模块")]),s._v(" "),t("p",[s._v("如何添加？")]),s._v(" "),t("ol",[t("li",[t("p",[s._v("在 "),t("code",[s._v("src/router/modules/remaining.ts")]),s._v(" 文件添加对应路由 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/modules/remaining.ts#L32-L41",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体参考"),t("OutboundLink")],1)])]),s._v(" "),t("li",[t("p",[s._v("添加对应业务代码页面 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/empty",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体参考"),t("OutboundLink")],1)])])]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("温馨提示")]),s._v(" "),t("p",[s._v("必须在 "),t("code",[s._v("src/router/modules/remaining.ts")]),s._v(" 文件添加哦")])]),s._v(" "),t("h4",{attrs:{id:"禁止修改或删除的路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#禁止修改或删除的路由"}},[s._v("#")]),s._v(" 禁止修改或删除的路由")]),s._v(" "),t("p",[t("code",[s._v("src/router/modules")]),s._v(" 文件夹里的 "),t("code",[s._v("home.ts")]),s._v("、"),t("code",[s._v("remaining.ts")]),s._v("、"),t("code",[s._v("error.ts")]),s._v(" 这三个文件不可修改或删除，因为平台的某些核心逻辑是根据这三个文件作处理")]),s._v(" "),t("p",[t("img",{attrs:{src:a(400),alt:"static8"}})]),s._v(" "),t("p",[s._v("如果不想在页面显示，在顶级路由的 "),t("code",[s._v("meta")]),s._v(" 属性加上 "),t("code",[s._v("showLink: false")]),s._v(" 即可，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(401),alt:"static9"}})]),s._v(" "),t("h3",{attrs:{id:"如何只要静态路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何只要静态路由"}},[s._v("#")]),s._v(" 如何只要静态路由")]),s._v(" "),t("p",[s._v("平台在登录时默认会走 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[s._v("getAsyncRoutes"),t("OutboundLink")],1),s._v(" 接口请求后端返回的动态路由，默认用 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/asyncRoutes.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("mock"),t("OutboundLink")],1),s._v(" 模拟返回，如果只要静态路由，按照下面两个步骤修改即可")]),s._v(" "),t("ol",[t("li",[s._v("在 "),t("code",[s._v("src/views/login/index.vue")]),s._v(" 文件作如下改动")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" setToken "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/utils/auth"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" addPathMatch"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" getTopMenu "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/router/utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" usePermissionStoreHook "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/store/modules/permission"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("onLogin")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("async")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token parameter"}},[t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("formEl")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" FormInstance "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("undefined")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("formEl"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("await")]),s._v(" formEl"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("validate")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("valid")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("valid"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      loading"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("value "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("setToken")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("username")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"admin"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("roles")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"admin"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("accessToken")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"eyJhbGciOiJIUzUxMiJ9.admin"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" any"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 全部采取静态路由模式")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("usePermissionStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleWholeMenus")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addPathMatch")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      router"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getTopMenu")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"登录成功"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("type")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"success"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      loading"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("value "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br")])]),t("p",[t("img",{attrs:{src:a(402),alt:"static13"}})]),s._v(" "),t("ol",{attrs:{start:"2"}},[t("li",[s._v("在 "),t("code",[s._v("src/router/index.ts")]),s._v(" 文件作如下改动")])]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" addPathMatch "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"./utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 使用下面方法替换initRouter")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("usePermissionStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleWholeMenus")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addPathMatch")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useMultiTagsStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("getMultiTagsCache"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" path "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" to"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" route "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findRouteByPath")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" router"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("options"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("routes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getTopMenu")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// query、params模式路由传参数的标签页不在此处处理")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("route "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("title"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("isAllEmpty")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("parentId"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("backstage"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 此处为动态顶级路由（目录）")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" meta "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useMultiTagsStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleTags")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"push"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("else")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" meta "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useMultiTagsStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleTags")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"push"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 确保动态路由完全加入路由列表并且不影响静态路由（注意：动态路由刷新时router.beforeEach可能会触发两次，第一次触发动态路由还未完全添加，第二次动态路由才完全添加到路由列表，如果需要在router.beforeEach做一些判断可以在to.name存在的条件下去判断，这样就只会触发一次）")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("isAllEmpty")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("to"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" router"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("to"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("fullPath"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br")])]),t("p",[t("img",{attrs:{src:a(403),alt:"static15"}}),s._v(" "),t("img",{attrs:{src:a(404),alt:"static16"}})]),s._v(" "),t("h2",{attrs:{id:"动态路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#动态路由"}},[s._v("#")]),s._v(" 动态路由")]),s._v(" "),t("p",[s._v("后端返回的路由即动态路由。平台支持任意层级菜单格式，下面列举最常用的菜单层级模式，更深层级按照下面格式即可")]),s._v(" "),t("p",[s._v("平台用 "),t("code",[s._v("mock")]),s._v(" 模拟后端，下面举例也是用 "),t("code",[s._v("mock")]),s._v(" 举例哦，当然和后端返回的路由格式是一模一样的")]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("阅读前须知")]),s._v(" "),t("p",[s._v("后端传 "),t("code",[s._v("path")]),s._v(" 或传 "),t("code",[s._v("component")]),s._v("，平台对这两种模式都做了兼容 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体实现代码 1"),t("OutboundLink")],1),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L317-L321",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体实现代码 2"),t("OutboundLink")],1)]),s._v(" "),t("p",[t("code",[s._v("第一种")]),s._v("：下面所有生成菜单例子中的 "),t("code",[s._v("path")]),s._v(" 都有个规则：如果这个 "),t("code",[s._v("path")]),s._v(" 对应的是实际业务 "),t("code",[s._v(".vue")]),s._v(" 或 "),t("code",[s._v(".tsx")]),s._v(" 代码，就必须跟实际业务 "),t("code",[s._v(".vue")]),s._v(" 或 "),t("code",[s._v(".tsx")]),s._v(" 代码路径保持一致")]),s._v(" "),t("p",[t("code",[s._v("第二种")]),s._v("：菜单的 "),t("code",[s._v("component")]),s._v(" 对应实际业务 "),t("code",[s._v(".vue")]),s._v(" 或 "),t("code",[s._v(".tsx")]),s._v(" 代码路径，这时 "),t("code",[s._v("path")]),s._v(" 可以随便写啦，但是前面必须有个 "),t("code",[s._v("/")]),s._v(" ，比如 "),t("code",[s._v("path: '/anything'")]),s._v(" （这种情况我只在 "),t("a",{attrs:{href:"#%E5%A6%82%E4%BD%95%E7%94%9F%E6%88%90%E4%B8%80%E7%BA%A7%E8%8F%9C%E5%8D%95-2"}},[s._v("如何生成一级菜单")]),s._v(" 里举例，多级菜单写法类似）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看具体实现代码逻辑解析")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("div",{staticClass:"highlight-lines"},[t("br"),t("br"),t("br"),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br")]),t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 具体实现代码1高亮处解析：")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 将/src/views/文件里所有的.vue和.tsx文件塞进modulesRoutes变量")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 当然这里只匹配了`.vue`和`.tsx`，如果您想匹配别的在下面 {} 加上即可，记得用 , 分开")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" modulesRoutes "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("glob")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/src/views/**/*.{vue,tsx}"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 具体实现代码2高亮处解析：")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// addAsyncRoutes函数作用为过滤后端传来的动态路由，重新生成规范路由，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 先读取后端返回的所有路由，从中过滤出component和path字段，然后在modulesRoutesKeys中对应匹配，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 如果对应路由同时匹配到component和path，优先以component为主，这样您的path路径就可以随便写啦，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 如果匹配到path未匹配到component，path必须按上面提到的跟实际业务`.vue`或`.tsx`代码路径保持一致，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 如果匹配到component未匹配到path或者两个都未匹配到，我想问问您咱能好好玩不😭")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("function")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addAsyncRoutes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("arrRoutes"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("Array")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("RouteRecordRaw"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("arrRoutes "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("||")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("arrRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" modulesRoutesKeys "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" Object"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("keys")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("modulesRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  arrRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("forEach")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" RouteRecordRaw"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 将backstage属性加入meta，标识此路由为后端返回路由")]),s._v("\n    v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("backstage "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 父级的redirect属性取值：如果子级存在且父级的redirect属性不存在，默认取第一个子级的path；如果子级存在且父级的redirect属性存在，取存在的redirect属性，会覆盖默认值")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("children "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("redirect"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("redirect "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 父级的name属性取值：如果子级存在且父级的name属性不存在，默认取第一个子级的name；如果子级存在且父级的name属性存在，取存在的name属性，会覆盖默认值（注意：测试中发现父级的name不能和子级name重复，如果重复会造成重定向无效（跳转404），所以这里给父级的name起名的时候后面会自动加上`Parent`，避免重复）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("children "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("+")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Parent"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("frameSrc"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("component "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" IFrame"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("else")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 对后端传component组件路径和不传做兼容（如果后端传component组件路径，那么path可以随便写，如果不传，component组件路径会跟path保持一致）")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" index "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("component\n        "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" modulesRoutesKeys"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findIndex")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("ev "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" ev"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("includes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("component "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("any")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" modulesRoutesKeys"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findIndex")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("ev "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" ev"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("includes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("component "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" modulesRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("modulesRoutesKeys"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("index"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("children "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addAsyncRoutes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" arrRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br")])])])]),s._v(" "),t("h3",{attrs:{id:"如何生成一级菜单-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成一级菜单-2"}},[s._v("#")]),s._v(" 如何生成一级菜单")]),s._v(" "),t("h4",{attrs:{id:"只传-path-模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#只传-path-模式"}},[s._v("#")]),s._v(" 只传 "),t("code",[s._v("path")]),s._v(" 模式")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("比如我们要生成一个名为 "),t("code",[s._v("加油")]),s._v(" 的菜单")]),s._v(" "),t("ol",[t("li",[s._v("来到 "),t("code",[s._v("mock/asyncRoutes.ts")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("asyncRoutes.ts")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("新建 "),t("code",[s._v("src/views/fighting/index.vue")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("index.vue")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineOptions")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name 作为一种规范最好必须写上并且和路由的name保持一致")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("加油"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br")])]),t("p",[s._v("上面所写代码如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(405),alt:"async1"}})])]),s._v(" "),t("h4",{attrs:{id:"传-path-和-component-模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#传-path-和-component-模式"}},[s._v("#")]),s._v(" 传 "),t("code",[s._v("path")]),s._v(" 和 "),t("code",[s._v("component")]),s._v(" 模式")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("比如我们要生成一个名为 "),t("code",[s._v("加油")]),s._v(" 的菜单")]),s._v(" "),t("ol",[t("li",[s._v("来到 "),t("code",[s._v("mock/asyncRoutes.ts")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("asyncRoutes.ts")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// path随便写，但前面必须有个 `/`")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/anything"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// component对应的值前不需要加 / 值对应的是实际业务 `.vue` 或 `.tsx` 代码路径")]),s._v("\n      component"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("新建 "),t("code",[s._v("src/views/fighting/index.vue")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("index.vue")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineOptions")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name 作为一种规范最好必须写上并且和路由的name保持一致")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("加油"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br")])]),t("p",[s._v("上面所写代码如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(406),alt:"async2"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("猜您可能有这种想法 🤔️")]),s._v(" "),t("p",[t("img",{attrs:{src:a(407),alt:"async3"}})])])]),s._v(" "),t("h3",{attrs:{id:"如何生成二级菜单-两种模式-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成二级菜单-两种模式-2"}},[s._v("#")]),s._v(" 如何生成二级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-4"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n        showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(408),alt:"async4"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-4"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"努力"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(409),alt:"async5"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成三级菜单-两种模式-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成三级菜单-两种模式-2"}},[s._v("#")]),s._v(" 如何生成三级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-5"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n            showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(410),alt:"async6"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-5"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-2/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-2"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(411),alt:"async7"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成四级菜单-两种模式-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成四级菜单-两种模式-2"}},[s._v("#")]),s._v(" 如何生成四级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-6"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n                showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(412),alt:"async8"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-6"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-2/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-2"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(413),alt:"async9"}})])]),s._v(" "),t("h3",{attrs:{id:"注意点-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#注意点-2"}},[s._v("#")]),s._v(" 注意点")]),s._v(" "),t("h4",{attrs:{id:"动态路由缓存本地"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#动态路由缓存本地"}},[s._v("#")]),s._v(" 动态路由缓存本地")]),s._v(" "),t("p",[s._v("平台在 "),t("code",[s._v("v3.9.7")]),s._v(" 版本 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L23",target:"_blank",rel:"noopener noreferrer"}},[s._v("默认关闭 CachingAsyncRoutes 动态路由缓存本地"),t("OutboundLink")],1),s._v(" 使其在开发环境下调试更方便，不用每次修改动态路由都要先清空本地缓存的动态路由，更推荐在生产环境开启")]),s._v(" "),t("p",[s._v("开启动态路由缓存本地后会优先读取本地缓存的路由 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L195-L202",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1),s._v(" 如果您在开发环境下开启，每次修改动态路由都需要先清空 "),t("code",[s._v("async-routes")]),s._v(" 这个键名的 "),t("code",[s._v("sessionStorage")]),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/page/index.vue#L37",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看参考代码"),t("OutboundLink")],1)]),s._v(" "),t("p",[t("img",{attrs:{src:a(414),alt:"async10"}})]),s._v(" "),t("h4",{attrs:{id:"国际化-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#国际化-2"}},[s._v("#")]),s._v(" 国际化")]),s._v(" "),t("p",[s._v("只需要在路由 "),t("code",[s._v("meta")]),s._v(" 的 "),t("code",[s._v("title")]),s._v(" 字段中使用国际化写法即可，比如 "),t("code",[s._v('title: "menus.hssysManagement"')]),t("br"),s._v("\n这个 "),t("code",[s._v("menus.hssysManagement")]),s._v(" 必须在 "),t("code",[s._v("locales")]),s._v(" 文件夹下进行配置哦，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(415),alt:"async10"}})]),s._v(" "),t("h4",{attrs:{id:"重定向-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重定向-2"}},[s._v("#")]),s._v(" 重定向")]),s._v(" "),t("p",[s._v("动态路由无需填写 "),t("code",[s._v("redirect")]),s._v(" 重定向属性\n平台自动处理，逻辑为：如果子级存在且父级的 "),t("code",[s._v("redirect")]),s._v(" 属性不存在，默认取第一个子级的 "),t("code",[s._v("path")]),s._v(" 作为父级的 "),t("code",[s._v("redirect")])]),s._v(" "),t("p",[s._v("当然您也可以指定父级的 "),t("code",[s._v("redirect")]),s._v(" 重定向属性，平台监测到存在指定父级的 "),t("code",[s._v("redirect")]),s._v(" 后，会取指定的属性")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L308-L310",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("h4",{attrs:{id:"重置路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重置路由"}},[s._v("#")]),s._v(" 重置路由")]),s._v(" "),t("p",[s._v("平台的重置路由功能只针对动态路由")]),s._v(" "),t("h5",{attrs:{id:"常用场景"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#常用场景"}},[s._v("#")]),s._v(" 常用场景")]),s._v(" "),t("p",[s._v("用户切换角色或退出登录时需调用重置路由功能，将路由和菜单恢复到初始化状态")]),s._v(" "),t("h5",{attrs:{id:"基础用法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[s._v("#")]),s._v(" 基础用法")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" resetRouter "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/router"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("resetRouter")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h5",{attrs:{id:"具体实现代码"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#具体实现代码"}},[s._v("#")]),s._v(" 具体实现代码")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L89-L102",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"静态路由、动态路由相同的配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#静态路由、动态路由相同的配置"}},[s._v("#")]),s._v(" 静态路由、动态路由相同的配置")]),s._v(" "),t("p",[s._v("下面以动态路由返回举例，静态路由也是相同的配置，区别是静态路由需写在 "),t("code",[s._v("src/router/modules")]),s._v(" 里")]),s._v(" "),t("h3",{attrs:{id:"内嵌-iframe-和外链"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#内嵌-iframe-和外链"}},[s._v("#")]),s._v(" 内嵌 "),t("code",[s._v("iframe")]),s._v(" 和外链")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("读重点：内嵌 "),t("code",[s._v("iframe")]),s._v(" 将地址写进 "),t("code",[s._v("frameSrc")]),s._v(" 属性里；外链将地址写进 "),t("code",[s._v("name")]),s._v(" 属性里"),t("br"),s._v("\n具体代码实现："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/frame.vue",target:"_blank",rel:"noopener noreferrer"}},[s._v("内嵌 "),t("code",[s._v("iframe")]),t("OutboundLink")],1),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L144-L146",target:"_blank",rel:"noopener noreferrer"}},[s._v("外链"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" frameRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/iframe"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"内嵌 iframe 和外链"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 内嵌 iframe")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/iframe/pure"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name必须写，写法随意")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anything"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"内嵌 iframe"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 需要内嵌页面的地址")]),s._v("\n        frameSrc"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://pure-admin.cn"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 内嵌的iframe页面是否开启首次加载动画，默认true，下面可以不写，如果内嵌的iframe页面已经存在首加载动画，可以将frameLoading设为false")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// frameLoading: true")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 外链")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// path必须写，必须以 / 开头，推荐格式 / 后跟随意单词，不同的外链path不要重复哦")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/anything"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 外链地址写在name属性里")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://pure-admin.cn"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('" 外链"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(416),alt:"same1"}})])]),s._v(" "),t("h3",{attrs:{id:"菜单排序-rank"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#菜单排序-rank"}},[s._v("#")]),s._v(" 菜单排序 "),t("code",[s._v("rank")])]),s._v(" "),t("p",[s._v("在路由的 "),t("code",[s._v("meta")]),s._v(" 里加入 "),t("code",[s._v("rank")]),s._v(" 字段即可对菜单进行排序，"),t("code",[s._v("rank")]),s._v(" 可不写、可为 "),t("code",[s._v("null")]),s._v("、可为 "),t("code",[s._v("undefined")]),s._v("、可为空值，但是平台推荐 "),t("code",[s._v("rank")]),s._v(" 最好加上，对菜单进行有序排列使其看起来整齐，而且还能通过排序把您想要第一眼看到的菜单放到最前面")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L32-L53",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("温馨提示")]),s._v(" "),t("p",[s._v("菜单排序 "),t("code",[s._v("rank")]),s._v(" 只对顶级菜单生效 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/154#issuecomment-996571156",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看为何如此设计"),t("OutboundLink")],1),t("br"),s._v(" "),t("img",{attrs:{src:a(417),alt:"same2"}})])]),s._v(" "),t("h3",{attrs:{id:"菜单图标-icon"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#菜单图标-icon"}},[s._v("#")]),s._v(" 菜单图标 "),t("code",[s._v("icon")])]),s._v(" "),t("p",[t("RouterLink",{attrs:{to:"/pages/icon/#导航菜单的-icon-如何配置"}},[s._v("点击查看如何配置菜单图标")])],1),s._v(" "),t("h3",{attrs:{id:"路由页面缓存-keepalive"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#路由页面缓存-keepalive"}},[s._v("#")]),s._v(" 路由页面缓存 "),t("code",[s._v("keepAlive")])]),s._v(" "),t("p",[s._v("在路由的 "),t("code",[s._v("meta")]),s._v(" 里加入 "),t("code",[s._v("keepAlive: true")]),s._v(" 即可对当前路由页面进行缓存，被缓存的路由页面不会被销毁")]),s._v(" "),t("p",[s._v("生效前提：对应页面 "),t("code",[s._v("name")]),s._v(" 必须与路由的 "),t("code",[s._v("name")]),s._v(" 保持一致")]),s._v(" "),t("p",[t("img",{attrs:{src:a(418),alt:"same4"}})]),s._v(" "),t("p",[s._v("虽然 "),t("code",[s._v("vue-router")]),s._v(" 官方只支持到二级 "),t("code",[s._v("keep-alive")]),s._v(" 缓存，但平台对路由进行了 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L246",target:"_blank",rel:"noopener noreferrer"}},[s._v("处理"),t("OutboundLink")],1),s._v("，只要对当前路由设置了 "),t("code",[s._v("keepAlive: true")]),s._v("，并且对应的页面 "),t("code",[s._v("name")]),s._v(" 与路由的 "),t("code",[s._v("name")]),s._v(" 保持一致，不管层级多深都会支持 "),t("code",[s._v("keep-alive")]),s._v(" 缓存")]),s._v(" "),t("h3",{attrs:{id:"页面进场、离场动画定制化-transition"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#页面进场、离场动画定制化-transition"}},[s._v("#")]),s._v(" 页面进场、离场动画定制化 "),t("code",[s._v("transition")])]),s._v(" "),t("p",[s._v("在路由的 "),t("code",[s._v("meta")]),s._v(" 里加入下面代码即可定制化单个页面进场、离场动画，平台内置了 "),t("code",[s._v("Animate.css")]),s._v(" ，所以您直接在 "),t("a",{attrs:{href:"https://animate.style/",target:"_blank",rel:"noopener noreferrer"}},[s._v("Animate.css"),t("OutboundLink")],1),s._v(" 最右侧复制所需动画即可")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[s._v("transition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面进场动画")]),s._v("\n  enterTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"animate__fadeInRight"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面离场动画")]),s._v("\n  leaveTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"animate__fadeOutDown"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/components/lay-content/index.vue#L77-L107",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("h3",{attrs:{id:"页面和按钮级别权限设置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#页面和按钮级别权限设置"}},[s._v("#")]),s._v(" 页面和按钮级别权限设置")]),s._v(" "),t("p",[s._v("平台内置 "),t("code",[s._v("RBAC")]),s._v(" 权限模式，无论静态还是动态路由，配置都会生效，点击查看具体 "),t("RouterLink",{attrs:{to:"/pages/RBAC/"}},[s._v("RBAC 权限讲解")])],1),s._v(" "),t("h2",{attrs:{id:"常见疑问"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#常见疑问"}},[s._v("#")]),s._v(" 常见疑问")]),s._v(" "),t("h3",{attrs:{id:"为什么路由的-name-必写-而且必须唯一"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么路由的-name-必写-而且必须唯一"}},[s._v("#")]),s._v(" 为什么路由的 "),t("code",[s._v("name")]),s._v(" 必写，而且必须唯一")]),s._v(" "),t("ol",[t("li",[s._v("没有硬编码的 "),t("code",[s._v("URL")]),s._v(" ；"),t("code",[s._v("params")]),s._v(" 的自动编码/解码；防止在 "),t("code",[s._v("url")]),s._v(" 中出现打字错误；绕过路径排序（如显示一个） "),t("a",{attrs:{href:"https://router.vuejs.org/zh/guide/essentials/named-routes.html#%E5%91%BD%E5%90%8D%E8%B7%AF%E7%94%B1",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击了解具体"),t("OutboundLink")],1)]),s._v(" "),t("li",[s._v("虽然跳转路由有很多方式，但平台只推荐使用 "),t("code",[s._v("name")]),s._v(" 跳转，如下面写法。优点：一是写法简单，尤其当 "),t("code",[s._v("path")]),s._v(" 稍长时优点更突出，因为 "),t("code",[s._v("name")]),s._v(" 只有一个单词；二是规范统一，都用 "),t("code",[s._v("name")]),s._v(" 跳转也方便维护。尤其当项目过大时对整体维护起关键作用")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" useRouter "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue-router"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" router "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useRouter")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\nrouter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v("'Fighting'")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("ol",{attrs:{start:"3"}},[t("li",[s._v("平台的某些关键模块（路由模块、标签模块等）都依赖 "),t("code",[s._v("name")]),s._v("，所以独一无二的 "),t("code",[s._v("name")]),s._v(" 对平台的稳定性起关键作用")])]),s._v(" "),t("h3",{attrs:{id:"为什么路由的-name-需和页面的-name-保持一致"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么路由的-name-需和页面的-name-保持一致"}},[s._v("#")]),s._v(" 为什么路由的 "),t("code",[s._v("name")]),s._v(" 需和页面的 "),t("code",[s._v("name")]),s._v(" 保持一致？")]),s._v(" "),t("p",[s._v("正常情况下这并不是硬性要求，而是一种规范，方便维护查找，通过路由 "),t("code",[s._v("name")]),s._v(" 全局搜索即可知道对应页面代码位置，通过页面对应的 "),t("code",[s._v("name")]),s._v(" 也可知道其对应哪个路由")]),s._v(" "),t("p",[s._v("当然，如果当前路由页面需要 "),t("a",{attrs:{href:"#%E8%B7%AF%E7%94%B1%E9%A1%B5%E9%9D%A2%E7%BC%93%E5%AD%98-keepalive"}},[s._v("路由页面缓存 keepAlive")]),s._v(" 就必须保持一致")]),s._v(" "),t("h2",{attrs:{id:"更多路由跳转示例代码"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#更多路由跳转示例代码"}},[s._v("#")]),s._v(" 更多路由跳转示例代码")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/tabs",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看示例代码"),t("OutboundLink")],1)]),s._v(" "),t("p",[s._v("效果如下")]),s._v(" "),t("p",[t("img",{attrs:{src:a(419),alt:"more"}})])])}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{388:function(s,t,a){s.exports=a.p+"assets/img/static1.5fdcb503.jpg"},389:function(s,t,a){s.exports=a.p+"assets/img/static2.2e84e5ee.jpg"},390:function(s,t,a){s.exports=a.p+"assets/img/static3.d315a5c0.jpg"},391:function(s,t,a){s.exports=a.p+"assets/img/static4.a11fa654.jpg"},392:function(s,t,a){s.exports=a.p+"assets/img/static5.69afcd11.jpg"},393:function(s,t,a){s.exports=a.p+"assets/img/static6.965ec730.jpg"},394:function(s,t,a){s.exports=a.p+"assets/img/static7.d311a251.jpg"},395:function(s,t,a){s.exports=a.p+"assets/img/static12.a89e4e07.jpg"},396:function(s,t,a){s.exports=a.p+"assets/img/static10.35a65227.jpg"},397:function(s,t,a){s.exports=a.p+"assets/img/static11.c704fd91.jpg"},398:function(s,t,a){s.exports=a.p+"assets/img/static8.dedbd4d9.jpg"},399:function(s,t,a){s.exports=a.p+"assets/img/static9.774f6ef2.jpg"},400:function(s,t,a){s.exports=a.p+"assets/img/static13.6a3f794b.jpg"},401:function(s,t,a){s.exports=a.p+"assets/img/static15.00cb3bc3.jpg"},402:function(s,t,a){s.exports=a.p+"assets/img/static16.9790b210.jpg"},403:function(s,t,a){s.exports=a.p+"assets/img/async1.093be95b.jpg"},404:function(s,t,a){s.exports=a.p+"assets/img/async2.4d6b484c.jpg"},405:function(s,t,a){s.exports=a.p+"assets/img/async3.d781f409.jpg"},406:function(s,t,a){s.exports=a.p+"assets/img/async4.ec6b64df.jpg"},407:function(s,t,a){s.exports=a.p+"assets/img/async5.d513e09d.jpg"},408:function(s,t,a){s.exports=a.p+"assets/img/async6.38bf9182.jpg"},409:function(s,t,a){s.exports=a.p+"assets/img/async7.c264ccf7.jpg"},410:function(s,t,a){s.exports=a.p+"assets/img/async8.f7cf7c88.jpg"},411:function(s,t,a){s.exports=a.p+"assets/img/async9.2a37f2b5.jpg"},412:function(s,t,a){s.exports=a.p+"assets/img/static14.5bf0a1ac.jpg"},413:function(s,t,a){s.exports=a.p+"assets/img/async10.3206c4f4.jpg"},414:function(s,t,a){s.exports=a.p+"assets/img/same1.4a5124d6.jpg"},415:function(s,t,a){s.exports=a.p+"assets/img/same2.cb431c7e.jpg"},416:function(s,t,a){s.exports=a.p+"assets/img/same4.1e07cf00.jpg"},417:function(s,t,a){s.exports=a.p+"assets/img/more.6505346a.jpg"},545:function(s,t,a){"use strict";a.r(t);var n=a(7),e=Object(n.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("p",[s._v("路由和菜单是极为重要的，配置正确很关键，平台尽最大可能详细描述")]),s._v(" "),t("h2",{attrs:{id:"路由和菜单配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#路由和菜单配置"}},[s._v("#")]),s._v(" 路由和菜单配置")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看完整路由和菜单配置")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("interface")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token class-name"}},[s._v("RouteConfigsTable")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由路径")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由名称（必须保持唯一）")]),s._v("\n  name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由重定向（默认跳转地址）")]),s._v("\n  redirect"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由元信息，通俗来说就是路由上的额外信息 https://router.vuejs.org/zh/guide/advanced/meta.html#%E8%B7%AF%E7%94%B1%E5%85%83%E4%BF%A1%E6%81%AF")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单名称（兼容国际化、非国际化，如果用国际化的写法就必须在根目录的locales文件夹下对应添加）")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单图标")]),s._v("\n    icon"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" FunctionalComponent "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" IconifyIcon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否在菜单中显示")]),s._v("\n    showLink"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单排序，值越高排的越后（只针对顶级路由）")]),s._v("\n    rank"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("number")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 子路由配置项")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由路径")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由名称（必须唯一并且和当前路由component字段对应的页面里用defineOptions包起来的name保持一致）")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由重定向")]),s._v("\n      redirect"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 按需加载需要展示的页面")]),s._v("\n      component"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" RouteComponent"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 路由元信息")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单名称（兼容国际化、非国际化，如果用国际化的写法就必须在根目录的locales文件夹下对应添加）")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单图标")]),s._v("\n        icon"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" FunctionalComponent "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" IconifyIcon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 菜单名称右侧的额外图标")]),s._v("\n        extraIcon"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" FunctionalComponent "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" IconifyIcon"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否显示该菜单")]),s._v("\n        showLink"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否显示父级菜单")]),s._v("\n        showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面级别权限设置")]),s._v("\n        roles"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("Array")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 按钮级别权限设置")]),s._v("\n        auths"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("Array")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 是否缓存该路由页面（开启后，会保存该页面的整体状态，刷新后会清空状态）")]),s._v("\n        keepAlive"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 需要内嵌的iframe链接地址")]),s._v("\n        frameSrc"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 内嵌的iframe页面是否开启首次加载动画")]),s._v("\n        frameLoading"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面加载动画（两种模式，第二种权重更高，第一种直接采用vue内置的transitions动画，第二种是使用animate.css编写进、离场动画，平台更推荐使用第二种模式，已经内置了animate.css，直接写对应的动画名即可）")]),s._v("\n        transition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('// 当前页面动画，这里是第一种模式，比如 name: "fade" 更具体看后面链接 https://cn.vuejs.org/api/built-in-components.html#transition')]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('// 当前页面进场动画，这里是第二种模式，比如 enterTransition: "animate__fadeInLeft"')]),s._v("\n          enterTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v('// 当前页面离场动画，这里是第二种模式，比如 leaveTransition: "animate__fadeOutRight"')]),s._v("\n          leaveTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 当前菜单名称或自定义信息禁止添加到标签页")]),s._v("\n        hiddenTag"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("boolean")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 显示在标签页的最大数量，需满足后面的条件：不显示在菜单中的路由并且是通过query或params传参模式打开的页面。在完整版全局搜dynamicLevel即可查看代码演示")]),s._v("\n        dynamicLevel"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("number")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 将某个菜单激活（主要用于通过query或params传参的路由，当它们通过配置showLink: false后不在菜单中显示，就不会有任何菜单高亮，而通过设置activePath指定激活菜单即可获得高亮，activePath为指定激活菜单的path）")]),s._v("\n        activePath"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br"),t("span",{staticClass:"line-number"},[s._v("44")]),t("br"),t("span",{staticClass:"line-number"},[s._v("45")]),t("br"),t("span",{staticClass:"line-number"},[s._v("46")]),t("br"),t("span",{staticClass:"line-number"},[s._v("47")]),t("br"),t("span",{staticClass:"line-number"},[s._v("48")]),t("br"),t("span",{staticClass:"line-number"},[s._v("49")]),t("br"),t("span",{staticClass:"line-number"},[s._v("50")]),t("br"),t("span",{staticClass:"line-number"},[s._v("51")]),t("br"),t("span",{staticClass:"line-number"},[s._v("52")]),t("br"),t("span",{staticClass:"line-number"},[s._v("53")]),t("br"),t("span",{staticClass:"line-number"},[s._v("54")]),t("br"),t("span",{staticClass:"line-number"},[s._v("55")]),t("br"),t("span",{staticClass:"line-number"},[s._v("56")]),t("br"),t("span",{staticClass:"line-number"},[s._v("57")]),t("br"),t("span",{staticClass:"line-number"},[s._v("58")]),t("br"),t("span",{staticClass:"line-number"},[s._v("59")]),t("br"),t("span",{staticClass:"line-number"},[s._v("60")]),t("br"),t("span",{staticClass:"line-number"},[s._v("61")]),t("br"),t("span",{staticClass:"line-number"},[s._v("62")]),t("br"),t("span",{staticClass:"line-number"},[s._v("63")]),t("br"),t("span",{staticClass:"line-number"},[s._v("64")]),t("br"),t("span",{staticClass:"line-number"},[s._v("65")]),t("br"),t("span",{staticClass:"line-number"},[s._v("66")]),t("br"),t("span",{staticClass:"line-number"},[s._v("67")]),t("br"),t("span",{staticClass:"line-number"},[s._v("68")]),t("br"),t("span",{staticClass:"line-number"},[s._v("69")]),t("br"),t("span",{staticClass:"line-number"},[s._v("70")]),t("br")])])]),s._v(" "),t("h2",{attrs:{id:"静态路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#静态路由"}},[s._v("#")]),s._v(" 静态路由")]),s._v(" "),t("p",[s._v("在前端代码里写上固定的路由即静态路由。平台支持任意层级菜单格式，下面列举最常用的菜单层级模式，更深层级按照下面格式即可")]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("阅读前须知")]),s._v(" "),t("p",[s._v("一般来说一级菜单代表无任何子菜单的菜单，二级菜单代表一级菜单下面有子菜单，三级菜单代表二级菜单下面有子菜单 以此类推")])]),s._v(" "),t("h3",{attrs:{id:"如何生成一级菜单"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成一级菜单"}},[s._v("#")]),s._v(" 如何生成一级菜单")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("比如我们要生成一个名为 "),t("code",[s._v("加油")]),s._v(" 的菜单")]),s._v(" "),t("ol",[t("li",[s._v("新建 "),t("code",[s._v("src/router/modules/fighting.ts")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("fighting.ts")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("新建 "),t("code",[s._v("src/views/fighting/index.vue")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("index.vue")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineOptions")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name 作为一种规范最好必须写上并且和路由的name保持一致")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("加油"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br")])]),t("p",[s._v("上面所写代码如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(388),alt:"static1"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成二级菜单-两种模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成二级菜单-两种模式"}},[s._v("#")]),s._v(" 如何生成二级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n        showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(389),alt:"static2"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/fighting/effort.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"努力"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(390),alt:"static3"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成三级菜单-两种模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成三级菜单-两种模式"}},[s._v("#")]),s._v(" 如何生成三级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-2"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n            showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(391),alt:"static4"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-2"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-2/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-2"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(392),alt:"static5"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成四级菜单-两种模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成四级菜单-两种模式"}},[s._v("#")]),s._v(" 如何生成四级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-3"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/menu1-1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n                showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(393),alt:"static6"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-3"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-3"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("default")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/menu1-1-1/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("component")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/views/nested/menu1/menu1-1/menu1-1-2/index.vue"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-2"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br"),t("span",{staticClass:"line-number"},[s._v("42")]),t("br"),t("span",{staticClass:"line-number"},[s._v("43")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(394),alt:"static7"}})])]),s._v(" "),t("h3",{attrs:{id:"注意点"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#注意点"}},[s._v("#")]),s._v(" 注意点")]),s._v(" "),t("h4",{attrs:{id:"国际化"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#国际化"}},[s._v("#")]),s._v(" 国际化")]),s._v(" "),t("p",[s._v("只需要在路由 "),t("code",[s._v("meta")]),s._v(" 的 "),t("code",[s._v("title")]),s._v(" 字段中使用国际化写法即可，比如 "),t("code",[s._v('title: "menus.hsabnormal"')]),t("br"),s._v("\n这个 "),t("code",[s._v("menus.hsabnormal")]),s._v(" 必须在 "),t("code",[s._v("locales")]),s._v(" 文件夹下进行配置哦，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(395),alt:"static12"}})]),s._v(" "),t("h4",{attrs:{id:"重定向"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重定向"}},[s._v("#")]),s._v(" 重定向")]),s._v(" "),t("p",[s._v("可以看到上面生成菜单的路由配置项我并没有加上 "),t("code",[s._v("redirect")]),s._v(" 属性，当使用 "),t("code",[s._v("fighting")]),s._v(" 路径跳转时，就会跑到 "),t("code",[s._v("404")]),s._v(" 页面")]),s._v(" "),t("p",[s._v("所以我们最好在写静态路由配置时将父级加上 "),t("code",[s._v("redirect")]),s._v(" 属性，"),t("code",[s._v("redirect")]),s._v(" 可以填写您想要重定向的 "),t("code",[s._v("path")]),s._v(" 即可，具体可以参考 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/modules/nested.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("src/router/modules/nested.ts"),t("OutboundLink")],1)]),s._v(" "),t("h4",{attrs:{id:"类型提示"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#类型提示"}},[s._v("#")]),s._v(" 类型提示")]),s._v(" "),t("p",[s._v("分两种")]),s._v(" "),t("ol",[t("li",[t("code",[s._v("export default")]),s._v(" 后跟 "),t("code",[s._v("{}")]),s._v("，这也是最常用的一种，在路由的配置项最后加上 "),t("code",[s._v("as RouteConfigsTable")]),s._v(" 即可获得类型提示，如下图")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(396),alt:"static10"}})]),s._v(" "),t("ol",{attrs:{start:"2"}},[t("li",[t("code",[s._v("export default")]),s._v(" 后跟 "),t("code",[s._v("[]")]),s._v("，在路由的配置项最后加上 "),t("code",[s._v("as Array<RouteConfigsTable>")]),s._v(" 即可获得类型提示，如下图")])]),s._v(" "),t("p",[t("img",{attrs:{src:a(397),alt:"static11"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("您肯定想问 RouteConfigsTable 是哪里来的呢？")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/types/router.d.ts#L81",target:"_blank",rel:"noopener noreferrer"}},[s._v("我在这呢，快快点我查看 😊"),t("OutboundLink")],1)])]),s._v(" "),t("h4",{attrs:{id:"添加无-layout-的页面"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#添加无-layout-的页面"}},[s._v("#")]),s._v(" 添加无 "),t("code",[s._v("layout")]),s._v(" 的页面")]),s._v(" "),t("p",[s._v("使用场景：需要外嵌平台某个页面，不需要展示菜单导航以及额外模块，只需要展示业务内容模块"),t("br"),s._v("\n无 "),t("code",[s._v("layout")]),s._v(" 页面也就相当于一个全屏空白页面，没有菜单导航以及额外模块")]),s._v(" "),t("p",[s._v("如何添加？")]),s._v(" "),t("ol",[t("li",[t("p",[s._v("在 "),t("code",[s._v("src/router/modules/remaining.ts")]),s._v(" 文件添加对应路由 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/modules/remaining.ts#L32-L41",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体参考"),t("OutboundLink")],1)])]),s._v(" "),t("li",[t("p",[s._v("添加对应业务代码页面 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/empty",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体参考"),t("OutboundLink")],1)])])]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("温馨提示")]),s._v(" "),t("p",[s._v("必须在 "),t("code",[s._v("src/router/modules/remaining.ts")]),s._v(" 文件添加哦")])]),s._v(" "),t("h4",{attrs:{id:"禁止修改或删除的路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#禁止修改或删除的路由"}},[s._v("#")]),s._v(" 禁止修改或删除的路由")]),s._v(" "),t("p",[t("code",[s._v("src/router/modules")]),s._v(" 文件夹里的 "),t("code",[s._v("home.ts")]),s._v("、"),t("code",[s._v("remaining.ts")]),s._v("、"),t("code",[s._v("error.ts")]),s._v(" 这三个文件不可修改或删除，因为平台的某些核心逻辑是根据这三个文件作处理")]),s._v(" "),t("p",[t("img",{attrs:{src:a(398),alt:"static8"}})]),s._v(" "),t("p",[s._v("如果不想在页面显示，在顶级路由的 "),t("code",[s._v("meta")]),s._v(" 属性加上 "),t("code",[s._v("showLink: false")]),s._v(" 即可，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(399),alt:"static9"}})]),s._v(" "),t("h3",{attrs:{id:"如何只要静态路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何只要静态路由"}},[s._v("#")]),s._v(" 如何只要静态路由")]),s._v(" "),t("p",[s._v("平台在登录时默认会走 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L30",target:"_blank",rel:"noopener noreferrer"}},[s._v("getAsyncRoutes"),t("OutboundLink")],1),s._v(" 接口请求后端返回的动态路由，默认用 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/mock/asyncRoutes.ts",target:"_blank",rel:"noopener noreferrer"}},[s._v("mock"),t("OutboundLink")],1),s._v(" 模拟返回，如果只要静态路由，按照下面两个步骤修改即可")]),s._v(" "),t("ol",[t("li",[s._v("在 "),t("code",[s._v("src/views/login/index.vue")]),s._v(" 文件作如下改动")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" setToken "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/utils/auth"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" addPathMatch"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" getTopMenu "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/router/utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" usePermissionStoreHook "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/store/modules/permission"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("onLogin")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("async")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token parameter"}},[t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("formEl")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" FormInstance "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("|")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("undefined")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("formEl"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("await")]),s._v(" formEl"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("validate")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token parameter"}},[s._v("valid")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("valid"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      loading"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("value "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("setToken")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("username")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"admin"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("roles")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"admin"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("accessToken")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"eyJhbGciOiJIUzUxMiJ9.admin"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" any"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 全部采取静态路由模式")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("usePermissionStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleWholeMenus")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addPathMatch")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      router"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getTopMenu")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("message")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"登录成功"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("type")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"success"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      loading"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("value "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("false")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br")])]),t("p",[t("img",{attrs:{src:a(400),alt:"static13"}})]),s._v(" "),t("ol",{attrs:{start:"2"}},[t("li",[s._v("在 "),t("code",[s._v("src/router/index.ts")]),s._v(" 文件作如下改动")])]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" addPathMatch "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"./utils"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 使用下面方法替换initRouter")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("usePermissionStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleWholeMenus")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addPathMatch")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useMultiTagsStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("getMultiTagsCache"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" path "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" to"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" route "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findRouteByPath")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" router"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("options"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("routes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("getTopMenu")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// query、params模式路由传参数的标签页不在此处处理")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("route "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("title"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("isAllEmpty")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("parentId"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("backstage"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 此处为动态顶级路由（目录）")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" meta "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useMultiTagsStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleTags")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"push"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("else")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" meta "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" route"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useMultiTagsStoreHook")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("handleTags")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"push"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 确保动态路由完全加入路由列表并且不影响静态路由（注意：动态路由刷新时router.beforeEach可能会触发两次，第一次触发动态路由还未完全添加，第二次动态路由才完全添加到路由列表，如果需要在router.beforeEach做一些判断可以在to.name存在的条件下去判断，这样就只会触发一次）")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("isAllEmpty")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("to"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" router"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("to"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("fullPath"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br")])]),t("p",[t("img",{attrs:{src:a(401),alt:"static15"}}),s._v(" "),t("img",{attrs:{src:a(402),alt:"static16"}})]),s._v(" "),t("h2",{attrs:{id:"动态路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#动态路由"}},[s._v("#")]),s._v(" 动态路由")]),s._v(" "),t("p",[s._v("后端返回的路由即动态路由。平台支持任意层级菜单格式，下面列举最常用的菜单层级模式，更深层级按照下面格式即可")]),s._v(" "),t("p",[s._v("平台用 "),t("code",[s._v("mock")]),s._v(" 模拟后端，下面举例也是用 "),t("code",[s._v("mock")]),s._v(" 举例哦，当然和后端返回的路由格式是一模一样的")]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("阅读前须知")]),s._v(" "),t("p",[s._v("后端传 "),t("code",[s._v("path")]),s._v(" 或传 "),t("code",[s._v("component")]),s._v("，平台对这两种模式都做了兼容 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L27",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体实现代码 1"),t("OutboundLink")],1),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L317-L321",target:"_blank",rel:"noopener noreferrer"}},[s._v("具体实现代码 2"),t("OutboundLink")],1)]),s._v(" "),t("p",[t("code",[s._v("第一种")]),s._v("：下面所有生成菜单例子中的 "),t("code",[s._v("path")]),s._v(" 都有个规则：如果这个 "),t("code",[s._v("path")]),s._v(" 对应的是实际业务 "),t("code",[s._v(".vue")]),s._v(" 或 "),t("code",[s._v(".tsx")]),s._v(" 代码，就必须跟实际业务 "),t("code",[s._v(".vue")]),s._v(" 或 "),t("code",[s._v(".tsx")]),s._v(" 代码路径保持一致")]),s._v(" "),t("p",[t("code",[s._v("第二种")]),s._v("：菜单的 "),t("code",[s._v("component")]),s._v(" 对应实际业务 "),t("code",[s._v(".vue")]),s._v(" 或 "),t("code",[s._v(".tsx")]),s._v(" 代码路径，这时 "),t("code",[s._v("path")]),s._v(" 可以随便写啦，但是前面必须有个 "),t("code",[s._v("/")]),s._v(" ，比如 "),t("code",[s._v("path: '/anything'")]),s._v(" （这种情况我只在 "),t("a",{attrs:{href:"#%E5%A6%82%E4%BD%95%E7%94%9F%E6%88%90%E4%B8%80%E7%BA%A7%E8%8F%9C%E5%8D%95-2"}},[s._v("如何生成一级菜单")]),s._v(" 里举例，多级菜单写法类似）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看具体实现代码逻辑解析")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("div",{staticClass:"highlight-lines"},[t("br"),t("br"),t("br"),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("div",{staticClass:"highlighted"},[s._v(" ")]),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br"),t("br")]),t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 具体实现代码1高亮处解析：")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 将/src/views/文件里所有的.vue和.tsx文件塞进modulesRoutes变量")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 当然这里只匹配了`.vue`和`.tsx`，如果您想匹配别的在下面 {} 加上即可，记得用 , 分开")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" modulesRoutes "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("glob")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/src/views/**/*.{vue,tsx}"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 具体实现代码2高亮处解析：")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// addAsyncRoutes函数作用为过滤后端传来的动态路由，重新生成规范路由，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 先读取后端返回的所有路由，从中过滤出component和path字段，然后在modulesRoutesKeys中对应匹配，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 如果对应路由同时匹配到component和path，优先以component为主，这样您的path路径就可以随便写啦，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 如果匹配到path未匹配到component，path必须按上面提到的跟实际业务`.vue`或`.tsx`代码路径保持一致，")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 如果匹配到component未匹配到path或者两个都未匹配到，我想问问您咱能好好玩不😭")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("function")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addAsyncRoutes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("arrRoutes"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("Array")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("<")]),s._v("RouteRecordRaw"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(">")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("arrRoutes "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("||")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("arrRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" modulesRoutesKeys "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" Object"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("keys")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("modulesRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  arrRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("forEach")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" RouteRecordRaw"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 将backstage属性加入meta，标识此路由为后端返回路由")]),s._v("\n    v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("backstage "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 父级的redirect属性取值：如果子级存在且父级的redirect属性不存在，默认取第一个子级的path；如果子级存在且父级的redirect属性存在，取存在的redirect属性，会覆盖默认值")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("children "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("redirect"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("redirect "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 父级的name属性取值：如果子级存在且父级的name属性不存在，默认取第一个子级的name；如果子级存在且父级的name属性存在，取存在的name属性，会覆盖默认值（注意：测试中发现父级的name不能和子级name重复，如果重复会造成重定向无效（跳转404），所以这里给父级的name起名的时候后面会自动加上`Parent`，避免重复）")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("children "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("!")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),t("span",{pre:!0,attrs:{class:"token number"}},[s._v("0")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("name "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("string")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("+")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Parent"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("frameSrc"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("component "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" IFrame"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("else")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 对后端传component组件路径和不传做兼容（如果后端传component组件路径，那么path可以随便写，如果不传，component组件路径会跟path保持一致）")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" index "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("component\n        "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?")]),s._v(" modulesRoutesKeys"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findIndex")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("ev "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" ev"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("includes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("component "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("as")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token builtin"}},[s._v("any")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" modulesRoutesKeys"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("findIndex")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("ev "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" ev"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("includes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n      v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("component "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" modulesRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("modulesRoutesKeys"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("index"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("if")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("?.")]),s._v("children "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("&&")]),s._v(" v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("length"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("addAsyncRoutes")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),s._v("v"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),s._v("children"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("return")]),s._v(" arrRoutes"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br")])])])]),s._v(" "),t("h3",{attrs:{id:"如何生成一级菜单-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成一级菜单-2"}},[s._v("#")]),s._v(" 如何生成一级菜单")]),s._v(" "),t("h4",{attrs:{id:"只传-path-模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#只传-path-模式"}},[s._v("#")]),s._v(" 只传 "),t("code",[s._v("path")]),s._v(" 模式")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("比如我们要生成一个名为 "),t("code",[s._v("加油")]),s._v(" 的菜单")]),s._v(" "),t("ol",[t("li",[s._v("来到 "),t("code",[s._v("mock/asyncRoutes.ts")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("asyncRoutes.ts")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("新建 "),t("code",[s._v("src/views/fighting/index.vue")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("index.vue")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineOptions")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name 作为一种规范最好必须写上并且和路由的name保持一致")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("加油"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br")])]),t("p",[s._v("上面所写代码如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(403),alt:"async1"}})])]),s._v(" "),t("h4",{attrs:{id:"传-path-和-component-模式"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#传-path-和-component-模式"}},[s._v("#")]),s._v(" 传 "),t("code",[s._v("path")]),s._v(" 和 "),t("code",[s._v("component")]),s._v(" 模式")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("比如我们要生成一个名为 "),t("code",[s._v("加油")]),s._v(" 的菜单")]),s._v(" "),t("ol",[t("li",[s._v("来到 "),t("code",[s._v("mock/asyncRoutes.ts")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("asyncRoutes.ts")])]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// path随便写，但前面必须有个 `/`")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/anything"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// component对应的值前不需要加 / 值对应的是实际业务 `.vue` 或 `.tsx` 代码路径")]),s._v("\n      component"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br")])]),t("ol",{attrs:{start:"2"}},[t("li",[s._v("新建 "),t("code",[s._v("src/views/fighting/index.vue")]),s._v(" 文件，加入如下代码")])]),s._v(" "),t("p",[t("code",[s._v("index.vue")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("defineOptions")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name 作为一种规范最好必须写上并且和路由的name保持一致")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("加油"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("h1")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("template")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br")])]),t("p",[s._v("上面所写代码如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(404),alt:"async2"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("猜您可能有这种想法 🤔️")]),s._v(" "),t("p",[t("img",{attrs:{src:a(405),alt:"async3"}})])])]),s._v(" "),t("h3",{attrs:{id:"如何生成二级菜单-两种模式-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成二级菜单-两种模式-2"}},[s._v("#")]),s._v(" 如何生成二级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-4"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n        showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(406),alt:"async4"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-4"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-4"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" fightingRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"励志"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Fighting"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"加油"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/fighting/effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Effort"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"努力"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(407),alt:"async5"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成三级菜单-两种模式-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成三级菜单-两种模式-2"}},[s._v("#")]),s._v(" 如何生成三级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-5"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n            showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(408),alt:"async6"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-5"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-5"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-2/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-2"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(409),alt:"async7"}})])]),s._v(" "),t("h3",{attrs:{id:"如何生成四级菜单-两种模式-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何生成四级菜单-两种模式-2"}},[s._v("#")]),s._v(" 如何生成四级菜单（两种模式）")]),s._v(" "),t("h4",{attrs:{id:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-6"}},[s._v("#")]),s._v(" 第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 "),t("code",[s._v("meta")]),s._v(" 属性中加上 "),t("code",[s._v("showParent: true")]),s._v(" 即可）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n                "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 通过设置showParent为true，显示父级")]),s._v("\n                showParent"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(410),alt:"async8"}})])]),s._v(" "),t("h4",{attrs:{id:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-6"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-6"}},[s._v("#")]),s._v(" 第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" nestedRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"多级菜单"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n          path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n            title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1"')]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n          children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-1/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-1"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-1"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n              path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/nested/menu1/menu1-1/menu1-1-2/index"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"Menu1-1-2"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n              meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n                title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"菜单1-1-2"')]),s._v("\n              "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n            "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n          "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(411),alt:"async9"}})])]),s._v(" "),t("h3",{attrs:{id:"注意点-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#注意点-2"}},[s._v("#")]),s._v(" 注意点")]),s._v(" "),t("h4",{attrs:{id:"动态路由缓存本地"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#动态路由缓存本地"}},[s._v("#")]),s._v(" 动态路由缓存本地")]),s._v(" "),t("p",[s._v("平台在 "),t("code",[s._v("v3.9.7")]),s._v(" 版本 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L23",target:"_blank",rel:"noopener noreferrer"}},[s._v("默认关闭 CachingAsyncRoutes 动态路由缓存本地"),t("OutboundLink")],1),s._v(" 使其在开发环境下调试更方便，不用每次修改动态路由都要先清空本地缓存的动态路由，更推荐在生产环境开启")]),s._v(" "),t("p",[s._v("开启动态路由缓存本地后会优先读取本地缓存的路由 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L195-L202",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1),s._v(" 如果您在开发环境下开启，每次修改动态路由都需要先清空 "),t("code",[s._v("async-routes")]),s._v(" 这个键名的 "),t("code",[s._v("sessionStorage")]),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/page/index.vue#L37",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看参考代码"),t("OutboundLink")],1)]),s._v(" "),t("p",[t("img",{attrs:{src:a(412),alt:"async10"}})]),s._v(" "),t("h4",{attrs:{id:"国际化-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#国际化-2"}},[s._v("#")]),s._v(" 国际化")]),s._v(" "),t("p",[s._v("只需要在路由 "),t("code",[s._v("meta")]),s._v(" 的 "),t("code",[s._v("title")]),s._v(" 字段中使用国际化写法即可，比如 "),t("code",[s._v('title: "menus.hssysManagement"')]),t("br"),s._v("\n这个 "),t("code",[s._v("menus.hssysManagement")]),s._v(" 必须在 "),t("code",[s._v("locales")]),s._v(" 文件夹下进行配置哦，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(413),alt:"async10"}})]),s._v(" "),t("h4",{attrs:{id:"重定向-2"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重定向-2"}},[s._v("#")]),s._v(" 重定向")]),s._v(" "),t("p",[s._v("动态路由无需填写 "),t("code",[s._v("redirect")]),s._v(" 重定向属性\n平台自动处理，逻辑为：如果子级存在且父级的 "),t("code",[s._v("redirect")]),s._v(" 属性不存在，默认取第一个子级的 "),t("code",[s._v("path")]),s._v(" 作为父级的 "),t("code",[s._v("redirect")])]),s._v(" "),t("p",[s._v("当然您也可以指定父级的 "),t("code",[s._v("redirect")]),s._v(" 重定向属性，平台监测到存在指定父级的 "),t("code",[s._v("redirect")]),s._v(" 后，会取指定的属性")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L308-L310",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("h4",{attrs:{id:"重置路由"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重置路由"}},[s._v("#")]),s._v(" 重置路由")]),s._v(" "),t("p",[s._v("平台的重置路由功能只针对动态路由")]),s._v(" "),t("h5",{attrs:{id:"常用场景"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#常用场景"}},[s._v("#")]),s._v(" 常用场景")]),s._v(" "),t("p",[s._v("用户切换角色或退出登录时需调用重置路由功能，将路由和菜单恢复到初始化状态")]),s._v(" "),t("h5",{attrs:{id:"基础用法"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#基础用法"}},[s._v("#")]),s._v(" 基础用法")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" resetRouter "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"@/router"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("resetRouter")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br")])]),t("h5",{attrs:{id:"具体实现代码"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#具体实现代码"}},[s._v("#")]),s._v(" 具体实现代码")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L89-L102",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("h2",{attrs:{id:"静态路由、动态路由相同的配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#静态路由、动态路由相同的配置"}},[s._v("#")]),s._v(" 静态路由、动态路由相同的配置")]),s._v(" "),t("p",[s._v("下面以动态路由返回举例，静态路由也是相同的配置，区别是静态路由需写在 "),t("code",[s._v("src/router/modules")]),s._v(" 里")]),s._v(" "),t("h3",{attrs:{id:"内嵌-iframe-和外链"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#内嵌-iframe-和外链"}},[s._v("#")]),s._v(" 内嵌 "),t("code",[s._v("iframe")]),s._v(" 和外链")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("p",[s._v("读重点：内嵌 "),t("code",[s._v("iframe")]),s._v(" 将地址写进 "),t("code",[s._v("frameSrc")]),s._v(" 属性里；外链将地址写进 "),t("code",[s._v("name")]),s._v(" 属性里"),t("br"),s._v("\n具体代码实现："),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/frame.vue",target:"_blank",rel:"noopener noreferrer"}},[s._v("内嵌 "),t("code",[s._v("iframe")]),t("OutboundLink")],1),s._v(" "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L144-L146",target:"_blank",rel:"noopener noreferrer"}},[s._v("外链"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 最简代码，也就是这些字段必须有")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" frameRouter "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/iframe"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"内嵌 iframe 和外链"')]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  children"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("[")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 内嵌 iframe")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/iframe/pure"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// name必须写，写法随意")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"anything"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"内嵌 iframe"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 需要内嵌页面的地址")]),s._v("\n        frameSrc"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://pure-admin.cn"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 内嵌的iframe页面是否开启首次加载动画，默认true，下面可以不写，如果内嵌的iframe页面已经存在首加载动画，可以将frameLoading设为false")]),s._v("\n        "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// frameLoading: true")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 外链")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// path必须写，必须以 / 开头，推荐格式 / 后跟随意单词，不同的外链path不要重复哦")]),s._v("\n      path"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"/anything"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 外链地址写在name属性里")]),s._v("\n      name"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"https://pure-admin.cn"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n      meta"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n        title"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('" 外链"')]),s._v("\n      "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("]")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br")])]),t("p",[s._v("如下图效果")]),s._v(" "),t("p",[t("img",{attrs:{src:a(414),alt:"same1"}})])]),s._v(" "),t("h3",{attrs:{id:"菜单排序-rank"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#菜单排序-rank"}},[s._v("#")]),s._v(" 菜单排序 "),t("code",[s._v("rank")])]),s._v(" "),t("p",[s._v("在路由的 "),t("code",[s._v("meta")]),s._v(" 里加入 "),t("code",[s._v("rank")]),s._v(" 字段即可对菜单进行排序，"),t("code",[s._v("rank")]),s._v(" 可不写、可为 "),t("code",[s._v("null")]),s._v("、可为 "),t("code",[s._v("undefined")]),s._v("、可为空值，但是平台推荐 "),t("code",[s._v("rank")]),s._v(" 最好加上，对菜单进行有序排列使其看起来整齐，而且还能通过排序把您想要第一眼看到的菜单放到最前面")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L32-L53",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("温馨提示")]),s._v(" "),t("p",[s._v("菜单排序 "),t("code",[s._v("rank")]),s._v(" 只对顶级菜单生效 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/issues/154#issuecomment-996571156",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看为何如此设计"),t("OutboundLink")],1),t("br"),s._v(" "),t("img",{attrs:{src:a(415),alt:"same2"}})])]),s._v(" "),t("h3",{attrs:{id:"菜单图标-icon"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#菜单图标-icon"}},[s._v("#")]),s._v(" 菜单图标 "),t("code",[s._v("icon")])]),s._v(" "),t("p",[t("RouterLink",{attrs:{to:"/pages/icon/#导航菜单的-icon-如何配置"}},[s._v("点击查看如何配置菜单图标")])],1),s._v(" "),t("h3",{attrs:{id:"路由页面缓存-keepalive"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#路由页面缓存-keepalive"}},[s._v("#")]),s._v(" 路由页面缓存 "),t("code",[s._v("keepAlive")])]),s._v(" "),t("p",[s._v("在路由的 "),t("code",[s._v("meta")]),s._v(" 里加入 "),t("code",[s._v("keepAlive: true")]),s._v(" 即可对当前路由页面进行缓存，被缓存的路由页面不会被销毁")]),s._v(" "),t("p",[s._v("生效前提：对应页面 "),t("code",[s._v("name")]),s._v(" 必须与路由的 "),t("code",[s._v("name")]),s._v(" 保持一致")]),s._v(" "),t("p",[t("img",{attrs:{src:a(416),alt:"same4"}})]),s._v(" "),t("p",[s._v("虽然 "),t("code",[s._v("vue-router")]),s._v(" 官方只支持到二级 "),t("code",[s._v("keep-alive")]),s._v(" 缓存，但平台对路由进行了 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L246",target:"_blank",rel:"noopener noreferrer"}},[s._v("处理"),t("OutboundLink")],1),s._v("，只要对当前路由设置了 "),t("code",[s._v("keepAlive: true")]),s._v("，并且对应的页面 "),t("code",[s._v("name")]),s._v(" 与路由的 "),t("code",[s._v("name")]),s._v(" 保持一致，不管层级多深都会支持 "),t("code",[s._v("keep-alive")]),s._v(" 缓存")]),s._v(" "),t("h3",{attrs:{id:"页面进场、离场动画定制化-transition"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#页面进场、离场动画定制化-transition"}},[s._v("#")]),s._v(" 页面进场、离场动画定制化 "),t("code",[s._v("transition")])]),s._v(" "),t("p",[s._v("在路由的 "),t("code",[s._v("meta")]),s._v(" 里加入下面代码即可定制化单个页面进场、离场动画，平台内置了 "),t("code",[s._v("Animate.css")]),s._v(" ，所以您直接在 "),t("a",{attrs:{href:"https://animate.style/",target:"_blank",rel:"noopener noreferrer"}},[s._v("Animate.css"),t("OutboundLink")],1),s._v(" 最右侧复制所需动画即可")]),s._v(" "),t("div",{staticClass:"language-Ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[s._v("transition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面进场动画")]),s._v("\n  enterTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"animate__fadeInRight"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 页面离场动画")]),s._v("\n  leaveTransition"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"animate__fadeOutDown"')]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/components/lay-content/index.vue#L77-L107",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看具体实现代码"),t("OutboundLink")],1)]),s._v(" "),t("h3",{attrs:{id:"页面和按钮级别权限设置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#页面和按钮级别权限设置"}},[s._v("#")]),s._v(" 页面和按钮级别权限设置")]),s._v(" "),t("p",[s._v("平台内置 "),t("code",[s._v("RBAC")]),s._v(" 权限模式，无论静态还是动态路由，配置都会生效，点击查看具体 "),t("RouterLink",{attrs:{to:"/pages/RBAC/"}},[s._v("RBAC 权限讲解")])],1),s._v(" "),t("h2",{attrs:{id:"常见疑问"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#常见疑问"}},[s._v("#")]),s._v(" 常见疑问")]),s._v(" "),t("h3",{attrs:{id:"为什么路由的-name-必写-而且必须唯一"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么路由的-name-必写-而且必须唯一"}},[s._v("#")]),s._v(" 为什么路由的 "),t("code",[s._v("name")]),s._v(" 必写，而且必须唯一")]),s._v(" "),t("ol",[t("li",[s._v("没有硬编码的 "),t("code",[s._v("URL")]),s._v(" ；"),t("code",[s._v("params")]),s._v(" 的自动编码/解码；防止在 "),t("code",[s._v("url")]),s._v(" 中出现打字错误；绕过路径排序（如显示一个） "),t("a",{attrs:{href:"https://router.vuejs.org/zh/guide/essentials/named-routes.html#%E5%91%BD%E5%90%8D%E8%B7%AF%E7%94%B1",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击了解具体"),t("OutboundLink")],1)]),s._v(" "),t("li",[s._v("虽然跳转路由有很多方式，但平台只推荐使用 "),t("code",[s._v("name")]),s._v(" 跳转，如下面写法。优点：一是写法简单，尤其当 "),t("code",[s._v("path")]),s._v(" 稍长时优点更突出，因为 "),t("code",[s._v("name")]),s._v(" 只有一个单词；二是规范统一，都用 "),t("code",[s._v("name")]),s._v(" 跳转也方便维护。尤其当项目过大时对整体维护起关键作用")])]),s._v(" "),t("div",{staticClass:"language-Vue line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-vue"}},[t("code",[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("<")]),s._v("script")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("setup")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token attr-name"}},[s._v("lang")]),t("span",{pre:!0,attrs:{class:"token attr-value"}},[t("span",{pre:!0,attrs:{class:"token punctuation attr-equals"}},[s._v("=")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')]),s._v("ts"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v('"')])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),t("span",{pre:!0,attrs:{class:"token script"}},[t("span",{pre:!0,attrs:{class:"token language-javascript"}},[s._v("\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("import")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" useRouter "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("from")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"vue-router"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\n\n"),t("span",{pre:!0,attrs:{class:"token keyword"}},[s._v("const")]),s._v(" router "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("useRouter")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(";")]),s._v("\nrouter"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("push")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token literal-property property"}},[s._v("name")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v("'Fighting'")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n")])]),t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token tag"}},[t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("</")]),s._v("script")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(">")])]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("ol",{attrs:{start:"3"}},[t("li",[s._v("平台的某些关键模块（路由模块、标签模块等）都依赖 "),t("code",[s._v("name")]),s._v("，所以独一无二的 "),t("code",[s._v("name")]),s._v(" 对平台的稳定性起关键作用")])]),s._v(" "),t("h3",{attrs:{id:"为什么路由的-name-需和页面的-name-保持一致"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#为什么路由的-name-需和页面的-name-保持一致"}},[s._v("#")]),s._v(" 为什么路由的 "),t("code",[s._v("name")]),s._v(" 需和页面的 "),t("code",[s._v("name")]),s._v(" 保持一致？")]),s._v(" "),t("p",[s._v("正常情况下这并不是硬性要求，而是一种规范，方便维护查找，通过路由 "),t("code",[s._v("name")]),s._v(" 全局搜索即可知道对应页面代码位置，通过页面对应的 "),t("code",[s._v("name")]),s._v(" 也可知道其对应哪个路由")]),s._v(" "),t("p",[s._v("当然，如果当前路由页面需要 "),t("a",{attrs:{href:"#%E8%B7%AF%E7%94%B1%E9%A1%B5%E9%9D%A2%E7%BC%93%E5%AD%98-keepalive"}},[s._v("路由页面缓存 keepAlive")]),s._v(" 就必须保持一致")]),s._v(" "),t("h2",{attrs:{id:"更多路由跳转示例代码"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#更多路由跳转示例代码"}},[s._v("#")]),s._v(" 更多路由跳转示例代码")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/tabs",target:"_blank",rel:"noopener noreferrer"}},[s._v("点击查看示例代码"),t("OutboundLink")],1)]),s._v(" "),t("p",[s._v("效果如下")]),s._v(" "),t("p",[t("img",{attrs:{src:a(417),alt:"more"}})])])}),[],!1,null,null,null);t.default=e.exports}}]);
\ No newline at end of file
diff --git a/assets/js/5.340f0ffa.js b/assets/js/5.af6dde15.js
similarity index 71%
rename from assets/js/5.340f0ffa.js
rename to assets/js/5.af6dde15.js
index 75ebe6315..bc1cf3018 100644
--- a/assets/js/5.340f0ffa.js
+++ b/assets/js/5.af6dde15.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{290:function(t,a,e){"use strict";e.r(a);var s=e(291),r=e.n(s);for(var _ in s)["default"].indexOf(_)<0&&function(t){e.d(a,t,(function(){return s[t]}))}(_);a.default=r.a},291:function(t,a){function e(t){return t<10?"0"+t:t}function s(t){const a=new Date,s=new Date("2024-12-01T00:00:00")-a;if(s<=0)return t?console.log("已恢复原价"):document.getElementById("max-time").textContent="已恢复原价",void clearInterval(_);const r=Math.floor(s/864e5),v=Math.floor(s%864e5/36e5),n=Math.floor(s%36e5/6e4),o=Math.floor(s%6e4/1e3);if(t)console.log(`距离恢复原价还剩 ${e(r)} 天 ${e(v)} 小时 ${e(n)} 分钟 ${e(o)} 秒`);else{const t=document.getElementById("max-time");t&&(t.textContent=`距离恢复原价还剩 ${e(r)} 天 ${e(v)} 小时 ${e(n)} 分钟 ${e(o)} 秒`)}}const r="undefined"==typeof window;let _=null;r?s(r):_=setInterval(()=>s(r),1e3)},330:function(t,a,e){},510:function(t,a,e){t.exports=e.p+"assets/img/1.486853c5.jpg"},511:function(t,a,e){t.exports=e.p+"assets/img/2.51c1b286.jpg"},512:function(t,a,e){t.exports=e.p+"assets/img/3.7576df02.jpg"},513:function(t,a,e){t.exports=e.p+"assets/img/4.8e1c6745.jpg"},514:function(t,a,e){t.exports=e.p+"assets/img/5.431d83d9.jpg"},515:function(t,a,e){t.exports=e.p+"assets/img/1.dc7a997d.jpg"},516:function(t,a,e){t.exports=e.p+"assets/img/1.45dc0e68.jpg"},517:function(t,a,e){t.exports=e.p+"assets/img/2.434ae69f.jpg"},518:function(t,a,e){t.exports=e.p+"assets/img/3.88cc9b6a.jpg"},519:function(t,a,e){t.exports=e.p+"assets/img/1.c5494d1b.jpg"},520:function(t,a,e){t.exports=e.p+"assets/img/2.cddcd745.jpg"},521:function(t,a,e){t.exports=e.p+"assets/img/3.65bed589.jpg"},522:function(t,a,e){t.exports=e.p+"assets/img/1.faa06992.jpg"},523:function(t,a,e){t.exports=e.p+"assets/img/2.6ffb4350.jpg"},524:function(t,a,e){t.exports=e.p+"assets/img/3.06ff8bb2.jpg"},525:function(t,a,e){t.exports=e.p+"assets/img/4.f2995f61.jpg"},526:function(t,a,e){t.exports=e.p+"assets/img/1.f600e6b4.jpg"},527:function(t,a,e){t.exports=e.p+"assets/img/2.814c09b1.jpg"},528:function(t,a,e){"use strict";e(330)},533:function(t,a,e){"use strict";e.d(a,"a",(function(){return s})),e.d(a,"b",(function(){return r}));var s=function(){var t=this,a=t._self._c;t._self._setupProxy;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[t._v("max版本现已开放购买渠道，欢迎咨询")]),t._v(" "),a("h3",{attrs:{id:"介绍"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#介绍"}},[t._v("#")]),t._v(" 介绍")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin-max",target:"_blank",rel:"noopener noreferrer"}},[t._v("点我查看预览"),a("OutboundLink")],1)]),t._v(" "),a("p",[a("code",[t._v("max")]),t._v("版本即"),a("code",[t._v("vue-pure-admin-max")]),t._v("，它在保留 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-pure-admin"),a("OutboundLink")],1),t._v(" 所有功能基础上，再添加更多的高级功能，每个高级功能仅一个提交记录，全部提供源代码，方便用户自行同步代码。具体高级功能如下：")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[a("strong",[t._v("高级功能")])]),t._v(" "),a("th",[a("strong",[t._v("进度")])])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("新款菜单导航模式（左侧双栏菜单）")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("悬浮按钮功能")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("新增繁體中文、日语、韩语的内置支持")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("字典管理")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("多租户管理")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("页头添加整体风格快捷操作按钮")]),t._v(" "),a("td",[t._v("已完成")])])])]),t._v(" "),a("p",[t._v("目前共有"),a("code",[t._v("6")]),t._v("项高级功能，后续我们会持续更新添加更多高级功能。随着新高级功能的增加，价格也会相应上调。不过，请放心，无论您以何种价格购买了"),a("code",[t._v("Max")]),t._v("版本，都将永久享受现有的以及后续所有的新高级功能！")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("下个高级功能预告")]),t._v(" "),a("p",[t._v("日历排班")])]),t._v(" "),a("h3",{attrs:{id:"价格"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#价格"}},[t._v("#")]),t._v(" 价格")]),t._v(" "),a("p",[t._v("原价"),a("span",{staticClass:"money-deleted"},[a("code",[t._v("￥500")])]),t._v("，限时"),a("code",[t._v("￥168")]),t._v(" "),a("span",{staticStyle:{color:"red"},attrs:{id:"max-time"}})]),t._v(" "),a("h3",{attrs:{id:"如何购买"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#如何购买"}},[t._v("#")]),t._v(" 如何购买")]),t._v(" "),a("p",[t._v("加微信号: "),a("code",[t._v("pureadmin")]),t._v(" 或扫下方二维码，添加时请备注"),a("code",[t._v("max")]),t._v("，无备注会被忽略")]),t._v(" "),a("img",{attrs:{src:t.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),t._v(" "),a("h3",{attrs:{id:"限时特惠活动"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#限时特惠活动"}},[t._v("#")]),t._v(" 限时特惠活动")]),t._v(" "),a("p",[t._v("现推出"),a("code",[t._v("JS")]),t._v("版本与"),a("code",[t._v("Max")]),t._v("版本的组合限时特惠，总价仅需"),a("code",[t._v("￥300")]),t._v("。如果您之前已购买了"),a("code",[t._v("JS")]),t._v("版本，现在只需补足差额至"),a("code",[t._v("￥300")]),t._v("，即可拥有"),a("code",[t._v("Max")]),t._v("版本。例如，若您之前以"),a("code",[t._v("￥188")]),t._v("购买了"),a("code",[t._v("JS")]),t._v("版本，现在只需再支付"),a("code",[t._v("￥112")]),t._v("，即可享有"),a("code",[t._v("Max")]),t._v("版本！")]),t._v(" "),a("h3",{attrs:{id:"温馨提示"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#温馨提示"}},[t._v("#")]),t._v(" 温馨提示")]),t._v(" "),a("p",[a("code",[t._v("max")]),t._v("版本代码存放于 "),a("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("github"),a("OutboundLink")],1),t._v("，添加上方微信后请提供您的 "),a("RouterLink",{attrs:{to:"/pages/FAQ/#github账号在哪里看"}},[t._v("github 账号")]),t._v(" ，我会拉您进"),a("code",[t._v("vue-pure-admin-max")]),t._v("私有仓库")],1),t._v(" "),a("h3",{attrs:{id:"功能截图"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#功能截图"}},[t._v("#")]),t._v(" 功能截图")]),t._v(" "),a("h4",{attrs:{id:"_1-新款菜单导航模式-左侧双栏菜单"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-新款菜单导航模式-左侧双栏菜单"}},[t._v("#")]),t._v(" ① 新款菜单导航模式（左侧双栏菜单）")]),t._v(" "),a("p",[a("img",{attrs:{src:e(510),alt:"double1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(511),alt:"double2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(512),alt:"double3"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(513),alt:"double4"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(514),alt:"double5"}})]),t._v(" "),a("h4",{attrs:{id:"_2-悬浮按钮功能"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_2-悬浮按钮功能"}},[t._v("#")]),t._v(" ② 悬浮按钮功能")]),t._v(" "),a("p",[a("img",{attrs:{src:e(515),alt:"float-button"}})]),t._v(" "),a("h4",{attrs:{id:"_3-新增繁體中文、日语、韩语的内置支持"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_3-新增繁體中文、日语、韩语的内置支持"}},[t._v("#")]),t._v(" ③ 新增繁體中文、日语、韩语的内置支持")]),t._v(" "),a("p",[a("img",{attrs:{src:e(516),alt:"locales1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(517),alt:"locales2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(518),alt:"locales3"}})]),t._v(" "),a("h4",{attrs:{id:"_4-字典管理"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_4-字典管理"}},[t._v("#")]),t._v(" ④ 字典管理")]),t._v(" "),a("p",[a("img",{attrs:{src:e(519),alt:"dict1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(520),alt:"dict2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(521),alt:"dict3"}})]),t._v(" "),a("h4",{attrs:{id:"_5-多租户管理"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_5-多租户管理"}},[t._v("#")]),t._v(" ⑤ 多租户管理")]),t._v(" "),a("p",[a("img",{attrs:{src:e(522),alt:"tenant1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(523),alt:"tenant2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(524),alt:"tenant3"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(525),alt:"tenant4"}})]),t._v(" "),a("h4",{attrs:{id:"_6-页头添加整体风格快捷操作按钮"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_6-页头添加整体风格快捷操作按钮"}},[t._v("#")]),t._v(" ⑥ 页头添加整体风格快捷操作按钮")]),t._v(" "),a("p",[a("img",{attrs:{src:e(526),alt:"overall-style1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(527),alt:"overall-style2"}})])])},r=[]},535:function(t,a,e){"use strict";e.r(a);var s=e(533),r=e(290);for(var _ in r)["default"].indexOf(_)<0&&function(t){e.d(a,t,(function(){return r[t]}))}(_);e(528);var v=e(7),n=Object(v.a)(r.default,s.a,s.b,!1,null,"7cce3ea9",null);a.default=n.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{288:function(t,a,e){"use strict";e.r(a);var s=e(289),r=e.n(s);for(var _ in s)["default"].indexOf(_)<0&&function(t){e.d(a,t,(function(){return s[t]}))}(_);a.default=r.a},289:function(t,a){function e(t){return t<10?"0"+t:t}function s(t){const a=new Date,s=new Date("2024-12-01T00:00:00")-a;if(s<=0)return t?console.log("已恢复原价"):document.getElementById("max-time").textContent="已恢复原价",void clearInterval(_);const r=Math.floor(s/864e5),v=Math.floor(s%864e5/36e5),n=Math.floor(s%36e5/6e4),o=Math.floor(s%6e4/1e3);if(t)console.log(`距离恢复原价还剩 ${e(r)} 天 ${e(v)} 小时 ${e(n)} 分钟 ${e(o)} 秒`);else{const t=document.getElementById("max-time");t&&(t.textContent=`距离恢复原价还剩 ${e(r)} 天 ${e(v)} 小时 ${e(n)} 分钟 ${e(o)} 秒`)}}const r="undefined"==typeof window;let _=null;r?s(r):_=setInterval(()=>s(r),1e3)},329:function(t,a,e){},502:function(t,a,e){t.exports=e.p+"assets/img/1.486853c5.jpg"},503:function(t,a,e){t.exports=e.p+"assets/img/2.51c1b286.jpg"},504:function(t,a,e){t.exports=e.p+"assets/img/3.7576df02.jpg"},505:function(t,a,e){t.exports=e.p+"assets/img/4.8e1c6745.jpg"},506:function(t,a,e){t.exports=e.p+"assets/img/5.431d83d9.jpg"},507:function(t,a,e){t.exports=e.p+"assets/img/1.dc7a997d.jpg"},508:function(t,a,e){t.exports=e.p+"assets/img/1.45dc0e68.jpg"},509:function(t,a,e){t.exports=e.p+"assets/img/2.434ae69f.jpg"},510:function(t,a,e){t.exports=e.p+"assets/img/3.88cc9b6a.jpg"},511:function(t,a,e){t.exports=e.p+"assets/img/1.c5494d1b.jpg"},512:function(t,a,e){t.exports=e.p+"assets/img/2.cddcd745.jpg"},513:function(t,a,e){t.exports=e.p+"assets/img/3.65bed589.jpg"},514:function(t,a,e){t.exports=e.p+"assets/img/1.faa06992.jpg"},515:function(t,a,e){t.exports=e.p+"assets/img/2.6ffb4350.jpg"},516:function(t,a,e){t.exports=e.p+"assets/img/3.06ff8bb2.jpg"},517:function(t,a,e){t.exports=e.p+"assets/img/4.f2995f61.jpg"},518:function(t,a,e){t.exports=e.p+"assets/img/1.f600e6b4.jpg"},519:function(t,a,e){t.exports=e.p+"assets/img/2.814c09b1.jpg"},520:function(t,a,e){"use strict";e(329)},532:function(t,a,e){"use strict";e.d(a,"a",(function(){return s})),e.d(a,"b",(function(){return r}));var s=function(){var t=this,a=t._self._c;t._self._setupProxy;return a("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[a("p",[t._v("max版本现已开放购买渠道，欢迎咨询")]),t._v(" "),a("h3",{attrs:{id:"介绍"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#介绍"}},[t._v("#")]),t._v(" 介绍")]),t._v(" "),a("p",[a("a",{attrs:{href:"https://pure-admin.github.io/vue-pure-admin-max",target:"_blank",rel:"noopener noreferrer"}},[t._v("点我查看预览"),a("OutboundLink")],1)]),t._v(" "),a("p",[a("code",[t._v("max")]),t._v("版本即"),a("code",[t._v("vue-pure-admin-max")]),t._v("，它在保留 "),a("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[t._v("vue-pure-admin"),a("OutboundLink")],1),t._v(" 所有功能基础上，再添加更多的高级功能，每个高级功能仅一个提交记录，全部提供源代码，方便用户自行同步代码。具体高级功能如下：")]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[a("strong",[t._v("高级功能")])]),t._v(" "),a("th",[a("strong",[t._v("进度")])])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("新款菜单导航模式（左侧双栏菜单）")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("悬浮按钮功能")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("新增繁體中文、日语、韩语的内置支持")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("字典管理")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("多租户管理")]),t._v(" "),a("td",[t._v("已完成")])]),t._v(" "),a("tr",[a("td",[t._v("页头添加整体风格快捷操作按钮")]),t._v(" "),a("td",[t._v("已完成")])])])]),t._v(" "),a("p",[t._v("目前共有"),a("code",[t._v("6")]),t._v("项高级功能，后续我们会持续更新添加更多高级功能。随着新高级功能的增加，价格也会相应上调。不过，请放心，无论您以何种价格购买了"),a("code",[t._v("Max")]),t._v("版本，都将永久享受现有的以及后续所有的新高级功能！")]),t._v(" "),a("div",{staticClass:"custom-block tip"},[a("p",{staticClass:"custom-block-title"},[t._v("下个高级功能预告")]),t._v(" "),a("p",[t._v("日历排班")])]),t._v(" "),a("h3",{attrs:{id:"价格"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#价格"}},[t._v("#")]),t._v(" 价格")]),t._v(" "),a("p",[t._v("原价"),a("span",{staticClass:"money-deleted"},[a("code",[t._v("￥500")])]),t._v("，限时"),a("code",[t._v("￥168")]),t._v(" "),a("span",{staticStyle:{color:"red"},attrs:{id:"max-time"}})]),t._v(" "),a("h3",{attrs:{id:"如何购买"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#如何购买"}},[t._v("#")]),t._v(" 如何购买")]),t._v(" "),a("p",[t._v("加微信号: "),a("code",[t._v("pureadmin")]),t._v(" 或扫下方二维码，添加时请备注"),a("code",[t._v("max")]),t._v("，无备注会被忽略")]),t._v(" "),a("img",{attrs:{src:t.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),t._v(" "),a("h3",{attrs:{id:"限时特惠活动"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#限时特惠活动"}},[t._v("#")]),t._v(" 限时特惠活动")]),t._v(" "),a("p",[t._v("现推出"),a("code",[t._v("JS")]),t._v("版本与"),a("code",[t._v("Max")]),t._v("版本的组合限时特惠，总价仅需"),a("code",[t._v("￥300")]),t._v("。如果您之前已购买了"),a("code",[t._v("JS")]),t._v("版本，现在只需补足差额至"),a("code",[t._v("￥300")]),t._v("，即可拥有"),a("code",[t._v("Max")]),t._v("版本。例如，若您之前以"),a("code",[t._v("￥188")]),t._v("购买了"),a("code",[t._v("JS")]),t._v("版本，现在只需再支付"),a("code",[t._v("￥112")]),t._v("，即可享有"),a("code",[t._v("Max")]),t._v("版本！")]),t._v(" "),a("h3",{attrs:{id:"温馨提示"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#温馨提示"}},[t._v("#")]),t._v(" 温馨提示")]),t._v(" "),a("p",[a("code",[t._v("max")]),t._v("版本代码存放于 "),a("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[t._v("github"),a("OutboundLink")],1),t._v("，添加上方微信后请提供您的 "),a("RouterLink",{attrs:{to:"/pages/FAQ/#github账号在哪里看"}},[t._v("github 账号")]),t._v(" ，我会拉您进"),a("code",[t._v("vue-pure-admin-max")]),t._v("私有仓库")],1),t._v(" "),a("h3",{attrs:{id:"功能截图"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#功能截图"}},[t._v("#")]),t._v(" 功能截图")]),t._v(" "),a("h4",{attrs:{id:"_1-新款菜单导航模式-左侧双栏菜单"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_1-新款菜单导航模式-左侧双栏菜单"}},[t._v("#")]),t._v(" ① 新款菜单导航模式（左侧双栏菜单）")]),t._v(" "),a("p",[a("img",{attrs:{src:e(502),alt:"double1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(503),alt:"double2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(504),alt:"double3"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(505),alt:"double4"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(506),alt:"double5"}})]),t._v(" "),a("h4",{attrs:{id:"_2-悬浮按钮功能"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_2-悬浮按钮功能"}},[t._v("#")]),t._v(" ② 悬浮按钮功能")]),t._v(" "),a("p",[a("img",{attrs:{src:e(507),alt:"float-button"}})]),t._v(" "),a("h4",{attrs:{id:"_3-新增繁體中文、日语、韩语的内置支持"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_3-新增繁體中文、日语、韩语的内置支持"}},[t._v("#")]),t._v(" ③ 新增繁體中文、日语、韩语的内置支持")]),t._v(" "),a("p",[a("img",{attrs:{src:e(508),alt:"locales1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(509),alt:"locales2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(510),alt:"locales3"}})]),t._v(" "),a("h4",{attrs:{id:"_4-字典管理"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_4-字典管理"}},[t._v("#")]),t._v(" ④ 字典管理")]),t._v(" "),a("p",[a("img",{attrs:{src:e(511),alt:"dict1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(512),alt:"dict2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(513),alt:"dict3"}})]),t._v(" "),a("h4",{attrs:{id:"_5-多租户管理"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_5-多租户管理"}},[t._v("#")]),t._v(" ⑤ 多租户管理")]),t._v(" "),a("p",[a("img",{attrs:{src:e(514),alt:"tenant1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(515),alt:"tenant2"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(516),alt:"tenant3"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(517),alt:"tenant4"}})]),t._v(" "),a("h4",{attrs:{id:"_6-页头添加整体风格快捷操作按钮"}},[a("a",{staticClass:"header-anchor",attrs:{href:"#_6-页头添加整体风格快捷操作按钮"}},[t._v("#")]),t._v(" ⑥ 页头添加整体风格快捷操作按钮")]),t._v(" "),a("p",[a("img",{attrs:{src:e(518),alt:"overall-style1"}}),t._v(" "),a("br")]),t._v(" "),a("p",[a("img",{attrs:{src:e(519),alt:"overall-style2"}})])])},r=[]},534:function(t,a,e){"use strict";e.r(a);var s=e(532),r=e(288);for(var _ in r)["default"].indexOf(_)<0&&function(t){e.d(a,t,(function(){return r[t]}))}(_);e(520);var v=e(7),n=Object(v.a)(r.default,s.a,s.b,!1,null,"7cce3ea9",null);a.default=n.exports}}]);
\ No newline at end of file
diff --git a/assets/js/7.e89c9859.js b/assets/js/7.524f456a.js
similarity index 85%
rename from assets/js/7.e89c9859.js
rename to assets/js/7.524f456a.js
index b948c9687..9033c7af9 100644
--- a/assets/js/7.e89c9859.js
+++ b/assets/js/7.524f456a.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{288:function(e,t,r){"use strict";r.r(t);var n=r(289),a=r.n(n);for(var o in n)["default"].indexOf(o)<0&&function(e){r.d(t,e,(function(){return n[e]}))}(o);t.default=a.a},289:function(e,t){function r(e){return e<10?"0"+e:e}function n(e){const t=new Date,n=new Date("2024-12-01T00:00:00")-t;if(n<=0)return e?console.log("已恢复原价"):document.getElementById("js-time").textContent="已恢复原价",void clearInterval(o);const a=Math.floor(n/864e5),s=Math.floor(n%864e5/36e5),v=Math.floor(n%36e5/6e4),_=Math.floor(n%6e4/1e3);if(e)console.log(`距离恢复原价还剩 ${r(a)} 天 ${r(s)} 小时 ${r(v)} 分钟 ${r(_)} 秒`);else{const e=document.getElementById("js-time");e&&(e.textContent=`距离恢复原价还剩 ${r(a)} 天 ${r(s)} 小时 ${r(v)} 分钟 ${r(_)} 秒`)}}const a="undefined"==typeof window;let o=null;a?n(a):o=setInterval(()=>n(a),1e3)},329:function(e,t,r){},502:function(e,t,r){e.exports=r.p+"assets/img/full.5e2f69dd.jpg"},503:function(e,t,r){e.exports=r.p+"assets/img/1.6de0d9f0.jpg"},504:function(e,t,r){e.exports=r.p+"assets/img/2.bb8507e8.jpg"},505:function(e,t,r){e.exports=r.p+"assets/img/3.9bbe1f9b.jpg"},506:function(e,t,r){e.exports=r.p+"assets/img/4.81572176.jpg"},507:function(e,t,r){e.exports=r.p+"assets/img/5.6c2d9065.jpg"},508:function(e,t,r){e.exports=r.p+"assets/img/6.ae5807f4.jpg"},509:function(e,t,r){"use strict";r(329)},532:function(e,t,r){"use strict";r.d(t,"a",(function(){return n})),r.d(t,"b",(function(){return a}));var n=function(){var e=this,t=e._self._c;e._self._setupProxy;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h3",{attrs:{id:"介绍"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#介绍"}},[e._v("#")]),e._v(" 介绍")]),e._v(" "),t("p",[t("code",[e._v("JS")]),e._v("版本即"),t("code",[e._v("pure-admin-thin-js")]),e._v("，它是 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin"),t("OutboundLink")],1),e._v(" 的"),t("code",[e._v("js")]),e._v("版本，同时拥有"),t("code",[e._v("国际化")]),e._v("和"),t("code",[e._v("非国际化")]),e._v("两个版本并且会"),t("code",[e._v("永久同步")]),e._v("代码。"),t("code",[e._v("JS")]),e._v("版本将之前所有使用"),t("code",[e._v("TypeScript")]),e._v("语法的代码或文件全量替换为"),t("code",[e._v("JavaScript")]),e._v("语法，也就意味着您在编写代码时可以更加地随意，无需编写"),t("code",[e._v("ts")]),e._v("类型。"),t("code",[e._v("JS")]),e._v("版本"),t("code",[e._v("快速易上手")]),e._v("、更适合需要"),t("code",[e._v("快速开发上线")]),e._v("的项目、更适合"),t("code",[e._v("二次开发")]),e._v("、更容易"),t("code",[e._v("同步更新代码")]),e._v("、它也避免了开发人员将 "),t("code",[e._v("TypeScript")]),e._v(" 和 "),t("code",[e._v("JavaScript")]),e._v(" 混用带来后续难以维护的问题。对于初学者、小团队或者想要学习源码的朋友，推荐首选"),t("code",[e._v("JS")]),e._v("版本！")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin"),t("OutboundLink")],1),e._v(" 每次发版后，"),t("code",[e._v("JS")]),e._v("版本将优先同步更新，最晚一周内同步更新完成，而 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin"),t("OutboundLink")],1),e._v(" 版本最晚一个月内同步更新完成。")]),e._v(" "),t("p",[t("code",[e._v("JS")]),e._v("版本让精简版更加精简，让代码编写更加顺手，让项目交付更加快速！")]),e._v(" "),t("h3",{attrs:{id:"价格"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#价格"}},[e._v("#")]),e._v(" 价格")]),e._v(" "),t("p",[e._v("原价"),t("span",{staticClass:"money-deleted"},[t("code",[e._v("￥300")])]),e._v("，限时"),t("code",[e._v("￥188")]),e._v(" "),t("span",{staticStyle:{color:"red"},attrs:{id:"js-time"}})]),e._v(" "),t("h3",{attrs:{id:"如何购买"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何购买"}},[e._v("#")]),e._v(" 如何购买")]),e._v(" "),t("p",[e._v("加微信号: "),t("code",[e._v("pureadmin")]),e._v(" 或扫下方二维码，添加时请备注"),t("code",[e._v("js")]),e._v("，无备注会被忽略")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),e._v(" "),t("h3",{attrs:{id:"限时特惠活动"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#限时特惠活动"}},[e._v("#")]),e._v(" 限时特惠活动")]),e._v(" "),t("p",[e._v("现推出"),t("code",[e._v("JS")]),e._v("版本与"),t("code",[e._v("Max")]),e._v("版本的组合限时特惠，总价仅需"),t("code",[e._v("￥300")])]),e._v(" "),t("h3",{attrs:{id:"温馨提示"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#温馨提示"}},[e._v("#")]),e._v(" 温馨提示")]),e._v(" "),t("p",[t("code",[e._v("JS")]),e._v("版本代码存放于 "),t("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[e._v("github"),t("OutboundLink")],1),e._v("，添加上方微信后请提供您的 "),t("RouterLink",{attrs:{to:"/pages/FAQ/#github账号在哪里看"}},[e._v("github 账号")]),e._v(" ，我会拉您进"),t("code",[e._v("pure-admin-thin-js")]),e._v("私有仓库")],1),e._v(" "),t("h3",{attrs:{id:"超低成本切换js版本教程"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#超低成本切换js版本教程"}},[e._v("#")]),e._v(" 超低成本切换"),t("code",[e._v("JS")]),e._v("版本教程")]),e._v(" "),t("p",[e._v("用户疑问："),t("code",[e._v("pure-admin-thin-js")]),e._v("是 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin"),t("OutboundLink")],1),e._v(" 的"),t("code",[e._v("js")]),e._v("版本，那如果需要 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("完整版"),t("OutboundLink")],1),e._v(" 的一些业务页面或组件，比如 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system",target:"_blank",rel:"noopener noreferrer"}},[e._v("系统管理"),t("OutboundLink")],1),e._v(" 里的所有页面还有"),t("code",[e._v("src/components")]),e._v("文件夹里的一些组件，比如 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReVxeTableBar",target:"_blank",rel:"noopener noreferrer"}},[e._v("ReVxeTableBar"),t("OutboundLink")],1),e._v("，它们该怎么切换为"),t("code",[e._v("js")]),e._v("版本呢？")]),e._v(" "),t("p",[e._v("平台回答：我们会提供免费的教学视频，会演示如何将系统管理里的所有页面和"),t("code",[e._v("src/components")]),e._v("里的组件改为"),t("code",[e._v("js")]),e._v("版本并放到"),t("code",[e._v("pure-admin-thin-js")]),e._v("中")]),e._v(" "),t("p",[e._v("教程地址："),t("a",{attrs:{href:"https://www.bilibili.com/video/BV1Wr421F7oj/",target:"_blank",rel:"noopener noreferrer"}},[e._v("点击观看教程"),t("OutboundLink")],1)]),e._v(" "),t("p",[t("span",{staticStyle:{color:"red"}},[e._v("当然我们还提供了"),t("code",[e._v("full")]),e._v("分支，该分支迁移了完整版中 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system",target:"_blank",rel:"noopener noreferrer"}},[e._v("系统管理"),t("OutboundLink")],1),e._v(" 的所有页面和 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/components",target:"_blank",rel:"noopener noreferrer"}},[e._v("/src/components"),t("OutboundLink")],1),e._v(" 文件夹中所有的组件，如下图：")])]),e._v(" "),t("p",[t("img",{attrs:{src:r(502),alt:"full"}})]),e._v(" "),t("h3",{attrs:{id:"相关截图"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#相关截图"}},[e._v("#")]),e._v(" 相关截图")]),e._v(" "),t("p",[t("img",{attrs:{src:r(503),alt:"js1"}}),e._v(" "),t("img",{attrs:{src:r(504),alt:"js2"}}),e._v(" "),t("img",{attrs:{src:r(505),alt:"js3"}}),e._v(" "),t("img",{attrs:{src:r(506),alt:"js4"}}),e._v(" "),t("img",{attrs:{src:r(507),alt:"js5"}}),e._v(" "),t("img",{attrs:{src:r(508),alt:"js6"}})])])},a=[]},534:function(e,t,r){"use strict";r.r(t);var n=r(532),a=r(288);for(var o in a)["default"].indexOf(o)<0&&function(e){r.d(t,e,(function(){return a[e]}))}(o);r(509);var s=r(7),v=Object(s.a)(a.default,n.a,n.b,!1,null,"1e57759c",null);t.default=v.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{290:function(e,t,r){"use strict";r.r(t);var n=r(291),a=r.n(n);for(var o in n)["default"].indexOf(o)<0&&function(e){r.d(t,e,(function(){return n[e]}))}(o);t.default=a.a},291:function(e,t){function r(e){return e<10?"0"+e:e}function n(e){const t=new Date,n=new Date("2024-12-01T00:00:00")-t;if(n<=0)return e?console.log("已恢复原价"):document.getElementById("js-time").textContent="已恢复原价",void clearInterval(o);const a=Math.floor(n/864e5),s=Math.floor(n%864e5/36e5),v=Math.floor(n%36e5/6e4),_=Math.floor(n%6e4/1e3);if(e)console.log(`距离恢复原价还剩 ${r(a)} 天 ${r(s)} 小时 ${r(v)} 分钟 ${r(_)} 秒`);else{const e=document.getElementById("js-time");e&&(e.textContent=`距离恢复原价还剩 ${r(a)} 天 ${r(s)} 小时 ${r(v)} 分钟 ${r(_)} 秒`)}}const a="undefined"==typeof window;let o=null;a?n(a):o=setInterval(()=>n(a),1e3)},330:function(e,t,r){},521:function(e,t,r){e.exports=r.p+"assets/img/full.5e2f69dd.jpg"},522:function(e,t,r){e.exports=r.p+"assets/img/1.6de0d9f0.jpg"},523:function(e,t,r){e.exports=r.p+"assets/img/2.bb8507e8.jpg"},524:function(e,t,r){e.exports=r.p+"assets/img/3.9bbe1f9b.jpg"},525:function(e,t,r){e.exports=r.p+"assets/img/4.81572176.jpg"},526:function(e,t,r){e.exports=r.p+"assets/img/5.6c2d9065.jpg"},527:function(e,t,r){e.exports=r.p+"assets/img/6.ae5807f4.jpg"},528:function(e,t,r){"use strict";r(330)},533:function(e,t,r){"use strict";r.d(t,"a",(function(){return n})),r.d(t,"b",(function(){return a}));var n=function(){var e=this,t=e._self._c;e._self._setupProxy;return t("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[t("h3",{attrs:{id:"介绍"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#介绍"}},[e._v("#")]),e._v(" 介绍")]),e._v(" "),t("p",[t("code",[e._v("JS")]),e._v("版本即"),t("code",[e._v("pure-admin-thin-js")]),e._v("，它是 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin"),t("OutboundLink")],1),e._v(" 的"),t("code",[e._v("js")]),e._v("版本，同时拥有"),t("code",[e._v("国际化")]),e._v("和"),t("code",[e._v("非国际化")]),e._v("两个版本并且会"),t("code",[e._v("永久同步")]),e._v("代码。"),t("code",[e._v("JS")]),e._v("版本将之前所有使用"),t("code",[e._v("TypeScript")]),e._v("语法的代码或文件全量替换为"),t("code",[e._v("JavaScript")]),e._v("语法，也就意味着您在编写代码时可以更加地随意，无需编写"),t("code",[e._v("ts")]),e._v("类型。"),t("code",[e._v("JS")]),e._v("版本"),t("code",[e._v("快速易上手")]),e._v("、更适合需要"),t("code",[e._v("快速开发上线")]),e._v("的项目、更适合"),t("code",[e._v("二次开发")]),e._v("、更容易"),t("code",[e._v("同步更新代码")]),e._v("、它也避免了开发人员将 "),t("code",[e._v("TypeScript")]),e._v(" 和 "),t("code",[e._v("JavaScript")]),e._v(" 混用带来后续难以维护的问题。对于初学者、小团队或者想要学习源码的朋友，推荐首选"),t("code",[e._v("JS")]),e._v("版本！")]),e._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-pure-admin"),t("OutboundLink")],1),e._v(" 每次发版后，"),t("code",[e._v("JS")]),e._v("版本将优先同步更新，最晚一周内同步更新完成，而 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin"),t("OutboundLink")],1),e._v(" 版本最晚一个月内同步更新完成。")]),e._v(" "),t("p",[t("code",[e._v("JS")]),e._v("版本让精简版更加精简，让代码编写更加顺手，让项目交付更加快速！")]),e._v(" "),t("h3",{attrs:{id:"价格"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#价格"}},[e._v("#")]),e._v(" 价格")]),e._v(" "),t("p",[e._v("原价"),t("span",{staticClass:"money-deleted"},[t("code",[e._v("￥300")])]),e._v("，限时"),t("code",[e._v("￥188")]),e._v(" "),t("span",{staticStyle:{color:"red"},attrs:{id:"js-time"}})]),e._v(" "),t("h3",{attrs:{id:"如何购买"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#如何购买"}},[e._v("#")]),e._v(" 如何购买")]),e._v(" "),t("p",[e._v("加微信号: "),t("code",[e._v("pureadmin")]),e._v(" 或扫下方二维码，添加时请备注"),t("code",[e._v("js")]),e._v("，无备注会被忽略")]),e._v(" "),t("img",{attrs:{src:e.$withBase("/img/support/addWx.jpg"),width:"180px",height:"180px"}}),e._v(" "),t("h3",{attrs:{id:"限时特惠活动"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#限时特惠活动"}},[e._v("#")]),e._v(" 限时特惠活动")]),e._v(" "),t("p",[e._v("现推出"),t("code",[e._v("JS")]),e._v("版本与"),t("code",[e._v("Max")]),e._v("版本的组合限时特惠，总价仅需"),t("code",[e._v("￥300")])]),e._v(" "),t("h3",{attrs:{id:"温馨提示"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#温馨提示"}},[e._v("#")]),e._v(" 温馨提示")]),e._v(" "),t("p",[t("code",[e._v("JS")]),e._v("版本代码存放于 "),t("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[e._v("github"),t("OutboundLink")],1),e._v("，添加上方微信后请提供您的 "),t("RouterLink",{attrs:{to:"/pages/FAQ/#github账号在哪里看"}},[e._v("github 账号")]),e._v(" ，我会拉您进"),t("code",[e._v("pure-admin-thin-js")]),e._v("私有仓库")],1),e._v(" "),t("h3",{attrs:{id:"超低成本切换js版本教程"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#超低成本切换js版本教程"}},[e._v("#")]),e._v(" 超低成本切换"),t("code",[e._v("JS")]),e._v("版本教程")]),e._v(" "),t("p",[e._v("用户疑问："),t("code",[e._v("pure-admin-thin-js")]),e._v("是 "),t("a",{attrs:{href:"https://github.com/pure-admin/pure-admin-thin",target:"_blank",rel:"noopener noreferrer"}},[e._v("pure-admin-thin"),t("OutboundLink")],1),e._v(" 的"),t("code",[e._v("js")]),e._v("版本，那如果需要 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin",target:"_blank",rel:"noopener noreferrer"}},[e._v("完整版"),t("OutboundLink")],1),e._v(" 的一些业务页面或组件，比如 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system",target:"_blank",rel:"noopener noreferrer"}},[e._v("系统管理"),t("OutboundLink")],1),e._v(" 里的所有页面还有"),t("code",[e._v("src/components")]),e._v("文件夹里的一些组件，比如 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReVxeTableBar",target:"_blank",rel:"noopener noreferrer"}},[e._v("ReVxeTableBar"),t("OutboundLink")],1),e._v("，它们该怎么切换为"),t("code",[e._v("js")]),e._v("版本呢？")]),e._v(" "),t("p",[e._v("平台回答：我们会提供免费的教学视频，会演示如何将系统管理里的所有页面和"),t("code",[e._v("src/components")]),e._v("里的组件改为"),t("code",[e._v("js")]),e._v("版本并放到"),t("code",[e._v("pure-admin-thin-js")]),e._v("中")]),e._v(" "),t("p",[e._v("教程地址："),t("a",{attrs:{href:"https://www.bilibili.com/video/BV1Wr421F7oj/",target:"_blank",rel:"noopener noreferrer"}},[e._v("点击观看教程"),t("OutboundLink")],1)]),e._v(" "),t("p",[t("span",{staticStyle:{color:"red"}},[e._v("当然我们还提供了"),t("code",[e._v("full")]),e._v("分支，该分支迁移了完整版中 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system",target:"_blank",rel:"noopener noreferrer"}},[e._v("系统管理"),t("OutboundLink")],1),e._v(" 的所有页面和 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/tree/main/src/components",target:"_blank",rel:"noopener noreferrer"}},[e._v("/src/components"),t("OutboundLink")],1),e._v(" 文件夹中所有的组件，如下图：")])]),e._v(" "),t("p",[t("img",{attrs:{src:r(521),alt:"full"}})]),e._v(" "),t("h3",{attrs:{id:"相关截图"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#相关截图"}},[e._v("#")]),e._v(" 相关截图")]),e._v(" "),t("p",[t("img",{attrs:{src:r(522),alt:"js1"}}),e._v(" "),t("img",{attrs:{src:r(523),alt:"js2"}}),e._v(" "),t("img",{attrs:{src:r(524),alt:"js3"}}),e._v(" "),t("img",{attrs:{src:r(525),alt:"js4"}}),e._v(" "),t("img",{attrs:{src:r(526),alt:"js5"}}),e._v(" "),t("img",{attrs:{src:r(527),alt:"js6"}})])])},a=[]},535:function(e,t,r){"use strict";r.r(t);var n=r(533),a=r(290);for(var o in a)["default"].indexOf(o)<0&&function(e){r.d(t,e,(function(){return a[e]}))}(o);r(528);var s=r(7),v=Object(s.a)(a.default,n.a,n.b,!1,null,"1e57759c",null);t.default=v.exports}}]);
\ No newline at end of file
diff --git a/assets/js/9.b11d44ca.js b/assets/js/9.691e4d8b.js
similarity index 97%
rename from assets/js/9.b11d44ca.js
rename to assets/js/9.691e4d8b.js
index e121ca8ce..0672d94bd 100644
--- a/assets/js/9.b11d44ca.js
+++ b/assets/js/9.691e4d8b.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{421:function(s,t,a){s.exports=a.p+"assets/img/report.fc7e20ce.jpg"},422:function(s,t,a){s.exports=a.p+"assets/img/cloc.6b86c905.jpg"},423:function(s,t){s.exports="data:image/jpeg;base64,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"},424:function(s,t,a){s.exports=a.p+"assets/img/dist.4c4b77bc.jpg"},425:function(s,t,a){s.exports=a.p+"assets/img/nginx-config.c1c30d3e.jpg"},426:function(s,t,a){s.exports=a.p+"assets/img/before-gzip.eb22fd3c.jpg"},427:function(s,t,a){s.exports=a.p+"assets/img/after-gzip.e74ee92c.jpg"},428:function(s,t,a){s.exports=a.p+"assets/img/check-nginx-config.bfca0fa7.jpg"},548:function(s,t,a){"use strict";a.r(t);var e=a(7),n=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h3",{attrs:{id:"本地环境打包预览"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#本地环境打包预览"}},[s._v("#")]),s._v(" 本地环境打包预览")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm preview:build\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h3",{attrs:{id:"预发布打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#预发布打包"}},[s._v("#")]),s._v(" 预发布打包")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.staging",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.staging"),t("OutboundLink")],1),s._v(" 文件为预发布打包前的配置文件，"),t("a",{attrs:{href:"https://cn.vitejs.dev/guide/env-and-mode.html#modes",target:"_blank",rel:"noopener noreferrer"}},[s._v("预发布"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vite文档"}})],1),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm build:staging\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h3",{attrs:{id:"正式环境打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#正式环境打包"}},[s._v("#")]),s._v(" 正式环境打包")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.production"),t("OutboundLink")],1),s._v(" 文件为正式环境打包前的配置文件")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm build\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h3",{attrs:{id:"打包分析"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#打包分析"}},[s._v("#")]),s._v(" 打包分析")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm report\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[t("img",{attrs:{src:a(421),alt:"report"}})]),s._v(" "),t("h3",{attrs:{id:"平台文件、语言分析"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台文件、语言分析"}},[s._v("#")]),s._v(" 平台文件、语言分析")]),s._v(" "),t("p",[s._v("分析平台采用了哪些语言以及代码量")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/cd42dbf188fc190a513a7dc1b2b16a033a5c51c7",target:"_blank",rel:"noopener noreferrer"}},[s._v("此处移除了 cloc 支持，可自行集成"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm cloc\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[t("img",{attrs:{src:a(422),alt:"image-cloc"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("打包优化")]),s._v(" "),t("p",[s._v("点击查看更多 "),t("RouterLink",{attrs:{to:"/pages/buildgood/"}},[s._v("打包优化")])],1)]),s._v(" "),t("h2",{attrs:{id:"部署"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#部署"}},[s._v("#")]),s._v(" 部署")]),s._v(" "),t("h3",{attrs:{id:"nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nginx"}},[s._v("#")]),s._v(" "),t("code",[s._v("nginx")])]),s._v(" "),t("p",[s._v("在 "),t("RouterLink",{attrs:{to:"/pages/request/#什么是跨域"}},[s._v("http 请求篇")]),s._v("，平台主推使用 "),t("code",[s._v("nginx")]),s._v(" 部署，因为可以满足绝大多数场景，下面我们讲一下如何配置")],1),s._v(" "),t("h4",{attrs:{id:"打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#打包"}},[s._v("#")]),s._v(" 打包")]),s._v(" "),t("p",[s._v("平台提供了全局打包路径 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L2",target:"_blank",rel:"noopener noreferrer"}},[s._v("VITE_PUBLIC_PATH"),t("OutboundLink")],1),s._v(" ，默认 "),t("code",[s._v("/")]),s._v("，可根据需求自行修改。比如平台的预览地址是 "),t("code",[s._v("https://pure-admin.github.io/vue-pure-admin/#/login")]),s._v("，可以看到根目录 "),t("code",[s._v("https://pure-admin.github.io")]),s._v(" 后面又跟了个 "),t("code",[s._v("/vue-pure-admin/")]),s._v(" 子目录，那么我们打包时就应该把 "),t("code",[s._v("VITE_PUBLIC_PATH")]),s._v(" 改成 "),t("code",[s._v("/vue-pure-admin/")]),s._v("，然后执行 "),t("code",[s._v("pnpm build")]),s._v(" 就行，打包完后观察平台根目录会多出个 "),t("code",[s._v("dist")]),s._v(" 目录，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(423),alt:"dist-small"}})]),s._v(" "),t("h4",{attrs:{id:"nginx-配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nginx-配置"}},[s._v("#")]),s._v(" "),t("code",[s._v("nginx")]),s._v(" 配置")]),s._v(" "),t("p",[s._v("拿 "),t("code",[s._v("mac")]),s._v(" 举例，配置都一样，可能您们对应的目录不一样，根据实际情况修改即可")]),s._v(" "),t("p",[s._v("① 上面打包好后，来到 "),t("code",[s._v("/usr/local/var/www")]),s._v(" 目录下，将打包后 "),t("code",[s._v("dist")]),s._v(" 文件里的静态资源都放进去即可，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(424),alt:"dist"}})]),s._v(" "),t("p",[s._v("② 比如我们在 "),t("code",[s._v("vite.config.ts")]),s._v(" 配置了两个后端地址，如下")]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[s._v("proxy"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 第一个代理后端地址")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string-property property"}},[s._v('"/api"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    target"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"http://127.0.0.1:3000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    changeOrigin"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("rewrite")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" path "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("replace")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token regex"}},[t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),t("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^\\/api")]),t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 第二个代理后端地址")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string-property property"}},[s._v('"/otherApi"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    target"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"http://127.0.0.1:3290"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    changeOrigin"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("rewrite")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" path "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("replace")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token regex"}},[t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),t("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^\\/otherApi")]),t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br")])]),t("p",[s._v("来到 "),t("code",[s._v("/usr/local/etc/nginx/nginx.conf")]),s._v(" 这个 "),t("code",[s._v("nginx")]),s._v(" 的配置文件，修改成如下配置即可")]),s._v(" "),t("p",[s._v("nginx.config")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("location / {\n    root   html;\n    index  index.html index.htm;\n    # 用于配合前端路由为h5模式使用，防止刷新404 https://router.vuejs.org/zh/guide/essentials/history-mode.html#nginx\n    try_files $uri $uri/ /index.html;\n}\n\n# 第一个代理后端地址（vite.config.ts里叫 /api，这里也要保持一致）\nlocation /api {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+api/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3000/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n\n# 第二个代理后端地址（vite.config.ts里叫 /otherApi，这里也要保持一致）\nlocation /otherApi {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+otherApi/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3290/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br")])]),t("p",[s._v("将上面的配置放到 "),t("code",[s._v("server")]),s._v(" 里，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(425),alt:"nginx-config"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("上面的配置是平台的 VITE_PUBLIC_PATH = / 情况，也就是只有根目录的情况。下面的配置为有子目录情况，比如子目录叫 `vue-pure-admin`")]),s._v(" "),t("p",[s._v("① 来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L2",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.production"),t("OutboundLink")],1),s._v("，将 "),t("code",[s._v("VITE_PUBLIC_PATH")]),s._v(" 等于 "),t("code",[s._v("/vue-pure-admin")]),s._v("，如下")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("# 线上环境平台打包路径\nVITE_PUBLIC_PATH = /vue-pure-admin/\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("p",[s._v("② 配置 "),t("code",[s._v("nginx.config")]),s._v(" 如下，可以看到多了个 "),t("code",[s._v("location /vue-pure-admin/")]),s._v(" 配置")]),s._v(" "),t("p",[s._v("nginx.config")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("location / {\n    root   html;\n    index  index.html index.htm;\n    try_files $uri $uri/ /index.html;\n}\n\nlocation /vue-pure-admin/ {\n    root   html;\n    index  index.html index.htm;\n    try_files $uri $uri/ /vue-pure-admin/index.html;\n}\n\nlocation /api {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+api/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3000/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n\nlocation /otherApi {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+otherApi/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3290/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br")])])])]),s._v(" "),t("h4",{attrs:{id:"开启-gzip、brotli-压缩"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#开启-gzip、brotli-压缩"}},[s._v("#")]),s._v(" 开启 "),t("code",[s._v("gzip")]),s._v("、"),t("code",[s._v("brotli")]),s._v(" 压缩")]),s._v(" "),t("p",[s._v("① 来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L13",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.production"),t("OutboundLink")],1),s._v("，将 "),t("code",[s._v("VITE_COMPRESSION")]),s._v(" 等于 "),t("code",[s._v("both")]),s._v("，如下")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v('# 同时开启 gzip 与 brotli 压缩\nVITE_COMPRESSION = "both"\n')])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("p",[s._v("② 配置 "),t("code",[s._v("nginx.config")]),s._v(" 如下")]),s._v(" "),t("p",[s._v("nginx.config")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v('http {\n  # 开启gzip\n  gzip on;\n  # https://blog.csdn.net/fxss5201/article/details/106535475\n  gzip_static on;\n  gzip_proxied any;\n  # 低于1kb的资源不压缩\n  gzip_min_length 1k;\n  gzip_buffers 4 16k;\n  gzip_comp_level 2;\n  # 需要压缩的类型\n  gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;\n  # 配置禁用gzip条件，支持正则。此处表示ie6及以下不启用gzip（因为ie低版本不支持）\n  gzip_disable "MSIE [1-6]\\.";\n  # 是否添加“Vary: Accept-Encoding”响应头\n  gzip_vary off;\n\n  # 开启brotli压缩，与gzip共存不会冲突，nginx默认不支持ngx_brotli模块，需要自行编译，参考 https://cloud.tencent.com/developer/article/2071894\n  brotli on;\n  brotli_comp_level 6;\n  brotli_buffers 16 8k;\n  brotli_min_length 20;\n  brotli_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml;\n}\n')])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br")])]),t("p",[s._v("下面两张图是平台非国际化精简版开启 "),t("code",[s._v("gzip")]),s._v(" 前后对比")]),s._v(" "),t("p",[s._v("未开启 "),t("code",[s._v("gzip")]),s._v("（资源大小 "),t("code",[s._v("2.6MB")]),s._v("）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(426),alt:"before-gzip"}})]),s._v(" "),t("p",[s._v("开启 "),t("code",[s._v("gzip")]),s._v("（资源被压缩，大小 "),t("code",[s._v("684kb")]),s._v("，比未开启时少了约 "),t("code",[s._v("2MB")]),s._v(" 🐮）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(427),alt:"after-gzip"}})]),s._v(" "),t("h4",{attrs:{id:"nginx-常用命令"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nginx-常用命令"}},[s._v("#")]),s._v(" "),t("code",[s._v("nginx")]),s._v(" 常用命令")]),s._v(" "),t("h5",{attrs:{id:"启动-nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#启动-nginx"}},[s._v("#")]),s._v(" 启动 "),t("code",[s._v("nginx")])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h5",{attrs:{id:"重启-nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重启-nginx"}},[s._v("#")]),s._v(" 重启 "),t("code",[s._v("nginx")])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx -s reload\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h5",{attrs:{id:"停止运行-nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#停止运行-nginx"}},[s._v("#")]),s._v(" 停止运行 "),t("code",[s._v("nginx")])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx -s stop\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h5",{attrs:{id:"判断-nginx-config-配置文件语法是否正确"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#判断-nginx-config-配置文件语法是否正确"}},[s._v("#")]),s._v(" 判断 "),t("code",[s._v("nginx.config")]),s._v(" 配置文件语法是否正确")]),s._v(" "),t("p",[s._v("常用于当您配置 "),t("code",[s._v("nginx.config")]),s._v(" 文件保存重启后却不生效时")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx -t\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("当出现 "),t("code",[s._v("ok")]),s._v("、"),t("code",[s._v("successful")]),s._v(" 的字眼时说明配置文件语法没问题")]),s._v(" "),t("p",[t("img",{attrs:{src:a(428),alt:"check-nginx-config"}})])])}),[],!1,null,null,null);t.default=n.exports}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{420:function(s,t,a){s.exports=a.p+"assets/img/report.fc7e20ce.jpg"},421:function(s,t,a){s.exports=a.p+"assets/img/cloc.6b86c905.jpg"},422:function(s,t){s.exports="data:image/jpeg;base64,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"},423:function(s,t,a){s.exports=a.p+"assets/img/dist.4c4b77bc.jpg"},424:function(s,t,a){s.exports=a.p+"assets/img/nginx-config.c1c30d3e.jpg"},425:function(s,t,a){s.exports=a.p+"assets/img/before-gzip.eb22fd3c.jpg"},426:function(s,t,a){s.exports=a.p+"assets/img/after-gzip.e74ee92c.jpg"},427:function(s,t,a){s.exports=a.p+"assets/img/check-nginx-config.bfca0fa7.jpg"},547:function(s,t,a){"use strict";a.r(t);var e=a(7),n=Object(e.a)({},(function(){var s=this,t=s._self._c;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("h3",{attrs:{id:"本地环境打包预览"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#本地环境打包预览"}},[s._v("#")]),s._v(" 本地环境打包预览")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm preview:build\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h3",{attrs:{id:"预发布打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#预发布打包"}},[s._v("#")]),s._v(" 预发布打包")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.staging",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.staging"),t("OutboundLink")],1),s._v(" 文件为预发布打包前的配置文件，"),t("a",{attrs:{href:"https://cn.vitejs.dev/guide/env-and-mode.html#modes",target:"_blank",rel:"noopener noreferrer"}},[s._v("预发布"),t("OutboundLink")],1),s._v(" "),t("Badge",{attrs:{text:"vite文档"}})],1),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm build:staging\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h3",{attrs:{id:"正式环境打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#正式环境打包"}},[s._v("#")]),s._v(" 正式环境打包")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.production"),t("OutboundLink")],1),s._v(" 文件为正式环境打包前的配置文件")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm build\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h3",{attrs:{id:"打包分析"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#打包分析"}},[s._v("#")]),s._v(" 打包分析")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm report\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[t("img",{attrs:{src:a(420),alt:"report"}})]),s._v(" "),t("h3",{attrs:{id:"平台文件、语言分析"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#平台文件、语言分析"}},[s._v("#")]),s._v(" 平台文件、语言分析")]),s._v(" "),t("p",[s._v("分析平台采用了哪些语言以及代码量")]),s._v(" "),t("p",[t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/commit/cd42dbf188fc190a513a7dc1b2b16a033a5c51c7",target:"_blank",rel:"noopener noreferrer"}},[s._v("此处移除了 cloc 支持，可自行集成"),t("OutboundLink")],1)]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("pnpm cloc\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[t("img",{attrs:{src:a(421),alt:"image-cloc"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("打包优化")]),s._v(" "),t("p",[s._v("点击查看更多 "),t("RouterLink",{attrs:{to:"/pages/buildgood/"}},[s._v("打包优化")])],1)]),s._v(" "),t("h2",{attrs:{id:"部署"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#部署"}},[s._v("#")]),s._v(" 部署")]),s._v(" "),t("h3",{attrs:{id:"nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nginx"}},[s._v("#")]),s._v(" "),t("code",[s._v("nginx")])]),s._v(" "),t("p",[s._v("在 "),t("RouterLink",{attrs:{to:"/pages/request/#什么是跨域"}},[s._v("http 请求篇")]),s._v("，平台主推使用 "),t("code",[s._v("nginx")]),s._v(" 部署，因为可以满足绝大多数场景，下面我们讲一下如何配置")],1),s._v(" "),t("h4",{attrs:{id:"打包"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#打包"}},[s._v("#")]),s._v(" 打包")]),s._v(" "),t("p",[s._v("平台提供了全局打包路径 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L2",target:"_blank",rel:"noopener noreferrer"}},[s._v("VITE_PUBLIC_PATH"),t("OutboundLink")],1),s._v(" ，默认 "),t("code",[s._v("/")]),s._v("，可根据需求自行修改。比如平台的预览地址是 "),t("code",[s._v("https://pure-admin.github.io/vue-pure-admin/#/login")]),s._v("，可以看到根目录 "),t("code",[s._v("https://pure-admin.github.io")]),s._v(" 后面又跟了个 "),t("code",[s._v("/vue-pure-admin/")]),s._v(" 子目录，那么我们打包时就应该把 "),t("code",[s._v("VITE_PUBLIC_PATH")]),s._v(" 改成 "),t("code",[s._v("/vue-pure-admin/")]),s._v("，然后执行 "),t("code",[s._v("pnpm build")]),s._v(" 就行，打包完后观察平台根目录会多出个 "),t("code",[s._v("dist")]),s._v(" 目录，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(422),alt:"dist-small"}})]),s._v(" "),t("h4",{attrs:{id:"nginx-配置"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nginx-配置"}},[s._v("#")]),s._v(" "),t("code",[s._v("nginx")]),s._v(" 配置")]),s._v(" "),t("p",[s._v("拿 "),t("code",[s._v("mac")]),s._v(" 举例，配置都一样，可能您们对应的目录不一样，根据实际情况修改即可")]),s._v(" "),t("p",[s._v("① 上面打包好后，来到 "),t("code",[s._v("/usr/local/var/www")]),s._v(" 目录下，将打包后 "),t("code",[s._v("dist")]),s._v(" 文件里的静态资源都放进去即可，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(423),alt:"dist"}})]),s._v(" "),t("p",[s._v("② 比如我们在 "),t("code",[s._v("vite.config.ts")]),s._v(" 配置了两个后端地址，如下")]),s._v(" "),t("div",{staticClass:"language-ts line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-ts"}},[t("code",[s._v("proxy"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 第一个代理后端地址")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string-property property"}},[s._v('"/api"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    target"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"http://127.0.0.1:3000"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    changeOrigin"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("rewrite")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" path "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("replace")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token regex"}},[t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),t("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^\\/api")]),t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("// 第二个代理后端地址")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token string-property property"}},[s._v('"/otherApi"')]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("{")]),s._v("\n    target"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('"http://127.0.0.1:3290"')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    changeOrigin"),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token boolean"}},[s._v("true")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n    "),t("span",{pre:!0,attrs:{class:"token function-variable function"}},[s._v("rewrite")]),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v(":")]),s._v(" path "),t("span",{pre:!0,attrs:{class:"token operator"}},[s._v("=>")]),s._v(" path"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(".")]),t("span",{pre:!0,attrs:{class:"token function"}},[s._v("replace")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("(")]),t("span",{pre:!0,attrs:{class:"token regex"}},[t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")]),t("span",{pre:!0,attrs:{class:"token regex-source language-regex"}},[s._v("^\\/otherApi")]),t("span",{pre:!0,attrs:{class:"token regex-delimiter"}},[s._v("/")])]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v(" "),t("span",{pre:!0,attrs:{class:"token string"}},[s._v('""')]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(")")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(",")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v("}")]),s._v("\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br")])]),t("p",[s._v("来到 "),t("code",[s._v("/usr/local/etc/nginx/nginx.conf")]),s._v(" 这个 "),t("code",[s._v("nginx")]),s._v(" 的配置文件，修改成如下配置即可")]),s._v(" "),t("p",[s._v("nginx.config")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("location / {\n    root   html;\n    index  index.html index.htm;\n    # 用于配合前端路由为h5模式使用，防止刷新404 https://router.vuejs.org/zh/guide/essentials/history-mode.html#nginx\n    try_files $uri $uri/ /index.html;\n}\n\n# 第一个代理后端地址（vite.config.ts里叫 /api，这里也要保持一致）\nlocation /api {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+api/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3000/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n\n# 第二个代理后端地址（vite.config.ts里叫 /otherApi，这里也要保持一致）\nlocation /otherApi {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+otherApi/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3290/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br")])]),t("p",[s._v("将上面的配置放到 "),t("code",[s._v("server")]),s._v(" 里，如下图")]),s._v(" "),t("p",[t("img",{attrs:{src:a(424),alt:"nginx-config"}})]),s._v(" "),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"custom-block-title"},[s._v("上面的配置是平台的 VITE_PUBLIC_PATH = / 情况，也就是只有根目录的情况。下面的配置为有子目录情况，比如子目录叫 `vue-pure-admin`")]),s._v(" "),t("p",[s._v("① 来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L2",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.production"),t("OutboundLink")],1),s._v("，将 "),t("code",[s._v("VITE_PUBLIC_PATH")]),s._v(" 等于 "),t("code",[s._v("/vue-pure-admin")]),s._v("，如下")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("# 线上环境平台打包路径\nVITE_PUBLIC_PATH = /vue-pure-admin/\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("p",[s._v("② 配置 "),t("code",[s._v("nginx.config")]),s._v(" 如下，可以看到多了个 "),t("code",[s._v("location /vue-pure-admin/")]),s._v(" 配置")]),s._v(" "),t("p",[s._v("nginx.config")]),s._v(" "),t("details",{staticClass:"custom-block details"},[t("summary",[s._v("点击查看")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("location / {\n    root   html;\n    index  index.html index.htm;\n    try_files $uri $uri/ /index.html;\n}\n\nlocation /vue-pure-admin/ {\n    root   html;\n    index  index.html index.htm;\n    try_files $uri $uri/ /vue-pure-admin/index.html;\n}\n\nlocation /api {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+api/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3000/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n\nlocation /otherApi {\n    # 如果后端在本地比如127.0.0.1或者localhost请解开下面的rewrite注释即可\n    # rewrite  ^.+otherApi/?(.*)$ /$1 break;\n    # 这里填写后端地址（后面一定不要忘记添加 / ）\n    proxy_pass http://127.0.0.1:3290/;\n    proxy_set_header Host $host;\n    proxy_set_header Cookie $http_cookie;\n    proxy_set_header X-Real-IP $remote_addr;\n    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\n    proxy_redirect default;\n    add_header Access-Control-Allow-Origin *;\n    add_header Access-Control-Allow-Headers X-Requested-With;\n    add_header Access-Control-Allow-Methods GET,POST,OPTIONS;\n}\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br"),t("span",{staticClass:"line-number"},[s._v("25")]),t("br"),t("span",{staticClass:"line-number"},[s._v("26")]),t("br"),t("span",{staticClass:"line-number"},[s._v("27")]),t("br"),t("span",{staticClass:"line-number"},[s._v("28")]),t("br"),t("span",{staticClass:"line-number"},[s._v("29")]),t("br"),t("span",{staticClass:"line-number"},[s._v("30")]),t("br"),t("span",{staticClass:"line-number"},[s._v("31")]),t("br"),t("span",{staticClass:"line-number"},[s._v("32")]),t("br"),t("span",{staticClass:"line-number"},[s._v("33")]),t("br"),t("span",{staticClass:"line-number"},[s._v("34")]),t("br"),t("span",{staticClass:"line-number"},[s._v("35")]),t("br"),t("span",{staticClass:"line-number"},[s._v("36")]),t("br"),t("span",{staticClass:"line-number"},[s._v("37")]),t("br"),t("span",{staticClass:"line-number"},[s._v("38")]),t("br"),t("span",{staticClass:"line-number"},[s._v("39")]),t("br"),t("span",{staticClass:"line-number"},[s._v("40")]),t("br"),t("span",{staticClass:"line-number"},[s._v("41")]),t("br")])])])]),s._v(" "),t("h4",{attrs:{id:"开启-gzip、brotli-压缩"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#开启-gzip、brotli-压缩"}},[s._v("#")]),s._v(" 开启 "),t("code",[s._v("gzip")]),s._v("、"),t("code",[s._v("brotli")]),s._v(" 压缩")]),s._v(" "),t("p",[s._v("① 来到 "),t("a",{attrs:{href:"https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L13",target:"_blank",rel:"noopener noreferrer"}},[s._v(".env.production"),t("OutboundLink")],1),s._v("，将 "),t("code",[s._v("VITE_COMPRESSION")]),s._v(" 等于 "),t("code",[s._v("both")]),s._v("，如下")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v('# 同时开启 gzip 与 brotli 压缩\nVITE_COMPRESSION = "both"\n')])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br")])]),t("p",[s._v("② 配置 "),t("code",[s._v("nginx.config")]),s._v(" 如下")]),s._v(" "),t("p",[s._v("nginx.config")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v('http {\n  # 开启gzip\n  gzip on;\n  # https://blog.csdn.net/fxss5201/article/details/106535475\n  gzip_static on;\n  gzip_proxied any;\n  # 低于1kb的资源不压缩\n  gzip_min_length 1k;\n  gzip_buffers 4 16k;\n  gzip_comp_level 2;\n  # 需要压缩的类型\n  gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;\n  # 配置禁用gzip条件，支持正则。此处表示ie6及以下不启用gzip（因为ie低版本不支持）\n  gzip_disable "MSIE [1-6]\\.";\n  # 是否添加“Vary: Accept-Encoding”响应头\n  gzip_vary off;\n\n  # 开启brotli压缩，与gzip共存不会冲突，nginx默认不支持ngx_brotli模块，需要自行编译，参考 https://cloud.tencent.com/developer/article/2071894\n  brotli on;\n  brotli_comp_level 6;\n  brotli_buffers 16 8k;\n  brotli_min_length 20;\n  brotli_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml;\n}\n')])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br"),t("span",{staticClass:"line-number"},[s._v("7")]),t("br"),t("span",{staticClass:"line-number"},[s._v("8")]),t("br"),t("span",{staticClass:"line-number"},[s._v("9")]),t("br"),t("span",{staticClass:"line-number"},[s._v("10")]),t("br"),t("span",{staticClass:"line-number"},[s._v("11")]),t("br"),t("span",{staticClass:"line-number"},[s._v("12")]),t("br"),t("span",{staticClass:"line-number"},[s._v("13")]),t("br"),t("span",{staticClass:"line-number"},[s._v("14")]),t("br"),t("span",{staticClass:"line-number"},[s._v("15")]),t("br"),t("span",{staticClass:"line-number"},[s._v("16")]),t("br"),t("span",{staticClass:"line-number"},[s._v("17")]),t("br"),t("span",{staticClass:"line-number"},[s._v("18")]),t("br"),t("span",{staticClass:"line-number"},[s._v("19")]),t("br"),t("span",{staticClass:"line-number"},[s._v("20")]),t("br"),t("span",{staticClass:"line-number"},[s._v("21")]),t("br"),t("span",{staticClass:"line-number"},[s._v("22")]),t("br"),t("span",{staticClass:"line-number"},[s._v("23")]),t("br"),t("span",{staticClass:"line-number"},[s._v("24")]),t("br")])]),t("p",[s._v("下面两张图是平台非国际化精简版开启 "),t("code",[s._v("gzip")]),s._v(" 前后对比")]),s._v(" "),t("p",[s._v("未开启 "),t("code",[s._v("gzip")]),s._v("（资源大小 "),t("code",[s._v("2.6MB")]),s._v("）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(425),alt:"before-gzip"}})]),s._v(" "),t("p",[s._v("开启 "),t("code",[s._v("gzip")]),s._v("（资源被压缩，大小 "),t("code",[s._v("684kb")]),s._v("，比未开启时少了约 "),t("code",[s._v("2MB")]),s._v(" 🐮）")]),s._v(" "),t("p",[t("img",{attrs:{src:a(426),alt:"after-gzip"}})]),s._v(" "),t("h4",{attrs:{id:"nginx-常用命令"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#nginx-常用命令"}},[s._v("#")]),s._v(" "),t("code",[s._v("nginx")]),s._v(" 常用命令")]),s._v(" "),t("h5",{attrs:{id:"启动-nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#启动-nginx"}},[s._v("#")]),s._v(" 启动 "),t("code",[s._v("nginx")])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h5",{attrs:{id:"重启-nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#重启-nginx"}},[s._v("#")]),s._v(" 重启 "),t("code",[s._v("nginx")])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx -s reload\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h5",{attrs:{id:"停止运行-nginx"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#停止运行-nginx"}},[s._v("#")]),s._v(" 停止运行 "),t("code",[s._v("nginx")])]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx -s stop\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h5",{attrs:{id:"判断-nginx-config-配置文件语法是否正确"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#判断-nginx-config-配置文件语法是否正确"}},[s._v("#")]),s._v(" 判断 "),t("code",[s._v("nginx.config")]),s._v(" 配置文件语法是否正确")]),s._v(" "),t("p",[s._v("常用于当您配置 "),t("code",[s._v("nginx.config")]),s._v(" 文件保存重启后却不生效时")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("sudo nginx -t\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("p",[s._v("当出现 "),t("code",[s._v("ok")]),s._v("、"),t("code",[s._v("successful")]),s._v(" 的字眼时说明配置文件语法没问题")]),s._v(" "),t("p",[t("img",{attrs:{src:a(427),alt:"check-nginx-config"}})])])}),[],!1,null,null,null);t.default=n.exports}}]);
\ No newline at end of file
diff --git a/assets/js/app.fd804571.js b/assets/js/app.b6097c15.js
similarity index 73%
rename from assets/js/app.fd804571.js
rename to assets/js/app.b6097c15.js
index f67521da7..5bbca3df2 100644
--- a/assets/js/app.fd804571.js
+++ b/assets/js/app.b6097c15.js
@@ -1,10 +1,10 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);!function(t){function e(e){for(var r,a,s=e[0],l=e[1],c=e[2],p=0,f=[];p<s.length;p++)a=s[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(t[r]=l[r]);for(u&&u(e);f.length;)f.shift()();return i.push.apply(i,c||[]),n()}function n(){for(var t,e=0;e<i.length;e++){for(var n=i[e],r=!0,s=1;s<n.length;s++){var l=n[s];0!==o[l]&&(r=!1)}r&&(i.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={1:0},i=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.e=function(t){var e=[],n=o[t];if(0!==n)if(n)e.push(n[2]);else{var r=new Promise((function(e,r){n=o[t]=[e,r]}));e.push(n[2]=r);var i,s=document.createElement("script");s.charset="utf-8",s.timeout=120,a.nc&&s.setAttribute("nonce",a.nc),s.src=function(t){return a.p+"assets/js/"+({}[t]||t)+"."+{2:"ed39b2ef",3:"a6e5e626",4:"67b4810f",5:"340f0ffa",6:"c5124347",7:"e89c9859",8:"e10cfe6b",9:"b11d44ca",10:"85df827f",11:"72d40ae5",12:"92f6ac13",13:"f24061c4",14:"4609f4c6",15:"d8fa105a",16:"0c5f3694",17:"0f1913b0",18:"7bd404a2",19:"ef3c28a1",20:"eedc460f",21:"c61f99ac",22:"21510ed2",23:"18b9d4df",24:"8a614524",25:"87494712",26:"62302f24",27:"0722e2c6",28:"93fb1f8f",29:"c29c7c66",30:"00335dc8",31:"a928322c",32:"badad8df",33:"34c4d804",34:"4280217a",35:"5a6b3b95",36:"21ce4462",37:"11cc25ac",38:"ee3d36e6",39:"983d01d4",40:"23d05563"}[t]+".js"}(t);var l=new Error;i=function(e){s.onerror=s.onload=null,clearTimeout(c);var n=o[t];if(0!==n){if(n){var r=e&&("load"===e.type?"missing":e.type),i=e&&e.target&&e.target.src;l.message="Loading chunk "+t+" failed.\n("+r+": "+i+")",l.name="ChunkLoadError",l.type=r,l.request=i,n[1](l)}o[t]=void 0}};var c=setTimeout((function(){i({type:"timeout",target:s})}),12e4);s.onerror=s.onload=i,document.head.appendChild(s)}return Promise.all(e)},a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/",a.oe=function(t){throw console.error(t),t};var s=window.webpackJsonp=window.webpackJsonp||[],l=s.push.bind(s);s.push=e,s=s.slice();for(var c=0;c<s.length;c++)e(s[c]);var u=l;i.push([124,0]),n()}([function(t,e,n){"use strict";var r="object"==typeof document&&document.all;t.exports=void 0===r&&void 0!==r?function(t){return"function"==typeof t||t===r}:function(t){return"function"==typeof t}},function(t,e,n){"use strict";var r=n(9),o=String,i=TypeError;t.exports=function(t){if(r(t))return t;throw new i(o(t)+" is not an object")}},function(t,e,n){"use strict";var r=function(t){return t&&t.Math===Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof global&&global)||r("object"==typeof this&&this)||function(){return this}()||Function("return this")()},function(t,e,n){"use strict";t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){"use strict";n(125)},function(t,e,n){"use strict";var r=n(3);t.exports=!r((function(){return 7!==Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(t,e,n){"use strict";var r=n(30),o=Function.prototype,i=o.call,a=r&&o.bind.bind(i,i);t.exports=r?a:function(t){return function(){return i.apply(t,arguments)}}},function(t,e,n){"use strict";function r(t,e,n,r,o,i,a,s){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),i&&(c._scopeId="data-v-"+i),a?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=l):o&&(l=s?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var p=c.beforeCreate;c.beforeCreate=p?[].concat(p,l):[l]}return{exports:t,options:c}}n.d(e,"a",(function(){return r}))},function(t,e,n){"use strict";var r=n(0),o=n(47),i=TypeError;t.exports=function(t){if(r(t))return t;throw new i(o(t)+" is not a function")}},function(t,e,n){"use strict";var r=n(0);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},function(t,e,n){"use strict";var r=n(6),o=n(36),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},function(t,e,n){"use strict";var r=n(2),o=n(67).f,i=n(24),a=n(50),s=n(49),l=n(82),c=n(139);t.exports=function(t,e){var n,u,p,f,d,h=t.target,v=t.global,g=t.stat;if(n=v?r:g?r[h]||s(h,{}):r[h]&&r[h].prototype)for(u in e){if(f=e[u],p=t.dontCallGetSet?(d=o(n,u))&&d.value:n[u],!c(v?u:h+(g?".":"#")+u,t.forced)&&void 0!==p){if(typeof f==typeof p)continue;l(f,p)}(t.sham||p&&p.sham)&&i(f,"sham",!0),a(n,u,f,t)}}},function(t,e){var n=Array.isArray;t.exports=n},function(t,e,n){"use strict";var r=n(30),o=Function.prototype.call;t.exports=r?o.bind(o):function(){return o.apply(o,arguments)}},function(t,e,n){var r=n(95),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();t.exports=i},function(t,e,n){"use strict";n(147)},function(t,e,n){"use strict";var r=n(2),o=n(75),i=n(10),a=n(76),s=n(72),l=n(71),c=r.Symbol,u=o("wks"),p=l?c.for||c:c&&c.withoutSetter||a;t.exports=function(t){return i(u,t)||(u[t]=s&&i(c,t)?c[t]:p("Symbol."+t)),u[t]}},function(t,e,n){"use strict";n(157)},function(t,e,n){"use strict";var r=n(5),o=n(77),i=n(79),a=n(1),s=n(69),l=TypeError,c=Object.defineProperty,u=Object.getOwnPropertyDescriptor;e.f=r?i?function(t,e,n){if(a(t),e=s(e),a(n),"function"==typeof t&&"prototype"===e&&"value"in n&&"writable"in n&&!n.writable){var r=u(t,e);r&&r.writable&&(t[e]=n.value,n={configurable:"configurable"in n?n.configurable:r.configurable,enumerable:"enumerable"in n?n.enumerable:r.enumerable,writable:!1})}return c(t,e,n)}:c:function(t,e,n){if(a(t),e=s(e),a(n),o)try{return c(t,e,n)}catch(t){}if("get"in n||"set"in n)throw new l("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(200),o=n(203);t.exports=function(t,e){var n=o(t,e);return r(n)?n:void 0}},function(t,e,n){"use strict";n.d(e,"e",(function(){return r})),n.d(e,"b",(function(){return i})),n.d(e,"j",(function(){return a})),n.d(e,"g",(function(){return l})),n.d(e,"h",(function(){return c})),n.d(e,"i",(function(){return u})),n.d(e,"c",(function(){return p})),n.d(e,"f",(function(){return f})),n.d(e,"l",(function(){return d})),n.d(e,"m",(function(){return h})),n.d(e,"d",(function(){return g})),n.d(e,"k",(function(){return m})),n.d(e,"n",(function(){return y})),n.d(e,"a",(function(){return _}));n(29),n(4),n(15),n(17),n(21);const r=/#.*$/,o=/\.(md|html)$/,i=/\/$/,a=/^[a-z]+:/i;function s(t){return decodeURI(t).replace(r,"").replace(o,"")}function l(t){return a.test(t)}function c(t){return/^mailto:/.test(t)}function u(t){return/^tel:/.test(t)}function p(t){if(l(t))return t;if(!t)return"404";const e=t.match(r),n=e?e[0]:"",o=s(t);return i.test(o)?t:o+".html"+n}function f(t,e){const n=t.hash,o=function(t){const e=t&&t.match(r);if(e)return e[0]}(e);if(o&&n!==o)return!1;return s(t.path)===s(e)}function d(t,e,n){if(l(e))return{type:"external",path:e};n&&(e=function(t,e,n){const r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;const o=e.split("/");n&&o[o.length-1]||o.pop();const i=t.replace(/^\//,"").split("/");for(let t=0;t<i.length;t++){const e=i[t];".."===e?o.pop():"."!==e&&o.push(e)}""!==o[0]&&o.unshift("");return o.join("/")}(e,n));const r=s(e);for(let e=0;e<t.length;e++)if(s(t[e].regularPath)===r)return Object.assign({},t[e],{type:"page",path:p(t[e].path)});return console.error(`[vuepress] No matching page found for sidebar item "${e}"`),{}}function h(t,e,n,r){const{pages:o,themeConfig:i}=n,a=r&&i.locales&&i.locales[r]||i;if("auto"===(t.frontmatter.sidebar||a.sidebar||i.sidebar))return v(t);const s=a.sidebar||i.sidebar;if(s){const{base:n,config:r}=function(t,e){if(Array.isArray(e))return{base:"/",config:e};for(const r in e)if(0===(n=t,/(\.html|\/)$/.test(n)?n:n+"/").indexOf(encodeURI(r)))return{base:r,config:e[r]};var n;return{}}(e,s);return"auto"===r?v(t):r?r.map(t=>function t(e,n,r,o=1){if("string"==typeof e)return d(n,e,r);if(Array.isArray(e))return Object.assign(d(n,e[0],r),{title:e[1]});{o>3&&console.error("[vuepress] detected a too deep nested sidebar group.");const i=e.children||[];return 0===i.length&&e.path?Object.assign(d(n,e.path,r),{title:e.title}):{type:"group",path:e.path,title:e.title,sidebarDepth:e.sidebarDepth,initialOpenGroupIndex:e.initialOpenGroupIndex,children:i.map(e=>t(e,n,r,o+1)),collapsable:!1!==e.collapsable}}}(t,o,n)):[]}return[]}function v(t){const e=g(t.headers||[]);return[{type:"group",collapsable:!1,title:t.title,path:null,children:e.map(e=>({type:"auto",title:e.title,basePath:t.path,path:t.path+"#"+e.slug,children:e.children||[]}))}]}function g(t){let e;return(t=t.map(t=>Object.assign({},t))).forEach(t=>{2===t.level?e=t:e&&(e.children||(e.children=[])).push(t)}),t.filter(t=>2===t.level)}function m(t){return Object.assign(t,{type:t.items&&t.items.length?"links":"link"})}function y(t){return Object.prototype.toString.call(t).match(/\[object (.*?)\]/)[1].toLowerCase()}function b(t){let e=t.frontmatter.date||t.lastUpdated||new Date,n=new Date(e);return"Invalid Date"==n&&e&&(n=new Date(e.replace(/-/g,"/"))),n.getTime()}function _(t,e){return b(e)-b(t)}},function(t,e,n){"use strict";n(150)},function(t,e){t.exports=function(t){return null!=t&&"object"==typeof t}},function(t,e,n){"use strict";t.exports=!1},function(t,e,n){"use strict";var r=n(5),o=n(18),i=n(31);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){"use strict";t.exports=function(t){return{iterator:t,next:t.next,done:!1}}},function(t,e,n){var r=n(28),o=n(185),i=n(186),a=r?r.toStringTag:void 0;t.exports=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":a&&a in Object(t)?o(t):i(t)}},function(t,e,n){"use strict";var r=n(6),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},function(t,e,n){var r=n(14).Symbol;t.exports=r},function(t,e,n){"use strict";var r=n(11),o=n(36),i=n(37),a=n(179),s=n(181);r({target:"Array",proto:!0,arity:1,forced:n(3)((function(){return 4294967297!==[].push.call({length:4294967296},1)}))||!function(){try{Object.defineProperty([],"length",{writable:!1}).push()}catch(t){return t instanceof TypeError}}()},{push:function(t){var e=o(this),n=i(e),r=arguments.length;s(n+r);for(var l=0;l<r;l++)e[n]=arguments[l],n++;return a(e,n),n}})},function(t,e,n){"use strict";var r=n(3);t.exports=!r((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},function(t,e,n){"use strict";t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){"use strict";var r=n(68),o=n(45);t.exports=function(t){return r(o(t))}},function(t,e,n){"use strict";var r=n(2),o=n(0),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},function(t,e,n){"use strict";var r=n(6);t.exports=r({}.isPrototypeOf)},function(t,e,n){"use strict";var r=n(8),o=n(46);t.exports=function(t,e){var n=t[e];return o(n)?void 0:r(n)}},function(t,e,n){"use strict";var r=n(45),o=Object;t.exports=function(t){return o(r(t))}},function(t,e,n){"use strict";var r=n(137);t.exports=function(t){return r(t.length)}},function(t,e,n){var r=n(190),o=n(191),i=n(192),a=n(193),s=n(194);function l(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}l.prototype.clear=r,l.prototype.delete=o,l.prototype.get=i,l.prototype.has=a,l.prototype.set=s,t.exports=l},function(t,e,n){var r=n(97);t.exports=function(t,e){for(var n=t.length;n--;)if(r(t[n][0],e))return n;return-1}},function(t,e,n){var r=n(19)(Object,"create");t.exports=r},function(t,e,n){var r=n(212);t.exports=function(t,e){var n=t.__data__;return r(e)?n["string"==typeof e?"string":"hash"]:n.map}},function(t,e,n){var r=n(62);t.exports=function(t){if("string"==typeof t||r(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}},function(t,e,n){var r,o;
+(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[]]);!function(t){function e(e){for(var r,a,s=e[0],l=e[1],u=e[2],p=0,f=[];p<s.length;p++)a=s[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(t[r]=l[r]);for(c&&c(e);f.length;)f.shift()();return i.push.apply(i,u||[]),n()}function n(){for(var t,e=0;e<i.length;e++){for(var n=i[e],r=!0,s=1;s<n.length;s++){var l=n[s];0!==o[l]&&(r=!1)}r&&(i.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={1:0},i=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.e=function(t){var e=[],n=o[t];if(0!==n)if(n)e.push(n[2]);else{var r=new Promise((function(e,r){n=o[t]=[e,r]}));e.push(n[2]=r);var i,s=document.createElement("script");s.charset="utf-8",s.timeout=120,a.nc&&s.setAttribute("nonce",a.nc),s.src=function(t){return a.p+"assets/js/"+({}[t]||t)+"."+{2:"ed39b2ef",3:"9e6948df",4:"f06e4354",5:"af6dde15",6:"c5124347",7:"524f456a",8:"e10cfe6b",9:"691e4d8b",10:"9398cea4",11:"72d40ae5",12:"0db5dec0",13:"752ecf96",14:"b8bddda9",15:"a15904ed",16:"0c5f3694",17:"0f1913b0",18:"7bd404a2",19:"ef3c28a1",20:"9a0c9af2",21:"50a27a99",22:"d57749f7",23:"8355ef04",24:"c1a14340",25:"87494712",26:"720db236",27:"9e38bb92",28:"c486989b",29:"7dca5c94",30:"cb117a0f",31:"a928322c",32:"badad8df",33:"870828fe",34:"61fa3292",35:"5a6b3b95",36:"fe2d5b28",37:"11cc25ac",38:"ee3d36e6",39:"983d01d4",40:"23d05563"}[t]+".js"}(t);var l=new Error;i=function(e){s.onerror=s.onload=null,clearTimeout(u);var n=o[t];if(0!==n){if(n){var r=e&&("load"===e.type?"missing":e.type),i=e&&e.target&&e.target.src;l.message="Loading chunk "+t+" failed.\n("+r+": "+i+")",l.name="ChunkLoadError",l.type=r,l.request=i,n[1](l)}o[t]=void 0}};var u=setTimeout((function(){i({type:"timeout",target:s})}),12e4);s.onerror=s.onload=i,document.head.appendChild(s)}return Promise.all(e)},a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/",a.oe=function(t){throw console.error(t),t};var s=window.webpackJsonp=window.webpackJsonp||[],l=s.push.bind(s);s.push=e,s=s.slice();for(var u=0;u<s.length;u++)e(s[u]);var c=l;i.push([124,0]),n()}([function(t,e,n){"use strict";var r="object"==typeof document&&document.all;t.exports=void 0===r&&void 0!==r?function(t){return"function"==typeof t||t===r}:function(t){return"function"==typeof t}},function(t,e,n){"use strict";var r=n(9),o=String,i=TypeError;t.exports=function(t){if(r(t))return t;throw new i(o(t)+" is not an object")}},function(t,e,n){"use strict";var r=function(t){return t&&t.Math===Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof global&&global)||r("object"==typeof this&&this)||function(){return this}()||Function("return this")()},function(t,e,n){"use strict";t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){"use strict";n(125)},function(t,e,n){"use strict";var r=n(3);t.exports=!r((function(){return 7!==Object.defineProperty({},1,{get:function(){return 7}})[1]}))},function(t,e,n){"use strict";var r=n(30),o=Function.prototype,i=o.call,a=r&&o.bind.bind(i,i);t.exports=r?a:function(t){return function(){return i.apply(t,arguments)}}},function(t,e,n){"use strict";function r(t,e,n,r,o,i,a,s){var l,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),a?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=l):o&&(l=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(u.functional){u._injectStyles=l;var c=u.render;u.render=function(t,e){return l.call(e),c(t,e)}}else{var p=u.beforeCreate;u.beforeCreate=p?[].concat(p,l):[l]}return{exports:t,options:u}}n.d(e,"a",(function(){return r}))},function(t,e,n){"use strict";var r=n(0),o=n(47),i=TypeError;t.exports=function(t){if(r(t))return t;throw new i(o(t)+" is not a function")}},function(t,e,n){"use strict";var r=n(0);t.exports=function(t){return"object"==typeof t?null!==t:r(t)}},function(t,e,n){"use strict";var r=n(6),o=n(36),i=r({}.hasOwnProperty);t.exports=Object.hasOwn||function(t,e){return i(o(t),e)}},function(t,e,n){"use strict";var r=n(2),o=n(67).f,i=n(24),a=n(50),s=n(49),l=n(82),u=n(139);t.exports=function(t,e){var n,c,p,f,d,h=t.target,v=t.global,g=t.stat;if(n=v?r:g?r[h]||s(h,{}):r[h]&&r[h].prototype)for(c in e){if(f=e[c],p=t.dontCallGetSet?(d=o(n,c))&&d.value:n[c],!u(v?c:h+(g?".":"#")+c,t.forced)&&void 0!==p){if(typeof f==typeof p)continue;l(f,p)}(t.sham||p&&p.sham)&&i(f,"sham",!0),a(n,c,f,t)}}},function(t,e){var n=Array.isArray;t.exports=n},function(t,e,n){"use strict";var r=n(30),o=Function.prototype.call;t.exports=r?o.bind(o):function(){return o.apply(o,arguments)}},function(t,e,n){var r=n(95),o="object"==typeof self&&self&&self.Object===Object&&self,i=r||o||Function("return this")();t.exports=i},function(t,e,n){"use strict";n(147)},function(t,e,n){"use strict";var r=n(2),o=n(75),i=n(10),a=n(76),s=n(72),l=n(71),u=r.Symbol,c=o("wks"),p=l?u.for||u:u&&u.withoutSetter||a;t.exports=function(t){return i(c,t)||(c[t]=s&&i(u,t)?u[t]:p("Symbol."+t)),c[t]}},function(t,e,n){"use strict";n(157)},function(t,e,n){"use strict";var r=n(5),o=n(77),i=n(79),a=n(1),s=n(69),l=TypeError,u=Object.defineProperty,c=Object.getOwnPropertyDescriptor;e.f=r?i?function(t,e,n){if(a(t),e=s(e),a(n),"function"==typeof t&&"prototype"===e&&"value"in n&&"writable"in n&&!n.writable){var r=c(t,e);r&&r.writable&&(t[e]=n.value,n={configurable:"configurable"in n?n.configurable:r.configurable,enumerable:"enumerable"in n?n.enumerable:r.enumerable,writable:!1})}return u(t,e,n)}:u:function(t,e,n){if(a(t),e=s(e),a(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw new l("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(200),o=n(203);t.exports=function(t,e){var n=o(t,e);return r(n)?n:void 0}},function(t,e,n){"use strict";n.d(e,"e",(function(){return r})),n.d(e,"b",(function(){return i})),n.d(e,"j",(function(){return a})),n.d(e,"g",(function(){return l})),n.d(e,"h",(function(){return u})),n.d(e,"i",(function(){return c})),n.d(e,"c",(function(){return p})),n.d(e,"f",(function(){return f})),n.d(e,"l",(function(){return d})),n.d(e,"m",(function(){return h})),n.d(e,"d",(function(){return g})),n.d(e,"k",(function(){return m})),n.d(e,"n",(function(){return y})),n.d(e,"a",(function(){return _}));n(29),n(4),n(15),n(17),n(21);const r=/#.*$/,o=/\.(md|html)$/,i=/\/$/,a=/^[a-z]+:/i;function s(t){return decodeURI(t).replace(r,"").replace(o,"")}function l(t){return a.test(t)}function u(t){return/^mailto:/.test(t)}function c(t){return/^tel:/.test(t)}function p(t){if(l(t))return t;if(!t)return"404";const e=t.match(r),n=e?e[0]:"",o=s(t);return i.test(o)?t:o+".html"+n}function f(t,e){const n=t.hash,o=function(t){const e=t&&t.match(r);if(e)return e[0]}(e);if(o&&n!==o)return!1;return s(t.path)===s(e)}function d(t,e,n){if(l(e))return{type:"external",path:e};n&&(e=function(t,e,n){const r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;const o=e.split("/");n&&o[o.length-1]||o.pop();const i=t.replace(/^\//,"").split("/");for(let t=0;t<i.length;t++){const e=i[t];".."===e?o.pop():"."!==e&&o.push(e)}""!==o[0]&&o.unshift("");return o.join("/")}(e,n));const r=s(e);for(let e=0;e<t.length;e++)if(s(t[e].regularPath)===r)return Object.assign({},t[e],{type:"page",path:p(t[e].path)});return console.error(`[vuepress] No matching page found for sidebar item "${e}"`),{}}function h(t,e,n,r){const{pages:o,themeConfig:i}=n,a=r&&i.locales&&i.locales[r]||i;if("auto"===(t.frontmatter.sidebar||a.sidebar||i.sidebar))return v(t);const s=a.sidebar||i.sidebar;if(s){const{base:n,config:r}=function(t,e){if(Array.isArray(e))return{base:"/",config:e};for(const r in e)if(0===(n=t,/(\.html|\/)$/.test(n)?n:n+"/").indexOf(encodeURI(r)))return{base:r,config:e[r]};var n;return{}}(e,s);return"auto"===r?v(t):r?r.map(t=>function t(e,n,r,o=1){if("string"==typeof e)return d(n,e,r);if(Array.isArray(e))return Object.assign(d(n,e[0],r),{title:e[1]});{o>3&&console.error("[vuepress] detected a too deep nested sidebar group.");const i=e.children||[];return 0===i.length&&e.path?Object.assign(d(n,e.path,r),{title:e.title}):{type:"group",path:e.path,title:e.title,sidebarDepth:e.sidebarDepth,initialOpenGroupIndex:e.initialOpenGroupIndex,children:i.map(e=>t(e,n,r,o+1)),collapsable:!1!==e.collapsable}}}(t,o,n)):[]}return[]}function v(t){const e=g(t.headers||[]);return[{type:"group",collapsable:!1,title:t.title,path:null,children:e.map(e=>({type:"auto",title:e.title,basePath:t.path,path:t.path+"#"+e.slug,children:e.children||[]}))}]}function g(t){let e;return(t=t.map(t=>Object.assign({},t))).forEach(t=>{2===t.level?e=t:e&&(e.children||(e.children=[])).push(t)}),t.filter(t=>2===t.level)}function m(t){return Object.assign(t,{type:t.items&&t.items.length?"links":"link"})}function y(t){return Object.prototype.toString.call(t).match(/\[object (.*?)\]/)[1].toLowerCase()}function b(t){let e=t.frontmatter.date||t.lastUpdated||new Date,n=new Date(e);return"Invalid Date"==n&&e&&(n=new Date(e.replace(/-/g,"/"))),n.getTime()}function _(t,e){return b(e)-b(t)}},function(t,e,n){"use strict";n(150)},function(t,e){t.exports=function(t){return null!=t&&"object"==typeof t}},function(t,e,n){"use strict";t.exports=!1},function(t,e,n){"use strict";var r=n(5),o=n(18),i=n(31);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){"use strict";t.exports=function(t){return{iterator:t,next:t.next,done:!1}}},function(t,e,n){var r=n(28),o=n(185),i=n(186),a=r?r.toStringTag:void 0;t.exports=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":a&&a in Object(t)?o(t):i(t)}},function(t,e,n){"use strict";var r=n(6),o=r({}.toString),i=r("".slice);t.exports=function(t){return i(o(t),8,-1)}},function(t,e,n){var r=n(14).Symbol;t.exports=r},function(t,e,n){"use strict";var r=n(11),o=n(36),i=n(37),a=n(179),s=n(181);r({target:"Array",proto:!0,arity:1,forced:n(3)((function(){return 4294967297!==[].push.call({length:4294967296},1)}))||!function(){try{Object.defineProperty([],"length",{writable:!1}).push()}catch(t){return t instanceof TypeError}}()},{push:function(t){var e=o(this),n=i(e),r=arguments.length;s(n+r);for(var l=0;l<r;l++)e[n]=arguments[l],n++;return a(e,n),n}})},function(t,e,n){"use strict";var r=n(3);t.exports=!r((function(){var t=function(){}.bind();return"function"!=typeof t||t.hasOwnProperty("prototype")}))},function(t,e,n){"use strict";t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){"use strict";var r=n(68),o=n(45);t.exports=function(t){return r(o(t))}},function(t,e,n){"use strict";var r=n(2),o=n(0),i=function(t){return o(t)?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t]):r[t]&&r[t][e]}},function(t,e,n){"use strict";var r=n(6);t.exports=r({}.isPrototypeOf)},function(t,e,n){"use strict";var r=n(8),o=n(46);t.exports=function(t,e){var n=t[e];return o(n)?void 0:r(n)}},function(t,e,n){"use strict";var r=n(45),o=Object;t.exports=function(t){return o(r(t))}},function(t,e,n){"use strict";var r=n(137);t.exports=function(t){return r(t.length)}},function(t,e,n){var r=n(190),o=n(191),i=n(192),a=n(193),s=n(194);function l(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}l.prototype.clear=r,l.prototype.delete=o,l.prototype.get=i,l.prototype.has=a,l.prototype.set=s,t.exports=l},function(t,e,n){var r=n(97);t.exports=function(t,e){for(var n=t.length;n--;)if(r(t[n][0],e))return n;return-1}},function(t,e,n){var r=n(19)(Object,"create");t.exports=r},function(t,e,n){var r=n(212);t.exports=function(t,e){var n=t.__data__;return r(e)?n["string"==typeof e?"string":"hash"]:n.map}},function(t,e,n){var r=n(62);t.exports=function(t){if("string"==typeof t||r(t))return t;var e=t+"";return"0"==e&&1/t==-1/0?"-0":e}},function(t,e,n){var r,o;
 /* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
- * @license MIT */void 0===(o="function"==typeof(r=function(){var t,e,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(t,e,n){return t<e?e:t>n?n:t}function i(t){return 100*(-1+t)}n.configure=function(t){var e,n;for(e in t)void 0!==(n=t[e])&&t.hasOwnProperty(e)&&(r[e]=n);return this},n.status=null,n.set=function(t){var e=n.isStarted();t=o(t,r.minimum,1),n.status=1===t?null:t;var l=n.render(!e),c=l.querySelector(r.barSelector),u=r.speed,p=r.easing;return l.offsetWidth,a((function(e){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(c,function(t,e,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+i(t)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+i(t)+"%,0)"}:{"margin-left":i(t)+"%"}).transition="all "+e+"ms "+n,o}(t,u,p)),1===t?(s(l,{transition:"none",opacity:1}),l.offsetWidth,setTimeout((function(){s(l,{transition:"all "+u+"ms linear",opacity:0}),setTimeout((function(){n.remove(),e()}),u)}),u)):setTimeout(e,u)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var t=function(){setTimeout((function(){n.status&&(n.trickle(),t())}),r.trickleSpeed)};return r.trickle&&t(),this},n.done=function(t){return t||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(t){var e=n.status;return e?("number"!=typeof t&&(t=(1-e)*o(Math.random()*e,.1,.95)),e=o(e+t,0,.994),n.set(e)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},t=0,e=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===e&&n.start(),t++,e++,r.always((function(){0==--e?(t=0,n.done()):n.set((t-e)/t)})),this):this},n.render=function(t){if(n.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var e=document.createElement("div");e.id="nprogress",e.innerHTML=r.template;var o,a=e.querySelector(r.barSelector),l=t?"-100":i(n.status||0),u=document.querySelector(r.parent);return s(a,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(o=e.querySelector(r.spinnerSelector))&&f(o),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(e),e},n.remove=function(){u(document.documentElement,"nprogress-busy"),u(document.querySelector(r.parent),"nprogress-custom-parent");var t=document.getElementById("nprogress");t&&f(t)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var t=document.body.style,e="WebkitTransform"in t?"Webkit":"MozTransform"in t?"Moz":"msTransform"in t?"ms":"OTransform"in t?"O":"";return e+"Perspective"in t?"translate3d":e+"Transform"in t?"translate":"margin"};var a=function(){var t=[];function e(){var n=t.shift();n&&n(e)}return function(n){t.push(n),1==t.length&&e()}}(),s=function(){var t=["Webkit","O","Moz","ms"],e={};function n(n){return n=n.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(t,e){return e.toUpperCase()})),e[n]||(e[n]=function(e){var n=document.body.style;if(e in n)return e;for(var r,o=t.length,i=e.charAt(0).toUpperCase()+e.slice(1);o--;)if((r=t[o]+i)in n)return r;return e}(n))}function r(t,e,r){e=n(e),t.style[e]=r}return function(t,e){var n,o,i=arguments;if(2==i.length)for(n in e)void 0!==(o=e[n])&&e.hasOwnProperty(n)&&r(t,n,o);else r(t,i[1],i[2])}}();function l(t,e){return("string"==typeof t?t:p(t)).indexOf(" "+e+" ")>=0}function c(t,e){var n=p(t),r=n+e;l(n,e)||(t.className=r.substring(1))}function u(t,e){var n,r=p(t);l(t,e)&&(n=r.replace(" "+e+" "," "),t.className=n.substring(1,n.length-1))}function p(t){return(" "+(t.className||"")+" ").replace(/\s+/gi," ")}function f(t){t&&t.parentNode&&t.parentNode.removeChild(t)}return n})?r.call(e,n,e,t):r)||(t.exports=o)},function(t,e,n){"use strict";var r=n(158),o=n(13),i=n(1),a=n(47),s=n(160),l=n(37),c=n(34),u=n(161),p=n(91),f=n(54),d=TypeError,h=function(t,e){this.stopped=t,this.result=e},v=h.prototype;t.exports=function(t,e,n){var g,m,y,b,_,x,w,k=n&&n.that,E=!(!n||!n.AS_ENTRIES),C=!(!n||!n.IS_RECORD),S=!(!n||!n.IS_ITERATOR),O=!(!n||!n.INTERRUPTED),j=r(e,k),T=function(t){return g&&f(g,"normal",t),new h(!0,t)},$=function(t){return E?(i(t),O?j(t[0],t[1],T):j(t[0],t[1])):O?j(t,T):j(t)};if(C)g=t.iterator;else if(S)g=t;else{if(!(m=p(t)))throw new d(a(t)+" is not iterable");if(s(m)){for(y=0,b=l(t);b>y;y++)if((_=$(t[y]))&&c(v,_))return _;return new h(!1)}g=u(t,m)}for(x=C?t.next:g.next;!(w=o(x,g)).done;){try{_=$(w.value)}catch(t){f(g,"throw",t)}if("object"==typeof _&&_&&c(v,_))return _}return new h(!1)}},function(t,e,n){"use strict";var r=n(46),o=TypeError;t.exports=function(t){if(r(t))throw new o("Can't call method on "+t);return t}},function(t,e,n){"use strict";t.exports=function(t){return null==t}},function(t,e,n){"use strict";var r=String;t.exports=function(t){try{return r(t)}catch(t){return"Object"}}},function(t,e,n){"use strict";var r=n(23),o=n(2),i=n(49),a=t.exports=o["__core-js_shared__"]||i("__core-js_shared__",{});(a.versions||(a.versions=[])).push({version:"3.39.0",mode:r?"pure":"global",copyright:"© 2014-2024 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.39.0/LICENSE",source:"https://github.com/zloirock/core-js"})},function(t,e,n){"use strict";var r=n(2),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},function(t,e,n){"use strict";var r=n(0),o=n(18),i=n(80),a=n(49);t.exports=function(t,e,n,s){s||(s={});var l=s.enumerable,c=void 0!==s.name?s.name:e;if(r(n)&&i(n,c,s),s.global)l?t[e]=n:a(e,n);else{try{s.unsafe?t[e]&&(l=!0):delete t[e]}catch(t){}l?t[e]=n:o.f(t,e,{value:n,enumerable:!1,configurable:!s.nonConfigurable,writable:!s.nonWritable})}return t}},function(t,e,n){"use strict";var r=n(75),o=n(76),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,e,n){"use strict";t.exports={}},function(t,e,n){"use strict";t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,e,n){"use strict";var r=n(13),o=n(1),i=n(35);t.exports=function(t,e,n){var a,s;o(t);try{if(!(a=i(t,"return"))){if("throw"===e)throw n;return n}a=r(a,t)}catch(t){s=!0,a=t}if("throw"===e)throw n;if(s)throw a;return o(a),n}},function(t,e,n){var r=n(184),o=n(22),i=Object.prototype,a=i.hasOwnProperty,s=i.propertyIsEnumerable,l=r(function(){return arguments}())?r:function(t){return o(t)&&a.call(t,"callee")&&!s.call(t,"callee")};t.exports=l},function(t,e,n){var r=n(19)(n(14),"Map");t.exports=r},function(t,e){t.exports=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},function(t,e,n){var r=n(204),o=n(211),i=n(213),a=n(214),s=n(215);function l(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}l.prototype.clear=r,l.prototype.delete=o,l.prototype.get=i,l.prototype.has=a,l.prototype.set=s,t.exports=l},function(t,e){t.exports=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}},function(t,e){t.exports=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},function(t,e,n){var r=n(12),o=n(62),i=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,a=/^\w*$/;t.exports=function(t,e){if(r(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!o(t))||(a.test(t)||!i.test(t)||null!=e&&t in Object(e))}},function(t,e,n){var r=n(26),o=n(22);t.exports=function(t){return"symbol"==typeof t||o(t)&&"[object Symbol]"==r(t)}},function(t,e){t.exports=function(t){return t}},function(t,e,n){"use strict";n(276)},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e){var n=/^\s+|\s+$/g,r=/^[-+]0x[0-9a-f]+$/i,o=/^0b[01]+$/i,i=/^0o[0-7]+$/i,a=parseInt,s="object"==typeof global&&global&&global.Object===Object&&global,l="object"==typeof self&&self&&self.Object===Object&&self,c=s||l||Function("return this")(),u=Object.prototype.toString,p=Math.max,f=Math.min,d=function(){return c.Date.now()};function h(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function v(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==u.call(t)}(t))return NaN;if(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var s=o.test(t);return s||i.test(t)?a(t.slice(2),s?2:8):r.test(t)?NaN:+t}t.exports=function(t,e,n){var r,o,i,a,s,l,c=0,u=!1,g=!1,m=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function y(e){var n=r,i=o;return r=o=void 0,c=e,a=t.apply(i,n)}function b(t){return c=t,s=setTimeout(x,e),u?y(t):a}function _(t){var n=t-l;return void 0===l||n>=e||n<0||g&&t-c>=i}function x(){var t=d();if(_(t))return w(t);s=setTimeout(x,function(t){var n=e-(t-l);return g?f(n,i-(t-c)):n}(t))}function w(t){return s=void 0,m&&r?y(t):(r=o=void 0,a)}function k(){var t=d(),n=_(t);if(r=arguments,o=this,l=t,n){if(void 0===s)return b(l);if(g)return s=setTimeout(x,e),y(l)}return void 0===s&&(s=setTimeout(x,e)),a}return e=v(e)||0,h(n)&&(u=!!n.leading,i=(g="maxWait"in n)?p(v(n.maxWait)||0,e):i,m="trailing"in n?!!n.trailing:m),k.cancel=function(){void 0!==s&&clearTimeout(s),c=0,r=l=o=s=void 0},k.flush=function(){return void 0===s?a:w(d())},k}},function(t,e,n){"use strict";var r=n(5),o=n(13),i=n(126),a=n(31),s=n(32),l=n(69),c=n(10),u=n(77),p=Object.getOwnPropertyDescriptor;e.f=r?p:function(t,e){if(t=s(t),e=l(e),u)try{return p(t,e)}catch(t){}if(c(t,e))return a(!o(i.f,t,e),t[e])}},function(t,e,n){"use strict";var r=n(6),o=n(3),i=n(27),a=Object,s=r("".split);t.exports=o((function(){return!a("z").propertyIsEnumerable(0)}))?function(t){return"String"===i(t)?s(t,""):a(t)}:a},function(t,e,n){"use strict";var r=n(127),o=n(70);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},function(t,e,n){"use strict";var r=n(33),o=n(0),i=n(34),a=n(71),s=Object;t.exports=a?function(t){return"symbol"==typeof t}:function(t){var e=r("Symbol");return o(e)&&i(e.prototype,s(t))}},function(t,e,n){"use strict";var r=n(72);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},function(t,e,n){"use strict";var r=n(73),o=n(3),i=n(2).String;t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol("symbol detection");return!i(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},function(t,e,n){"use strict";var r,o,i=n(2),a=n(74),s=i.process,l=i.Deno,c=s&&s.versions||l&&l.version,u=c&&c.v8;u&&(o=(r=u.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&a&&(!(r=a.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=a.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},function(t,e,n){"use strict";var r=n(2).navigator,o=r&&r.userAgent;t.exports=o?String(o):""},function(t,e,n){"use strict";var r=n(48);t.exports=function(t,e){return r[t]||(r[t]=e||{})}},function(t,e,n){"use strict";var r=n(6),o=0,i=Math.random(),a=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+a(++o+i,36)}},function(t,e,n){"use strict";var r=n(5),o=n(3),i=n(78);t.exports=!r&&!o((function(){return 7!==Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){"use strict";var r=n(2),o=n(9),i=r.document,a=o(i)&&o(i.createElement);t.exports=function(t){return a?i.createElement(t):{}}},function(t,e,n){"use strict";var r=n(5),o=n(3);t.exports=r&&o((function(){return 42!==Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},function(t,e,n){"use strict";var r=n(6),o=n(3),i=n(0),a=n(10),s=n(5),l=n(129).CONFIGURABLE,c=n(130),u=n(81),p=u.enforce,f=u.get,d=String,h=Object.defineProperty,v=r("".slice),g=r("".replace),m=r([].join),y=s&&!o((function(){return 8!==h((function(){}),"length",{value:8}).length})),b=String(String).split("String"),_=t.exports=function(t,e,n){"Symbol("===v(d(e),0,7)&&(e="["+g(d(e),/^Symbol\(([^)]*)\).*$/,"$1")+"]"),n&&n.getter&&(e="get "+e),n&&n.setter&&(e="set "+e),(!a(t,"name")||l&&t.name!==e)&&(s?h(t,"name",{value:e,configurable:!0}):t.name=e),y&&n&&a(n,"arity")&&t.length!==n.arity&&h(t,"length",{value:n.arity});try{n&&a(n,"constructor")&&n.constructor?s&&h(t,"prototype",{writable:!1}):t.prototype&&(t.prototype=void 0)}catch(t){}var r=p(t);return a(r,"source")||(r.source=m(b,"string"==typeof e?e:"")),t};Function.prototype.toString=_((function(){return i(this)&&f(this).source||c(this)}),"toString")},function(t,e,n){"use strict";var r,o,i,a=n(131),s=n(2),l=n(9),c=n(24),u=n(10),p=n(48),f=n(51),d=n(52),h=s.TypeError,v=s.WeakMap;if(a||p.state){var g=p.state||(p.state=new v);g.get=g.get,g.has=g.has,g.set=g.set,r=function(t,e){if(g.has(t))throw new h("Object already initialized");return e.facade=t,g.set(t,e),e},o=function(t){return g.get(t)||{}},i=function(t){return g.has(t)}}else{var m=f("state");d[m]=!0,r=function(t,e){if(u(t,m))throw new h("Object already initialized");return e.facade=t,c(t,m,e),e},o=function(t){return u(t,m)?t[m]:{}},i=function(t){return u(t,m)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!l(e)||(n=o(e)).type!==t)throw new h("Incompatible receiver, "+t+" required");return n}}}},function(t,e,n){"use strict";var r=n(10),o=n(132),i=n(67),a=n(18);t.exports=function(t,e,n){for(var s=o(e),l=a.f,c=i.f,u=0;u<s.length;u++){var p=s[u];r(t,p)||n&&r(n,p)||l(t,p,c(e,p))}}},function(t,e,n){"use strict";var r=n(6),o=n(10),i=n(32),a=n(134).indexOf,s=n(52),l=r([].push);t.exports=function(t,e){var n,r=i(t),c=0,u=[];for(n in r)!o(s,n)&&o(r,n)&&l(u,n);for(;e.length>c;)o(r,n=e[c++])&&(~a(u,n)||l(u,n));return u}},function(t,e,n){"use strict";var r=n(136);t.exports=function(t){var e=+t;return e!=e||0===e?0:r(e)}},function(t,e,n){"use strict";var r=n(10),o=n(0),i=n(36),a=n(51),s=n(141),l=a("IE_PROTO"),c=Object,u=c.prototype;t.exports=s?c.getPrototypeOf:function(t){var e=i(t);if(r(e,l))return e[l];var n=e.constructor;return o(n)&&e instanceof n?n.prototype:e instanceof c?u:null}},function(t,e,n){"use strict";var r,o,i,a=n(3),s=n(0),l=n(9),c=n(87),u=n(85),p=n(50),f=n(16),d=n(23),h=f("iterator"),v=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(r=o):v=!0),!l(r)||a((function(){var t={};return r[h].call(t)!==t}))?r={}:d&&(r=c(r)),s(r[h])||p(r,h,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:v}},function(t,e,n){"use strict";var r,o=n(1),i=n(144),a=n(53),s=n(52),l=n(146),c=n(78),u=n(51),p=u("IE_PROTO"),f=function(){},d=function(t){return"<script>"+t+"<\/script>"},h=function(t){t.write(d("")),t.close();var e=t.parentWindow.Object;return t=null,e},v=function(){try{r=new ActiveXObject("htmlfile")}catch(t){}var t,e;v="undefined"!=typeof document?document.domain&&r?h(r):((e=c("iframe")).style.display="none",l.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(d("document.F=Object")),t.close(),t.F):h(r);for(var n=a.length;n--;)delete v.prototype[a[n]];return v()};s[p]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(f.prototype=o(t),n=new f,f.prototype=null,n[p]=t):n=v(),void 0===e?n:i.f(n,e)}},function(t,e,n){"use strict";var r=n(13),o=n(87),i=n(24),a=n(148),s=n(16),l=n(81),c=n(35),u=n(86).IteratorPrototype,p=n(149),f=n(54),d=s("toStringTag"),h=l.set,v=function(t){var e=l.getterFor(t?"WrapForValidIterator":"IteratorHelper");return a(o(u),{next:function(){var n=e(this);if(t)return n.nextHandler();try{var r=n.done?void 0:n.nextHandler();return p(r,n.done)}catch(t){throw n.done=!0,t}},return:function(){var n=e(this),o=n.iterator;if(n.done=!0,t){var i=c(o,"return");return i?r(i,o):p(void 0,!0)}if(n.inner)try{f(n.inner.iterator,"normal")}catch(t){return f(o,"throw",t)}return o&&f(o,"normal"),p(void 0,!0)}})},g=v(!0),m=v(!1);i(m,d,"Iterator Helper"),t.exports=function(t,e){var n=function(n,r){r?(r.iterator=n.iterator,r.next=n.next):r=n,r.type=e?"WrapForValidIterator":"IteratorHelper",r.nextHandler=t,r.counter=0,r.done=!1,h(this,r)};return n.prototype=e?g:m,n}},function(t,e,n){"use strict";var r=n(1),o=n(54);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){o(t,"throw",e)}}},function(t,e,n){"use strict";t.exports={}},function(t,e,n){"use strict";var r=n(92),o=n(35),i=n(46),a=n(90),s=n(16)("iterator");t.exports=function(t){if(!i(t))return o(t,s)||o(t,"@@iterator")||a[r(t)]}},function(t,e,n){"use strict";var r=n(162),o=n(0),i=n(27),a=n(16)("toStringTag"),s=Object,l="Arguments"===i(function(){return arguments}());t.exports=r?i:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=s(t),a))?n:l?i(e):"Object"===(r=i(e))&&o(e.callee)?"Arguments":r}},function(t,e,n){"use strict";var r=n(168),o=n(9),i=n(45),a=n(169);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.prototype,"__proto__","set"))(n,[]),e=n instanceof Array}catch(t){}return function(n,r){return i(n),a(r),o(n)?(e?t(n,r):n.__proto__=r,n):n}}():void 0)},function(t,e){t.exports=function(t,e){for(var n=-1,r=e.length,o=t.length;++n<r;)t[o+n]=e[n];return t}},function(t,e){var n="object"==typeof global&&global&&global.Object===Object&&global;t.exports=n},function(t,e,n){var r=n(38),o=n(195),i=n(196),a=n(197),s=n(198),l=n(199);function c(t){var e=this.__data__=new r(t);this.size=e.size}c.prototype.clear=o,c.prototype.delete=i,c.prototype.get=a,c.prototype.has=s,c.prototype.set=l,t.exports=c},function(t,e){t.exports=function(t,e){return t===e||t!=t&&e!=e}},function(t,e,n){var r=n(26),o=n(57);t.exports=function(t){if(!o(t))return!1;var e=r(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},function(t,e){var n=Function.prototype.toString;t.exports=function(t){if(null!=t){try{return n.call(t)}catch(t){}try{return t+""}catch(t){}}return""}},function(t,e,n){var r=n(216),o=n(22);t.exports=function t(e,n,i,a,s){return e===n||(null==e||null==n||!o(e)&&!o(n)?e!=e&&n!=n:r(e,n,i,a,t,s))}},function(t,e,n){var r=n(102),o=n(219),i=n(103);t.exports=function(t,e,n,a,s,l){var c=1&n,u=t.length,p=e.length;if(u!=p&&!(c&&p>u))return!1;var f=l.get(t),d=l.get(e);if(f&&d)return f==e&&d==t;var h=-1,v=!0,g=2&n?new r:void 0;for(l.set(t,e),l.set(e,t);++h<u;){var m=t[h],y=e[h];if(a)var b=c?a(y,m,h,e,t,l):a(m,y,h,t,e,l);if(void 0!==b){if(b)continue;v=!1;break}if(g){if(!o(e,(function(t,e){if(!i(g,e)&&(m===t||s(m,t,n,a,l)))return g.push(e)}))){v=!1;break}}else if(m!==y&&!s(m,y,n,a,l)){v=!1;break}}return l.delete(t),l.delete(e),v}},function(t,e,n){var r=n(58),o=n(217),i=n(218);function a(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new r;++e<n;)this.add(t[e])}a.prototype.add=a.prototype.push=o,a.prototype.has=i,t.exports=a},function(t,e){t.exports=function(t,e){return t.has(e)}},function(t,e,n){var r=n(229),o=n(235),i=n(108);t.exports=function(t){return i(t)?r(t):o(t)}},function(t,e,n){(function(t){var r=n(14),o=n(231),i=e&&!e.nodeType&&e,a=i&&"object"==typeof t&&t&&!t.nodeType&&t,s=a&&a.exports===i?r.Buffer:void 0,l=(s?s.isBuffer:void 0)||o;t.exports=l}).call(this,n(65)(t))},function(t,e){var n=/^(?:0|[1-9]\d*)$/;t.exports=function(t,e){var r=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==r||"symbol"!=r&&n.test(t))&&t>-1&&t%1==0&&t<e}},function(t,e,n){var r=n(232),o=n(233),i=n(234),a=i&&i.isTypedArray,s=a?o(a):r;t.exports=s},function(t,e,n){var r=n(98),o=n(60);t.exports=function(t){return null!=t&&o(t.length)&&!r(t)}},function(t,e,n){var r=n(19)(n(14),"Set");t.exports=r},function(t,e,n){var r=n(57);t.exports=function(t){return t==t&&!r(t)}},function(t,e){t.exports=function(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}},function(t,e,n){var r=n(113),o=n(42);t.exports=function(t,e){for(var n=0,i=(e=r(e,t)).length;null!=t&&n<i;)t=t[o(e[n++])];return n&&n==i?t:void 0}},function(t,e,n){var r=n(12),o=n(61),i=n(246),a=n(249);t.exports=function(t,e){return r(t)?t:o(t,e)?[t]:i(a(t))}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){var r=n(182),o=n(187),i=n(258),a=n(266),s=n(275),l=n(123),c=i((function(t){var e=l(t);return s(e)&&(e=void 0),a(r(t,1,s,!0),o(e,2))}));t.exports=c},function(t,e,n){"use strict";
+ * @license MIT */void 0===(o="function"==typeof(r=function(){var t,e,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(t,e,n){return t<e?e:t>n?n:t}function i(t){return 100*(-1+t)}n.configure=function(t){var e,n;for(e in t)void 0!==(n=t[e])&&t.hasOwnProperty(e)&&(r[e]=n);return this},n.status=null,n.set=function(t){var e=n.isStarted();t=o(t,r.minimum,1),n.status=1===t?null:t;var l=n.render(!e),u=l.querySelector(r.barSelector),c=r.speed,p=r.easing;return l.offsetWidth,a((function(e){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(u,function(t,e,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+i(t)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+i(t)+"%,0)"}:{"margin-left":i(t)+"%"}).transition="all "+e+"ms "+n,o}(t,c,p)),1===t?(s(l,{transition:"none",opacity:1}),l.offsetWidth,setTimeout((function(){s(l,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){n.remove(),e()}),c)}),c)):setTimeout(e,c)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var t=function(){setTimeout((function(){n.status&&(n.trickle(),t())}),r.trickleSpeed)};return r.trickle&&t(),this},n.done=function(t){return t||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(t){var e=n.status;return e?("number"!=typeof t&&(t=(1-e)*o(Math.random()*e,.1,.95)),e=o(e+t,0,.994),n.set(e)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},t=0,e=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===e&&n.start(),t++,e++,r.always((function(){0==--e?(t=0,n.done()):n.set((t-e)/t)})),this):this},n.render=function(t){if(n.isRendered())return document.getElementById("nprogress");u(document.documentElement,"nprogress-busy");var e=document.createElement("div");e.id="nprogress",e.innerHTML=r.template;var o,a=e.querySelector(r.barSelector),l=t?"-100":i(n.status||0),c=document.querySelector(r.parent);return s(a,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(o=e.querySelector(r.spinnerSelector))&&f(o),c!=document.body&&u(c,"nprogress-custom-parent"),c.appendChild(e),e},n.remove=function(){c(document.documentElement,"nprogress-busy"),c(document.querySelector(r.parent),"nprogress-custom-parent");var t=document.getElementById("nprogress");t&&f(t)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var t=document.body.style,e="WebkitTransform"in t?"Webkit":"MozTransform"in t?"Moz":"msTransform"in t?"ms":"OTransform"in t?"O":"";return e+"Perspective"in t?"translate3d":e+"Transform"in t?"translate":"margin"};var a=function(){var t=[];function e(){var n=t.shift();n&&n(e)}return function(n){t.push(n),1==t.length&&e()}}(),s=function(){var t=["Webkit","O","Moz","ms"],e={};function n(n){return n=n.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(t,e){return e.toUpperCase()})),e[n]||(e[n]=function(e){var n=document.body.style;if(e in n)return e;for(var r,o=t.length,i=e.charAt(0).toUpperCase()+e.slice(1);o--;)if((r=t[o]+i)in n)return r;return e}(n))}function r(t,e,r){e=n(e),t.style[e]=r}return function(t,e){var n,o,i=arguments;if(2==i.length)for(n in e)void 0!==(o=e[n])&&e.hasOwnProperty(n)&&r(t,n,o);else r(t,i[1],i[2])}}();function l(t,e){return("string"==typeof t?t:p(t)).indexOf(" "+e+" ")>=0}function u(t,e){var n=p(t),r=n+e;l(n,e)||(t.className=r.substring(1))}function c(t,e){var n,r=p(t);l(t,e)&&(n=r.replace(" "+e+" "," "),t.className=n.substring(1,n.length-1))}function p(t){return(" "+(t.className||"")+" ").replace(/\s+/gi," ")}function f(t){t&&t.parentNode&&t.parentNode.removeChild(t)}return n})?r.call(e,n,e,t):r)||(t.exports=o)},function(t,e,n){"use strict";var r=n(158),o=n(13),i=n(1),a=n(47),s=n(160),l=n(37),u=n(34),c=n(161),p=n(91),f=n(54),d=TypeError,h=function(t,e){this.stopped=t,this.result=e},v=h.prototype;t.exports=function(t,e,n){var g,m,y,b,_,x,w,k=n&&n.that,E=!(!n||!n.AS_ENTRIES),C=!(!n||!n.IS_RECORD),S=!(!n||!n.IS_ITERATOR),O=!(!n||!n.INTERRUPTED),j=r(e,k),T=function(t){return g&&f(g,"normal",t),new h(!0,t)},$=function(t){return E?(i(t),O?j(t[0],t[1],T):j(t[0],t[1])):O?j(t,T):j(t)};if(C)g=t.iterator;else if(S)g=t;else{if(!(m=p(t)))throw new d(a(t)+" is not iterable");if(s(m)){for(y=0,b=l(t);b>y;y++)if((_=$(t[y]))&&u(v,_))return _;return new h(!1)}g=c(t,m)}for(x=C?t.next:g.next;!(w=o(x,g)).done;){try{_=$(w.value)}catch(t){f(g,"throw",t)}if("object"==typeof _&&_&&u(v,_))return _}return new h(!1)}},function(t,e,n){"use strict";var r=n(46),o=TypeError;t.exports=function(t){if(r(t))throw new o("Can't call method on "+t);return t}},function(t,e,n){"use strict";t.exports=function(t){return null==t}},function(t,e,n){"use strict";var r=String;t.exports=function(t){try{return r(t)}catch(t){return"Object"}}},function(t,e,n){"use strict";var r=n(23),o=n(2),i=n(49),a=t.exports=o["__core-js_shared__"]||i("__core-js_shared__",{});(a.versions||(a.versions=[])).push({version:"3.39.0",mode:r?"pure":"global",copyright:"© 2014-2024 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.39.0/LICENSE",source:"https://github.com/zloirock/core-js"})},function(t,e,n){"use strict";var r=n(2),o=Object.defineProperty;t.exports=function(t,e){try{o(r,t,{value:e,configurable:!0,writable:!0})}catch(n){r[t]=e}return e}},function(t,e,n){"use strict";var r=n(0),o=n(18),i=n(80),a=n(49);t.exports=function(t,e,n,s){s||(s={});var l=s.enumerable,u=void 0!==s.name?s.name:e;if(r(n)&&i(n,u,s),s.global)l?t[e]=n:a(e,n);else{try{s.unsafe?t[e]&&(l=!0):delete t[e]}catch(t){}l?t[e]=n:o.f(t,e,{value:n,enumerable:!1,configurable:!s.nonConfigurable,writable:!s.nonWritable})}return t}},function(t,e,n){"use strict";var r=n(75),o=n(76),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,e,n){"use strict";t.exports={}},function(t,e,n){"use strict";t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},function(t,e,n){"use strict";var r=n(13),o=n(1),i=n(35);t.exports=function(t,e,n){var a,s;o(t);try{if(!(a=i(t,"return"))){if("throw"===e)throw n;return n}a=r(a,t)}catch(t){s=!0,a=t}if("throw"===e)throw n;if(s)throw a;return o(a),n}},function(t,e,n){var r=n(184),o=n(22),i=Object.prototype,a=i.hasOwnProperty,s=i.propertyIsEnumerable,l=r(function(){return arguments}())?r:function(t){return o(t)&&a.call(t,"callee")&&!s.call(t,"callee")};t.exports=l},function(t,e,n){var r=n(19)(n(14),"Map");t.exports=r},function(t,e){t.exports=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)}},function(t,e,n){var r=n(204),o=n(211),i=n(213),a=n(214),s=n(215);function l(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}l.prototype.clear=r,l.prototype.delete=o,l.prototype.get=i,l.prototype.has=a,l.prototype.set=s,t.exports=l},function(t,e){t.exports=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}},function(t,e){t.exports=function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=9007199254740991}},function(t,e,n){var r=n(12),o=n(62),i=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,a=/^\w*$/;t.exports=function(t,e){if(r(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!o(t))||(a.test(t)||!i.test(t)||null!=e&&t in Object(e))}},function(t,e,n){var r=n(26),o=n(22);t.exports=function(t){return"symbol"==typeof t||o(t)&&"[object Symbol]"==r(t)}},function(t,e){t.exports=function(t){return t}},function(t,e,n){"use strict";n(276)},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}},function(t,e){var n=/^\s+|\s+$/g,r=/^[-+]0x[0-9a-f]+$/i,o=/^0b[01]+$/i,i=/^0o[0-7]+$/i,a=parseInt,s="object"==typeof global&&global&&global.Object===Object&&global,l="object"==typeof self&&self&&self.Object===Object&&self,u=s||l||Function("return this")(),c=Object.prototype.toString,p=Math.max,f=Math.min,d=function(){return u.Date.now()};function h(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function v(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==c.call(t)}(t))return NaN;if(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var s=o.test(t);return s||i.test(t)?a(t.slice(2),s?2:8):r.test(t)?NaN:+t}t.exports=function(t,e,n){var r,o,i,a,s,l,u=0,c=!1,g=!1,m=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function y(e){var n=r,i=o;return r=o=void 0,u=e,a=t.apply(i,n)}function b(t){return u=t,s=setTimeout(x,e),c?y(t):a}function _(t){var n=t-l;return void 0===l||n>=e||n<0||g&&t-u>=i}function x(){var t=d();if(_(t))return w(t);s=setTimeout(x,function(t){var n=e-(t-l);return g?f(n,i-(t-u)):n}(t))}function w(t){return s=void 0,m&&r?y(t):(r=o=void 0,a)}function k(){var t=d(),n=_(t);if(r=arguments,o=this,l=t,n){if(void 0===s)return b(l);if(g)return s=setTimeout(x,e),y(l)}return void 0===s&&(s=setTimeout(x,e)),a}return e=v(e)||0,h(n)&&(c=!!n.leading,i=(g="maxWait"in n)?p(v(n.maxWait)||0,e):i,m="trailing"in n?!!n.trailing:m),k.cancel=function(){void 0!==s&&clearTimeout(s),u=0,r=l=o=s=void 0},k.flush=function(){return void 0===s?a:w(d())},k}},function(t,e,n){"use strict";var r=n(5),o=n(13),i=n(126),a=n(31),s=n(32),l=n(69),u=n(10),c=n(77),p=Object.getOwnPropertyDescriptor;e.f=r?p:function(t,e){if(t=s(t),e=l(e),c)try{return p(t,e)}catch(t){}if(u(t,e))return a(!o(i.f,t,e),t[e])}},function(t,e,n){"use strict";var r=n(6),o=n(3),i=n(27),a=Object,s=r("".split);t.exports=o((function(){return!a("z").propertyIsEnumerable(0)}))?function(t){return"String"===i(t)?s(t,""):a(t)}:a},function(t,e,n){"use strict";var r=n(127),o=n(70);t.exports=function(t){var e=r(t,"string");return o(e)?e:e+""}},function(t,e,n){"use strict";var r=n(33),o=n(0),i=n(34),a=n(71),s=Object;t.exports=a?function(t){return"symbol"==typeof t}:function(t){var e=r("Symbol");return o(e)&&i(e.prototype,s(t))}},function(t,e,n){"use strict";var r=n(72);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},function(t,e,n){"use strict";var r=n(73),o=n(3),i=n(2).String;t.exports=!!Object.getOwnPropertySymbols&&!o((function(){var t=Symbol("symbol detection");return!i(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},function(t,e,n){"use strict";var r,o,i=n(2),a=n(74),s=i.process,l=i.Deno,u=s&&s.versions||l&&l.version,c=u&&u.v8;c&&(o=(r=c.split("."))[0]>0&&r[0]<4?1:+(r[0]+r[1])),!o&&a&&(!(r=a.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=a.match(/Chrome\/(\d+)/))&&(o=+r[1]),t.exports=o},function(t,e,n){"use strict";var r=n(2).navigator,o=r&&r.userAgent;t.exports=o?String(o):""},function(t,e,n){"use strict";var r=n(48);t.exports=function(t,e){return r[t]||(r[t]=e||{})}},function(t,e,n){"use strict";var r=n(6),o=0,i=Math.random(),a=r(1..toString);t.exports=function(t){return"Symbol("+(void 0===t?"":t)+")_"+a(++o+i,36)}},function(t,e,n){"use strict";var r=n(5),o=n(3),i=n(78);t.exports=!r&&!o((function(){return 7!==Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},function(t,e,n){"use strict";var r=n(2),o=n(9),i=r.document,a=o(i)&&o(i.createElement);t.exports=function(t){return a?i.createElement(t):{}}},function(t,e,n){"use strict";var r=n(5),o=n(3);t.exports=r&&o((function(){return 42!==Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},function(t,e,n){"use strict";var r=n(6),o=n(3),i=n(0),a=n(10),s=n(5),l=n(129).CONFIGURABLE,u=n(130),c=n(81),p=c.enforce,f=c.get,d=String,h=Object.defineProperty,v=r("".slice),g=r("".replace),m=r([].join),y=s&&!o((function(){return 8!==h((function(){}),"length",{value:8}).length})),b=String(String).split("String"),_=t.exports=function(t,e,n){"Symbol("===v(d(e),0,7)&&(e="["+g(d(e),/^Symbol\(([^)]*)\).*$/,"$1")+"]"),n&&n.getter&&(e="get "+e),n&&n.setter&&(e="set "+e),(!a(t,"name")||l&&t.name!==e)&&(s?h(t,"name",{value:e,configurable:!0}):t.name=e),y&&n&&a(n,"arity")&&t.length!==n.arity&&h(t,"length",{value:n.arity});try{n&&a(n,"constructor")&&n.constructor?s&&h(t,"prototype",{writable:!1}):t.prototype&&(t.prototype=void 0)}catch(t){}var r=p(t);return a(r,"source")||(r.source=m(b,"string"==typeof e?e:"")),t};Function.prototype.toString=_((function(){return i(this)&&f(this).source||u(this)}),"toString")},function(t,e,n){"use strict";var r,o,i,a=n(131),s=n(2),l=n(9),u=n(24),c=n(10),p=n(48),f=n(51),d=n(52),h=s.TypeError,v=s.WeakMap;if(a||p.state){var g=p.state||(p.state=new v);g.get=g.get,g.has=g.has,g.set=g.set,r=function(t,e){if(g.has(t))throw new h("Object already initialized");return e.facade=t,g.set(t,e),e},o=function(t){return g.get(t)||{}},i=function(t){return g.has(t)}}else{var m=f("state");d[m]=!0,r=function(t,e){if(c(t,m))throw new h("Object already initialized");return e.facade=t,u(t,m,e),e},o=function(t){return c(t,m)?t[m]:{}},i=function(t){return c(t,m)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!l(e)||(n=o(e)).type!==t)throw new h("Incompatible receiver, "+t+" required");return n}}}},function(t,e,n){"use strict";var r=n(10),o=n(132),i=n(67),a=n(18);t.exports=function(t,e,n){for(var s=o(e),l=a.f,u=i.f,c=0;c<s.length;c++){var p=s[c];r(t,p)||n&&r(n,p)||l(t,p,u(e,p))}}},function(t,e,n){"use strict";var r=n(6),o=n(10),i=n(32),a=n(134).indexOf,s=n(52),l=r([].push);t.exports=function(t,e){var n,r=i(t),u=0,c=[];for(n in r)!o(s,n)&&o(r,n)&&l(c,n);for(;e.length>u;)o(r,n=e[u++])&&(~a(c,n)||l(c,n));return c}},function(t,e,n){"use strict";var r=n(136);t.exports=function(t){var e=+t;return e!=e||0===e?0:r(e)}},function(t,e,n){"use strict";var r=n(10),o=n(0),i=n(36),a=n(51),s=n(141),l=a("IE_PROTO"),u=Object,c=u.prototype;t.exports=s?u.getPrototypeOf:function(t){var e=i(t);if(r(e,l))return e[l];var n=e.constructor;return o(n)&&e instanceof n?n.prototype:e instanceof u?c:null}},function(t,e,n){"use strict";var r,o,i,a=n(3),s=n(0),l=n(9),u=n(87),c=n(85),p=n(50),f=n(16),d=n(23),h=f("iterator"),v=!1;[].keys&&("next"in(i=[].keys())?(o=c(c(i)))!==Object.prototype&&(r=o):v=!0),!l(r)||a((function(){var t={};return r[h].call(t)!==t}))?r={}:d&&(r=u(r)),s(r[h])||p(r,h,(function(){return this})),t.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:v}},function(t,e,n){"use strict";var r,o=n(1),i=n(144),a=n(53),s=n(52),l=n(146),u=n(78),c=n(51),p=c("IE_PROTO"),f=function(){},d=function(t){return"<script>"+t+"<\/script>"},h=function(t){t.write(d("")),t.close();var e=t.parentWindow.Object;return t=null,e},v=function(){try{r=new ActiveXObject("htmlfile")}catch(t){}var t,e;v="undefined"!=typeof document?document.domain&&r?h(r):((e=u("iframe")).style.display="none",l.appendChild(e),e.src=String("javascript:"),(t=e.contentWindow.document).open(),t.write(d("document.F=Object")),t.close(),t.F):h(r);for(var n=a.length;n--;)delete v.prototype[a[n]];return v()};s[p]=!0,t.exports=Object.create||function(t,e){var n;return null!==t?(f.prototype=o(t),n=new f,f.prototype=null,n[p]=t):n=v(),void 0===e?n:i.f(n,e)}},function(t,e,n){"use strict";var r=n(13),o=n(87),i=n(24),a=n(148),s=n(16),l=n(81),u=n(35),c=n(86).IteratorPrototype,p=n(149),f=n(54),d=s("toStringTag"),h=l.set,v=function(t){var e=l.getterFor(t?"WrapForValidIterator":"IteratorHelper");return a(o(c),{next:function(){var n=e(this);if(t)return n.nextHandler();try{var r=n.done?void 0:n.nextHandler();return p(r,n.done)}catch(t){throw n.done=!0,t}},return:function(){var n=e(this),o=n.iterator;if(n.done=!0,t){var i=u(o,"return");return i?r(i,o):p(void 0,!0)}if(n.inner)try{f(n.inner.iterator,"normal")}catch(t){return f(o,"throw",t)}return o&&f(o,"normal"),p(void 0,!0)}})},g=v(!0),m=v(!1);i(m,d,"Iterator Helper"),t.exports=function(t,e){var n=function(n,r){r?(r.iterator=n.iterator,r.next=n.next):r=n,r.type=e?"WrapForValidIterator":"IteratorHelper",r.nextHandler=t,r.counter=0,r.done=!1,h(this,r)};return n.prototype=e?g:m,n}},function(t,e,n){"use strict";var r=n(1),o=n(54);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){o(t,"throw",e)}}},function(t,e,n){"use strict";t.exports={}},function(t,e,n){"use strict";var r=n(92),o=n(35),i=n(46),a=n(90),s=n(16)("iterator");t.exports=function(t){if(!i(t))return o(t,s)||o(t,"@@iterator")||a[r(t)]}},function(t,e,n){"use strict";var r=n(162),o=n(0),i=n(27),a=n(16)("toStringTag"),s=Object,l="Arguments"===i(function(){return arguments}());t.exports=r?i:function(t){var e,n,r;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=s(t),a))?n:l?i(e):"Object"===(r=i(e))&&o(e.callee)?"Arguments":r}},function(t,e,n){"use strict";var r=n(168),o=n(9),i=n(45),a=n(169);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,e=!1,n={};try{(t=r(Object.prototype,"__proto__","set"))(n,[]),e=n instanceof Array}catch(t){}return function(n,r){return i(n),a(r),o(n)?(e?t(n,r):n.__proto__=r,n):n}}():void 0)},function(t,e){t.exports=function(t,e){for(var n=-1,r=e.length,o=t.length;++n<r;)t[o+n]=e[n];return t}},function(t,e){var n="object"==typeof global&&global&&global.Object===Object&&global;t.exports=n},function(t,e,n){var r=n(38),o=n(195),i=n(196),a=n(197),s=n(198),l=n(199);function u(t){var e=this.__data__=new r(t);this.size=e.size}u.prototype.clear=o,u.prototype.delete=i,u.prototype.get=a,u.prototype.has=s,u.prototype.set=l,t.exports=u},function(t,e){t.exports=function(t,e){return t===e||t!=t&&e!=e}},function(t,e,n){var r=n(26),o=n(57);t.exports=function(t){if(!o(t))return!1;var e=r(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e}},function(t,e){var n=Function.prototype.toString;t.exports=function(t){if(null!=t){try{return n.call(t)}catch(t){}try{return t+""}catch(t){}}return""}},function(t,e,n){var r=n(216),o=n(22);t.exports=function t(e,n,i,a,s){return e===n||(null==e||null==n||!o(e)&&!o(n)?e!=e&&n!=n:r(e,n,i,a,t,s))}},function(t,e,n){var r=n(102),o=n(219),i=n(103);t.exports=function(t,e,n,a,s,l){var u=1&n,c=t.length,p=e.length;if(c!=p&&!(u&&p>c))return!1;var f=l.get(t),d=l.get(e);if(f&&d)return f==e&&d==t;var h=-1,v=!0,g=2&n?new r:void 0;for(l.set(t,e),l.set(e,t);++h<c;){var m=t[h],y=e[h];if(a)var b=u?a(y,m,h,e,t,l):a(m,y,h,t,e,l);if(void 0!==b){if(b)continue;v=!1;break}if(g){if(!o(e,(function(t,e){if(!i(g,e)&&(m===t||s(m,t,n,a,l)))return g.push(e)}))){v=!1;break}}else if(m!==y&&!s(m,y,n,a,l)){v=!1;break}}return l.delete(t),l.delete(e),v}},function(t,e,n){var r=n(58),o=n(217),i=n(218);function a(t){var e=-1,n=null==t?0:t.length;for(this.__data__=new r;++e<n;)this.add(t[e])}a.prototype.add=a.prototype.push=o,a.prototype.has=i,t.exports=a},function(t,e){t.exports=function(t,e){return t.has(e)}},function(t,e,n){var r=n(229),o=n(235),i=n(108);t.exports=function(t){return i(t)?r(t):o(t)}},function(t,e,n){(function(t){var r=n(14),o=n(231),i=e&&!e.nodeType&&e,a=i&&"object"==typeof t&&t&&!t.nodeType&&t,s=a&&a.exports===i?r.Buffer:void 0,l=(s?s.isBuffer:void 0)||o;t.exports=l}).call(this,n(65)(t))},function(t,e){var n=/^(?:0|[1-9]\d*)$/;t.exports=function(t,e){var r=typeof t;return!!(e=null==e?9007199254740991:e)&&("number"==r||"symbol"!=r&&n.test(t))&&t>-1&&t%1==0&&t<e}},function(t,e,n){var r=n(232),o=n(233),i=n(234),a=i&&i.isTypedArray,s=a?o(a):r;t.exports=s},function(t,e,n){var r=n(98),o=n(60);t.exports=function(t){return null!=t&&o(t.length)&&!r(t)}},function(t,e,n){var r=n(19)(n(14),"Set");t.exports=r},function(t,e,n){var r=n(57);t.exports=function(t){return t==t&&!r(t)}},function(t,e){t.exports=function(t,e){return function(n){return null!=n&&(n[t]===e&&(void 0!==e||t in Object(n)))}}},function(t,e,n){var r=n(113),o=n(42);t.exports=function(t,e){for(var n=0,i=(e=r(e,t)).length;null!=t&&n<i;)t=t[o(e[n++])];return n&&n==i?t:void 0}},function(t,e,n){var r=n(12),o=n(61),i=n(246),a=n(249);t.exports=function(t,e){return r(t)?t:o(t,e)?[t]:i(a(t))}},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){},function(t,e,n){var r=n(182),o=n(187),i=n(258),a=n(266),s=n(275),l=n(123),u=i((function(t){var e=l(t);return s(e)&&(e=void 0),a(r(t,1,s,!0),o(e,2))}));t.exports=u},function(t,e,n){"use strict";
 /*!
  * escape-html
  * Copyright(c) 2012-2013 TJ Holowaychuk
  * Copyright(c) 2015 Andreas Lubbe
  * Copyright(c) 2015 Tiancheng "Timothy" Gu
  * MIT Licensed
- */var r=/["'&<>]/;t.exports=function(t){var e,n=""+t,o=r.exec(n);if(!o)return n;var i="",a=0,s=0;for(a=o.index;a<n.length;a++){switch(n.charCodeAt(a)){case 34:e="&quot;";break;case 38:e="&amp;";break;case 39:e="&#39;";break;case 60:e="&lt;";break;case 62:e="&gt;";break;default:continue}s!==a&&(i+=n.substring(s,a)),s=a+1,i+=e}return s!==a?i+n.substring(s,a):i}},function(t,e,n){"use strict";n.r(e);var r={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}}},o=(n(279),n(7)),i=Object(o.a)(r,(function(){return(0,this._self._c)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"b7295a7e",null);e.default=i.exports},function(t,e,n){"use strict";n.r(e);n(4),n(15),n(17),n(21);var r={name:"CodeGroup",data:()=>({codeTabs:[],activeCodeTabIndex:-1}),watch:{activeCodeTabIndex(t){this.codeTabs.forEach(t=>{t.elm.classList.remove("theme-code-block__active")}),this.codeTabs[t].elm.classList.add("theme-code-block__active")}},mounted(){this.codeTabs=(this.$slots.default||[]).filter(t=>Boolean(t.componentOptions)).map((t,e)=>(""===t.componentOptions.propsData.active&&(this.activeCodeTabIndex=e),{title:t.componentOptions.propsData.title,elm:t.elm})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0)},methods:{changeCodeTab(t){this.activeCodeTabIndex=t}}},o=(n(280),n(7)),i=Object(o.a)(r,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"theme-code-group"},[e("div",{staticClass:"theme-code-group__nav"},[e("ul",{staticClass:"theme-code-group__ul"},t._l(t.codeTabs,(function(n,r){return e("li",{key:n.title,staticClass:"theme-code-group__li"},[e("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":r===t.activeCodeTabIndex},on:{click:function(e){return t.changeCodeTab(r)}}},[t._v("\n            "+t._s(n.title)+"\n          ")])])})),0)]),t._v(" "),t._t("default"),t._v(" "),t.codeTabs.length<1?e("pre",{staticClass:"pre-blank"},[t._v("// Make sure to add code blocks to your code group")]):t._e()],2)}),[],!1,null,"d560d5e8",null);e.default=i.exports},function(t,e){t.exports=function(t){var e=null==t?0:t.length;return e?t[e-1]:void 0}},function(t,e,n){t.exports=n(286)},function(t,e,n){"use strict";var r=n(11),o=n(2),i=n(140),a=n(1),s=n(0),l=n(85),c=n(142),u=n(143),p=n(3),f=n(10),d=n(16),h=n(86).IteratorPrototype,v=n(5),g=n(23),m=d("toStringTag"),y=TypeError,b=o.Iterator,_=g||!s(b)||b.prototype!==h||!p((function(){b({})})),x=function(){if(i(this,h),l(this)===h)throw new y("Abstract class Iterator not directly constructable")},w=function(t,e){v?c(h,t,{configurable:!0,get:function(){return e},set:function(e){if(a(this),this===h)throw new y("You can't redefine this property");f(this,t)?this[t]=e:u(this,t,e)}}):h[t]=e};f(h,m)||w(m,"Iterator"),!_&&f(h,"constructor")&&h.constructor!==Object||w("constructor",x),x.prototype=h,r({global:!0,constructor:!0,forced:_},{Iterator:x})},function(t,e,n){"use strict";var r={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!r.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:r},function(t,e,n){"use strict";var r=n(13),o=n(9),i=n(70),a=n(35),s=n(128),l=n(16),c=TypeError,u=l("toPrimitive");t.exports=function(t,e){if(!o(t)||i(t))return t;var n,l=a(t,u);if(l){if(void 0===e&&(e="default"),n=r(l,t,e),!o(n)||i(n))return n;throw new c("Can't convert object to primitive value")}return void 0===e&&(e="number"),s(t,e)}},function(t,e,n){"use strict";var r=n(13),o=n(0),i=n(9),a=TypeError;t.exports=function(t,e){var n,s;if("string"===e&&o(n=t.toString)&&!i(s=r(n,t)))return s;if(o(n=t.valueOf)&&!i(s=r(n,t)))return s;if("string"!==e&&o(n=t.toString)&&!i(s=r(n,t)))return s;throw new a("Can't convert object to primitive value")}},function(t,e,n){"use strict";var r=n(5),o=n(10),i=Function.prototype,a=r&&Object.getOwnPropertyDescriptor,s=o(i,"name"),l=s&&"something"===function(){}.name,c=s&&(!r||r&&a(i,"name").configurable);t.exports={EXISTS:s,PROPER:l,CONFIGURABLE:c}},function(t,e,n){"use strict";var r=n(6),o=n(0),i=n(48),a=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return a(t)}),t.exports=i.inspectSource},function(t,e,n){"use strict";var r=n(2),o=n(0),i=r.WeakMap;t.exports=o(i)&&/native code/.test(String(i))},function(t,e,n){"use strict";var r=n(33),o=n(6),i=n(133),a=n(138),s=n(1),l=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(s(t)),n=a.f;return n?l(e,n(t)):e}},function(t,e,n){"use strict";var r=n(83),o=n(53).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){"use strict";var r=n(32),o=n(135),i=n(37),a=function(t){return function(e,n,a){var s=r(e),l=i(s);if(0===l)return!t&&-1;var c,u=o(a,l);if(t&&n!=n){for(;l>u;)if((c=s[u++])!=c)return!0}else for(;l>u;u++)if((t||u in s)&&s[u]===n)return t||u||0;return!t&&-1}};t.exports={includes:a(!0),indexOf:a(!1)}},function(t,e,n){"use strict";var r=n(84),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},function(t,e,n){"use strict";var r=Math.ceil,o=Math.floor;t.exports=Math.trunc||function(t){var e=+t;return(e>0?o:r)(e)}},function(t,e,n){"use strict";var r=n(84),o=Math.min;t.exports=function(t){var e=r(t);return e>0?o(e,9007199254740991):0}},function(t,e,n){"use strict";e.f=Object.getOwnPropertySymbols},function(t,e,n){"use strict";var r=n(3),o=n(0),i=/#|\.prototype\./,a=function(t,e){var n=l[s(t)];return n===u||n!==c&&(o(e)?r(e):!!e)},s=a.normalize=function(t){return String(t).replace(i,".").toLowerCase()},l=a.data={},c=a.NATIVE="N",u=a.POLYFILL="P";t.exports=a},function(t,e,n){"use strict";var r=n(34),o=TypeError;t.exports=function(t,e){if(r(e,t))return t;throw new o("Incorrect invocation")}},function(t,e,n){"use strict";var r=n(3);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},function(t,e,n){"use strict";var r=n(80),o=n(18);t.exports=function(t,e,n){return n.get&&r(n.get,e,{getter:!0}),n.set&&r(n.set,e,{setter:!0}),o.f(t,e,n)}},function(t,e,n){"use strict";var r=n(5),o=n(18),i=n(31);t.exports=function(t,e,n){r?o.f(t,e,i(0,n)):t[e]=n}},function(t,e,n){"use strict";var r=n(5),o=n(79),i=n(18),a=n(1),s=n(32),l=n(145);e.f=r&&!o?Object.defineProperties:function(t,e){a(t);for(var n,r=s(e),o=l(e),c=o.length,u=0;c>u;)i.f(t,n=o[u++],r[n]);return t}},function(t,e,n){"use strict";var r=n(83),o=n(53);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){"use strict";var r=n(33);t.exports=r("document","documentElement")},function(t,e,n){"use strict";var r=n(11),o=n(13),i=n(8),a=n(1),s=n(25),l=n(88),c=n(89),u=n(23),p=l((function(){for(var t,e,n=this.iterator,r=this.predicate,i=this.next;;){if(t=a(o(i,n)),this.done=!!t.done)return;if(e=t.value,c(n,r,[e,this.counter++],!0))return e}}));r({target:"Iterator",proto:!0,real:!0,forced:u},{filter:function(t){return a(this),i(t),new p(s(this),{predicate:t})}})},function(t,e,n){"use strict";var r=n(50);t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},function(t,e,n){"use strict";t.exports=function(t,e){return{value:t,done:e}}},function(t,e,n){"use strict";var r=n(11),o=n(151);r({target:"Iterator",proto:!0,real:!0,forced:n(23)},{map:o})},function(t,e,n){"use strict";var r=n(13),o=n(8),i=n(1),a=n(25),s=n(88),l=n(89),c=s((function(){var t=this.iterator,e=i(r(this.next,t));if(!(this.done=!!e.done))return l(t,this.mapper,[e.value,this.counter++],!0)}));t.exports=function(t){return i(this),o(t),new c(a(this),{mapper:t})}},function(t,e,n){"use strict";var r=n(11),o=n(153).left,i=n(154),a=n(73);r({target:"Array",proto:!0,forced:!n(155)&&a>79&&a<83||!i("reduce")},{reduce:function(t){var e=arguments.length;return o(this,t,e,e>1?arguments[1]:void 0)}})},function(t,e,n){"use strict";var r=n(8),o=n(36),i=n(68),a=n(37),s=TypeError,l="Reduce of empty array with no initial value",c=function(t){return function(e,n,c,u){var p=o(e),f=i(p),d=a(p);if(r(n),0===d&&c<2)throw new s(l);var h=t?d-1:0,v=t?-1:1;if(c<2)for(;;){if(h in f){u=f[h],h+=v;break}if(h+=v,t?h<0:d<=h)throw new s(l)}for(;t?h>=0:d>h;h+=v)h in f&&(u=n(u,f[h],h,p));return u}};t.exports={left:c(!1),right:c(!0)}},function(t,e,n){"use strict";var r=n(3);t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){return 1},1)}))}},function(t,e,n){"use strict";var r=n(156);t.exports="NODE"===r},function(t,e,n){"use strict";var r=n(2),o=n(74),i=n(27),a=function(t){return o.slice(0,t.length)===t};t.exports=a("Bun/")?"BUN":a("Cloudflare-Workers")?"CLOUDFLARE":a("Deno/")?"DENO":a("Node.js/")?"NODE":r.Bun&&"string"==typeof Bun.version?"BUN":r.Deno&&"object"==typeof Deno.version?"DENO":"process"===i(r.process)?"NODE":r.window&&r.document?"BROWSER":"REST"},function(t,e,n){"use strict";var r=n(11),o=n(44),i=n(8),a=n(1),s=n(25);r({target:"Iterator",proto:!0,real:!0},{forEach:function(t){a(this),i(t);var e=s(this),n=0;o(e,(function(e){t(e,n++)}),{IS_RECORD:!0})}})},function(t,e,n){"use strict";var r=n(159),o=n(8),i=n(30),a=r(r.bind);t.exports=function(t,e){return o(t),void 0===e?t:i?a(t,e):function(){return t.apply(e,arguments)}}},function(t,e,n){"use strict";var r=n(27),o=n(6);t.exports=function(t){if("Function"===r(t))return o(t)}},function(t,e,n){"use strict";var r=n(16),o=n(90),i=r("iterator"),a=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||a[i]===t)}},function(t,e,n){"use strict";var r=n(13),o=n(8),i=n(1),a=n(47),s=n(91),l=TypeError;t.exports=function(t,e){var n=arguments.length<2?s(t):e;if(o(n))return i(r(n,t));throw new l(a(t)+" is not iterable")}},function(t,e,n){"use strict";var r={};r[n(16)("toStringTag")]="z",t.exports="[object z]"===String(r)},function(t,e,n){"use strict";n(164)},function(t,e,n){"use strict";var r=n(11),o=n(44),i=n(8),a=n(1),s=n(25),l=TypeError;r({target:"Iterator",proto:!0,real:!0},{reduce:function(t){a(this),i(t);var e=s(this),n=arguments.length<2,r=n?void 0:arguments[1],c=0;if(o(e,(function(e){n?(n=!1,r=e):r=t(r,e,c),c++}),{IS_RECORD:!0}),n)throw new l("Reduce of empty iterator with no initial value");return r}})},function(t,e,n){"use strict";var r=n(11),o=n(2),i=n(166),a=n(167),s=o.WebAssembly,l=7!==new Error("e",{cause:7}).cause,c=function(t,e){var n={};n[t]=a(t,e,l),r({global:!0,constructor:!0,arity:1,forced:l},n)},u=function(t,e){if(s&&s[t]){var n={};n[t]=a("WebAssembly."+t,e,l),r({target:"WebAssembly",stat:!0,constructor:!0,arity:1,forced:l},n)}};c("Error",(function(t){return function(e){return i(t,this,arguments)}})),c("EvalError",(function(t){return function(e){return i(t,this,arguments)}})),c("RangeError",(function(t){return function(e){return i(t,this,arguments)}})),c("ReferenceError",(function(t){return function(e){return i(t,this,arguments)}})),c("SyntaxError",(function(t){return function(e){return i(t,this,arguments)}})),c("TypeError",(function(t){return function(e){return i(t,this,arguments)}})),c("URIError",(function(t){return function(e){return i(t,this,arguments)}})),u("CompileError",(function(t){return function(e){return i(t,this,arguments)}})),u("LinkError",(function(t){return function(e){return i(t,this,arguments)}})),u("RuntimeError",(function(t){return function(e){return i(t,this,arguments)}}))},function(t,e,n){"use strict";var r=n(30),o=Function.prototype,i=o.apply,a=o.call;t.exports="object"==typeof Reflect&&Reflect.apply||(r?a.bind(i):function(){return a.apply(i,arguments)})},function(t,e,n){"use strict";var r=n(33),o=n(10),i=n(24),a=n(34),s=n(93),l=n(82),c=n(171),u=n(172),p=n(173),f=n(175),d=n(176),h=n(5),v=n(23);t.exports=function(t,e,n,g){var m=g?2:1,y=t.split("."),b=y[y.length-1],_=r.apply(null,y);if(_){var x=_.prototype;if(!v&&o(x,"cause")&&delete x.cause,!n)return _;var w=r("Error"),k=e((function(t,e){var n=p(g?e:t,void 0),r=g?new _(t):new _;return void 0!==n&&i(r,"message",n),d(r,k,r.stack,2),this&&a(x,this)&&u(r,this,k),arguments.length>m&&f(r,arguments[m]),r}));if(k.prototype=x,"Error"!==b?s?s(k,w):l(k,w,{name:!0}):h&&"stackTraceLimit"in _&&(c(k,_,"stackTraceLimit"),c(k,_,"prepareStackTrace")),l(k,_),!v)try{x.name!==b&&i(x,"name",b),x.constructor=k}catch(t){}return k}}},function(t,e,n){"use strict";var r=n(6),o=n(8);t.exports=function(t,e,n){try{return r(o(Object.getOwnPropertyDescriptor(t,e)[n]))}catch(t){}}},function(t,e,n){"use strict";var r=n(170),o=String,i=TypeError;t.exports=function(t){if(r(t))return t;throw new i("Can't set "+o(t)+" as a prototype")}},function(t,e,n){"use strict";var r=n(9);t.exports=function(t){return r(t)||null===t}},function(t,e,n){"use strict";var r=n(18).f;t.exports=function(t,e,n){n in t||r(t,n,{configurable:!0,get:function(){return e[n]},set:function(t){e[n]=t}})}},function(t,e,n){"use strict";var r=n(0),o=n(9),i=n(93);t.exports=function(t,e,n){var a,s;return i&&r(a=e.constructor)&&a!==n&&o(s=a.prototype)&&s!==n.prototype&&i(t,s),t}},function(t,e,n){"use strict";var r=n(174);t.exports=function(t,e){return void 0===t?arguments.length<2?"":e:r(t)}},function(t,e,n){"use strict";var r=n(92),o=String;t.exports=function(t){if("Symbol"===r(t))throw new TypeError("Cannot convert a Symbol value to a string");return o(t)}},function(t,e,n){"use strict";var r=n(9),o=n(24);t.exports=function(t,e){r(e)&&"cause"in e&&o(t,"cause",e.cause)}},function(t,e,n){"use strict";var r=n(24),o=n(177),i=n(178),a=Error.captureStackTrace;t.exports=function(t,e,n,s){i&&(a?a(t,e):r(t,"stack",o(n,s)))}},function(t,e,n){"use strict";var r=n(6),o=Error,i=r("".replace),a=String(new o("zxcasd").stack),s=/\n\s*at [^:]*:[^\n]*/,l=s.test(a);t.exports=function(t,e){if(l&&"string"==typeof t&&!o.prepareStackTrace)for(;e--;)t=i(t,s,"");return t}},function(t,e,n){"use strict";var r=n(3),o=n(31);t.exports=!r((function(){var t=new Error("a");return!("stack"in t)||(Object.defineProperty(t,"stack",o(1,7)),7!==t.stack)}))},function(t,e,n){"use strict";var r=n(5),o=n(180),i=TypeError,a=Object.getOwnPropertyDescriptor,s=r&&!function(){if(void 0!==this)return!0;try{Object.defineProperty([],"length",{writable:!1}).length=1}catch(t){return t instanceof TypeError}}();t.exports=s?function(t,e){if(o(t)&&!a(t,"length").writable)throw new i("Cannot set read only .length");return t.length=e}:function(t,e){return t.length=e}},function(t,e,n){"use strict";var r=n(27);t.exports=Array.isArray||function(t){return"Array"===r(t)}},function(t,e,n){"use strict";var r=TypeError;t.exports=function(t){if(t>9007199254740991)throw r("Maximum allowed index exceeded");return t}},function(t,e,n){var r=n(94),o=n(183);t.exports=function t(e,n,i,a,s){var l=-1,c=e.length;for(i||(i=o),s||(s=[]);++l<c;){var u=e[l];n>0&&i(u)?n>1?t(u,n-1,i,a,s):r(s,u):a||(s[s.length]=u)}return s}},function(t,e,n){var r=n(28),o=n(55),i=n(12),a=r?r.isConcatSpreadable:void 0;t.exports=function(t){return i(t)||o(t)||!!(a&&t&&t[a])}},function(t,e,n){var r=n(26),o=n(22);t.exports=function(t){return o(t)&&"[object Arguments]"==r(t)}},function(t,e,n){var r=n(28),o=Object.prototype,i=o.hasOwnProperty,a=o.toString,s=r?r.toStringTag:void 0;t.exports=function(t){var e=i.call(t,s),n=t[s];try{t[s]=void 0;var r=!0}catch(t){}var o=a.call(t);return r&&(e?t[s]=n:delete t[s]),o}},function(t,e){var n=Object.prototype.toString;t.exports=function(t){return n.call(t)}},function(t,e,n){var r=n(188),o=n(244),i=n(63),a=n(12),s=n(255);t.exports=function(t){return"function"==typeof t?t:null==t?i:"object"==typeof t?a(t)?o(t[0],t[1]):r(t):s(t)}},function(t,e,n){var r=n(189),o=n(243),i=n(111);t.exports=function(t){var e=o(t);return 1==e.length&&e[0][2]?i(e[0][0],e[0][1]):function(n){return n===t||r(n,t,e)}}},function(t,e,n){var r=n(96),o=n(100);t.exports=function(t,e,n,i){var a=n.length,s=a,l=!i;if(null==t)return!s;for(t=Object(t);a--;){var c=n[a];if(l&&c[2]?c[1]!==t[c[0]]:!(c[0]in t))return!1}for(;++a<s;){var u=(c=n[a])[0],p=t[u],f=c[1];if(l&&c[2]){if(void 0===p&&!(u in t))return!1}else{var d=new r;if(i)var h=i(p,f,u,t,e,d);if(!(void 0===h?o(f,p,3,i,d):h))return!1}}return!0}},function(t,e){t.exports=function(){this.__data__=[],this.size=0}},function(t,e,n){var r=n(39),o=Array.prototype.splice;t.exports=function(t){var e=this.__data__,n=r(e,t);return!(n<0)&&(n==e.length-1?e.pop():o.call(e,n,1),--this.size,!0)}},function(t,e,n){var r=n(39);t.exports=function(t){var e=this.__data__,n=r(e,t);return n<0?void 0:e[n][1]}},function(t,e,n){var r=n(39);t.exports=function(t){return r(this.__data__,t)>-1}},function(t,e,n){var r=n(39);t.exports=function(t,e){var n=this.__data__,o=r(n,t);return o<0?(++this.size,n.push([t,e])):n[o][1]=e,this}},function(t,e,n){var r=n(38);t.exports=function(){this.__data__=new r,this.size=0}},function(t,e){t.exports=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n}},function(t,e){t.exports=function(t){return this.__data__.get(t)}},function(t,e){t.exports=function(t){return this.__data__.has(t)}},function(t,e,n){var r=n(38),o=n(56),i=n(58);t.exports=function(t,e){var n=this.__data__;if(n instanceof r){var a=n.__data__;if(!o||a.length<199)return a.push([t,e]),this.size=++n.size,this;n=this.__data__=new i(a)}return n.set(t,e),this.size=n.size,this}},function(t,e,n){var r=n(98),o=n(201),i=n(57),a=n(99),s=/^\[object .+?Constructor\]$/,l=Function.prototype,c=Object.prototype,u=l.toString,p=c.hasOwnProperty,f=RegExp("^"+u.call(p).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");t.exports=function(t){return!(!i(t)||o(t))&&(r(t)?f:s).test(a(t))}},function(t,e,n){var r,o=n(202),i=(r=/[^.]+$/.exec(o&&o.keys&&o.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"";t.exports=function(t){return!!i&&i in t}},function(t,e,n){var r=n(14)["__core-js_shared__"];t.exports=r},function(t,e){t.exports=function(t,e){return null==t?void 0:t[e]}},function(t,e,n){var r=n(205),o=n(38),i=n(56);t.exports=function(){this.size=0,this.__data__={hash:new r,map:new(i||o),string:new r}}},function(t,e,n){var r=n(206),o=n(207),i=n(208),a=n(209),s=n(210);function l(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}l.prototype.clear=r,l.prototype.delete=o,l.prototype.get=i,l.prototype.has=a,l.prototype.set=s,t.exports=l},function(t,e,n){var r=n(40);t.exports=function(){this.__data__=r?r(null):{},this.size=0}},function(t,e){t.exports=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}},function(t,e,n){var r=n(40),o=Object.prototype.hasOwnProperty;t.exports=function(t){var e=this.__data__;if(r){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return o.call(e,t)?e[t]:void 0}},function(t,e,n){var r=n(40),o=Object.prototype.hasOwnProperty;t.exports=function(t){var e=this.__data__;return r?void 0!==e[t]:o.call(e,t)}},function(t,e,n){var r=n(40);t.exports=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=r&&void 0===e?"__lodash_hash_undefined__":e,this}},function(t,e,n){var r=n(41);t.exports=function(t){var e=r(this,t).delete(t);return this.size-=e?1:0,e}},function(t,e){t.exports=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t}},function(t,e,n){var r=n(41);t.exports=function(t){return r(this,t).get(t)}},function(t,e,n){var r=n(41);t.exports=function(t){return r(this,t).has(t)}},function(t,e,n){var r=n(41);t.exports=function(t,e){var n=r(this,t),o=n.size;return n.set(t,e),this.size+=n.size==o?0:1,this}},function(t,e,n){var r=n(96),o=n(101),i=n(220),a=n(223),s=n(239),l=n(12),c=n(105),u=n(107),p="[object Object]",f=Object.prototype.hasOwnProperty;t.exports=function(t,e,n,d,h,v){var g=l(t),m=l(e),y=g?"[object Array]":s(t),b=m?"[object Array]":s(e),_=(y="[object Arguments]"==y?p:y)==p,x=(b="[object Arguments]"==b?p:b)==p,w=y==b;if(w&&c(t)){if(!c(e))return!1;g=!0,_=!1}if(w&&!_)return v||(v=new r),g||u(t)?o(t,e,n,d,h,v):i(t,e,y,n,d,h,v);if(!(1&n)){var k=_&&f.call(t,"__wrapped__"),E=x&&f.call(e,"__wrapped__");if(k||E){var C=k?t.value():t,S=E?e.value():e;return v||(v=new r),h(C,S,n,d,v)}}return!!w&&(v||(v=new r),a(t,e,n,d,h,v))}},function(t,e){t.exports=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this}},function(t,e){t.exports=function(t){return this.__data__.has(t)}},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}},function(t,e,n){var r=n(28),o=n(221),i=n(97),a=n(101),s=n(222),l=n(59),c=r?r.prototype:void 0,u=c?c.valueOf:void 0;t.exports=function(t,e,n,r,c,p,f){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!p(new o(t),new o(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return i(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var d=s;case"[object Set]":var h=1&r;if(d||(d=l),t.size!=e.size&&!h)return!1;var v=f.get(t);if(v)return v==e;r|=2,f.set(t,e);var g=a(d(t),d(e),r,c,p,f);return f.delete(t),g;case"[object Symbol]":if(u)return u.call(t)==u.call(e)}return!1}},function(t,e,n){var r=n(14).Uint8Array;t.exports=r},function(t,e){t.exports=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}},function(t,e,n){var r=n(224),o=Object.prototype.hasOwnProperty;t.exports=function(t,e,n,i,a,s){var l=1&n,c=r(t),u=c.length;if(u!=r(e).length&&!l)return!1;for(var p=u;p--;){var f=c[p];if(!(l?f in e:o.call(e,f)))return!1}var d=s.get(t),h=s.get(e);if(d&&h)return d==e&&h==t;var v=!0;s.set(t,e),s.set(e,t);for(var g=l;++p<u;){var m=t[f=c[p]],y=e[f];if(i)var b=l?i(y,m,f,e,t,s):i(m,y,f,t,e,s);if(!(void 0===b?m===y||a(m,y,n,i,s):b)){v=!1;break}g||(g="constructor"==f)}if(v&&!g){var _=t.constructor,x=e.constructor;_==x||!("constructor"in t)||!("constructor"in e)||"function"==typeof _&&_ instanceof _&&"function"==typeof x&&x instanceof x||(v=!1)}return s.delete(t),s.delete(e),v}},function(t,e,n){var r=n(225),o=n(226),i=n(104);t.exports=function(t){return r(t,i,o)}},function(t,e,n){var r=n(94),o=n(12);t.exports=function(t,e,n){var i=e(t);return o(t)?i:r(i,n(t))}},function(t,e,n){var r=n(227),o=n(228),i=Object.prototype.propertyIsEnumerable,a=Object.getOwnPropertySymbols,s=a?function(t){return null==t?[]:(t=Object(t),r(a(t),(function(e){return i.call(t,e)})))}:o;t.exports=s},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length,o=0,i=[];++n<r;){var a=t[n];e(a,n,t)&&(i[o++]=a)}return i}},function(t,e){t.exports=function(){return[]}},function(t,e,n){var r=n(230),o=n(55),i=n(12),a=n(105),s=n(106),l=n(107),c=Object.prototype.hasOwnProperty;t.exports=function(t,e){var n=i(t),u=!n&&o(t),p=!n&&!u&&a(t),f=!n&&!u&&!p&&l(t),d=n||u||p||f,h=d?r(t.length,String):[],v=h.length;for(var g in t)!e&&!c.call(t,g)||d&&("length"==g||p&&("offset"==g||"parent"==g)||f&&("buffer"==g||"byteLength"==g||"byteOffset"==g)||s(g,v))||h.push(g);return h}},function(t,e){t.exports=function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}},function(t,e){t.exports=function(){return!1}},function(t,e,n){var r=n(26),o=n(60),i=n(22),a={};a["[object Float32Array]"]=a["[object Float64Array]"]=a["[object Int8Array]"]=a["[object Int16Array]"]=a["[object Int32Array]"]=a["[object Uint8Array]"]=a["[object Uint8ClampedArray]"]=a["[object Uint16Array]"]=a["[object Uint32Array]"]=!0,a["[object Arguments]"]=a["[object Array]"]=a["[object ArrayBuffer]"]=a["[object Boolean]"]=a["[object DataView]"]=a["[object Date]"]=a["[object Error]"]=a["[object Function]"]=a["[object Map]"]=a["[object Number]"]=a["[object Object]"]=a["[object RegExp]"]=a["[object Set]"]=a["[object String]"]=a["[object WeakMap]"]=!1,t.exports=function(t){return i(t)&&o(t.length)&&!!a[r(t)]}},function(t,e){t.exports=function(t){return function(e){return t(e)}}},function(t,e,n){(function(t){var r=n(95),o=e&&!e.nodeType&&e,i=o&&"object"==typeof t&&t&&!t.nodeType&&t,a=i&&i.exports===o&&r.process,s=function(){try{var t=i&&i.require&&i.require("util").types;return t||a&&a.binding&&a.binding("util")}catch(t){}}();t.exports=s}).call(this,n(65)(t))},function(t,e,n){var r=n(236),o=n(237),i=Object.prototype.hasOwnProperty;t.exports=function(t){if(!r(t))return o(t);var e=[];for(var n in Object(t))i.call(t,n)&&"constructor"!=n&&e.push(n);return e}},function(t,e){var n=Object.prototype;t.exports=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||n)}},function(t,e,n){var r=n(238)(Object.keys,Object);t.exports=r},function(t,e){t.exports=function(t,e){return function(n){return t(e(n))}}},function(t,e,n){var r=n(240),o=n(56),i=n(241),a=n(109),s=n(242),l=n(26),c=n(99),u=c(r),p=c(o),f=c(i),d=c(a),h=c(s),v=l;(r&&"[object DataView]"!=v(new r(new ArrayBuffer(1)))||o&&"[object Map]"!=v(new o)||i&&"[object Promise]"!=v(i.resolve())||a&&"[object Set]"!=v(new a)||s&&"[object WeakMap]"!=v(new s))&&(v=function(t){var e=l(t),n="[object Object]"==e?t.constructor:void 0,r=n?c(n):"";if(r)switch(r){case u:return"[object DataView]";case p:return"[object Map]";case f:return"[object Promise]";case d:return"[object Set]";case h:return"[object WeakMap]"}return e}),t.exports=v},function(t,e,n){var r=n(19)(n(14),"DataView");t.exports=r},function(t,e,n){var r=n(19)(n(14),"Promise");t.exports=r},function(t,e,n){var r=n(19)(n(14),"WeakMap");t.exports=r},function(t,e,n){var r=n(110),o=n(104);t.exports=function(t){for(var e=o(t),n=e.length;n--;){var i=e[n],a=t[i];e[n]=[i,a,r(a)]}return e}},function(t,e,n){var r=n(100),o=n(245),i=n(252),a=n(61),s=n(110),l=n(111),c=n(42);t.exports=function(t,e){return a(t)&&s(e)?l(c(t),e):function(n){var a=o(n,t);return void 0===a&&a===e?i(n,t):r(e,a,3)}}},function(t,e,n){var r=n(112);t.exports=function(t,e,n){var o=null==t?void 0:r(t,e);return void 0===o?n:o}},function(t,e,n){var r=n(247),o=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,i=/\\(\\)?/g,a=r((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(o,(function(t,n,r,o){e.push(r?o.replace(i,"$1"):n||t)})),e}));t.exports=a},function(t,e,n){var r=n(248);t.exports=function(t){var e=r(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}},function(t,e,n){var r=n(58);function o(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=t.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(o.Cache||r),n}o.Cache=r,t.exports=o},function(t,e,n){var r=n(250);t.exports=function(t){return null==t?"":r(t)}},function(t,e,n){var r=n(28),o=n(251),i=n(12),a=n(62),s=r?r.prototype:void 0,l=s?s.toString:void 0;t.exports=function t(e){if("string"==typeof e)return e;if(i(e))return o(e,t)+"";if(a(e))return l?l.call(e):"";var n=e+"";return"0"==n&&1/e==-1/0?"-0":n}},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length,o=Array(r);++n<r;)o[n]=e(t[n],n,t);return o}},function(t,e,n){var r=n(253),o=n(254);t.exports=function(t,e){return null!=t&&o(t,e,r)}},function(t,e){t.exports=function(t,e){return null!=t&&e in Object(t)}},function(t,e,n){var r=n(113),o=n(55),i=n(12),a=n(106),s=n(60),l=n(42);t.exports=function(t,e,n){for(var c=-1,u=(e=r(e,t)).length,p=!1;++c<u;){var f=l(e[c]);if(!(p=null!=t&&n(t,f)))break;t=t[f]}return p||++c!=u?p:!!(u=null==t?0:t.length)&&s(u)&&a(f,u)&&(i(t)||o(t))}},function(t,e,n){var r=n(256),o=n(257),i=n(61),a=n(42);t.exports=function(t){return i(t)?r(a(t)):o(t)}},function(t,e){t.exports=function(t){return function(e){return null==e?void 0:e[t]}}},function(t,e,n){var r=n(112);t.exports=function(t){return function(e){return r(e,t)}}},function(t,e,n){var r=n(63),o=n(259),i=n(261);t.exports=function(t,e){return i(o(t,e,r),t+"")}},function(t,e,n){var r=n(260),o=Math.max;t.exports=function(t,e,n){return e=o(void 0===e?t.length-1:e,0),function(){for(var i=arguments,a=-1,s=o(i.length-e,0),l=Array(s);++a<s;)l[a]=i[e+a];a=-1;for(var c=Array(e+1);++a<e;)c[a]=i[a];return c[e]=n(l),r(t,this,c)}}},function(t,e){t.exports=function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}},function(t,e,n){var r=n(262),o=n(265)(r);t.exports=o},function(t,e,n){var r=n(263),o=n(264),i=n(63),a=o?function(t,e){return o(t,"toString",{configurable:!0,enumerable:!1,value:r(e),writable:!0})}:i;t.exports=a},function(t,e){t.exports=function(t){return function(){return t}}},function(t,e,n){var r=n(19),o=function(){try{var t=r(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();t.exports=o},function(t,e){var n=Date.now;t.exports=function(t){var e=0,r=0;return function(){var o=n(),i=16-(o-r);if(r=o,i>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}},function(t,e,n){var r=n(102),o=n(267),i=n(272),a=n(103),s=n(273),l=n(59);t.exports=function(t,e,n){var c=-1,u=o,p=t.length,f=!0,d=[],h=d;if(n)f=!1,u=i;else if(p>=200){var v=e?null:s(t);if(v)return l(v);f=!1,u=a,h=new r}else h=e?[]:d;t:for(;++c<p;){var g=t[c],m=e?e(g):g;if(g=n||0!==g?g:0,f&&m==m){for(var y=h.length;y--;)if(h[y]===m)continue t;e&&h.push(m),d.push(g)}else u(h,m,n)||(h!==d&&h.push(m),d.push(g))}return d}},function(t,e,n){var r=n(268);t.exports=function(t,e){return!!(null==t?0:t.length)&&r(t,e,0)>-1}},function(t,e,n){var r=n(269),o=n(270),i=n(271);t.exports=function(t,e,n){return e==e?i(t,e,n):r(t,o,n)}},function(t,e){t.exports=function(t,e,n,r){for(var o=t.length,i=n+(r?1:-1);r?i--:++i<o;)if(e(t[i],i,t))return i;return-1}},function(t,e){t.exports=function(t){return t!=t}},function(t,e){t.exports=function(t,e,n){for(var r=n-1,o=t.length;++r<o;)if(t[r]===e)return r;return-1}},function(t,e){t.exports=function(t,e,n){for(var r=-1,o=null==t?0:t.length;++r<o;)if(n(e,t[r]))return!0;return!1}},function(t,e,n){var r=n(109),o=n(274),i=n(59),a=r&&1/i(new r([,-0]))[1]==1/0?function(t){return new r(t)}:o;t.exports=a},function(t,e){t.exports=function(){}},function(t,e,n){var r=n(108),o=n(22);t.exports=function(t){return o(t)&&r(t)}},function(t,e,n){"use strict";var r=n(11),o=n(44),i=n(8),a=n(1),s=n(25);r({target:"Iterator",proto:!0,real:!0},{some:function(t){a(this),i(t);var e=s(this),n=0;return o(e,(function(e,r){if(t(e,n++))return r()}),{IS_RECORD:!0,INTERRUPTED:!0}).stopped}})},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n(114)},function(t,e,n){"use strict";n(115)},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n(116)},function(t,e,n){"use strict";n(117)},function(t,e,n){"use strict";n(118)},function(t,e,n){"use strict";n.r(e);n(4),n(15),n(21);var r=Object.freeze({}),o=Array.isArray;function i(t){return null==t}function a(t){return null!=t}function s(t){return!0===t}function l(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function c(t){return"function"==typeof t}function u(t){return null!==t&&"object"==typeof t}var p=Object.prototype.toString;function f(t){return"[object Object]"===p.call(t)}function d(t){return"[object RegExp]"===p.call(t)}function h(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function v(t){return a(t)&&"function"==typeof t.then&&"function"==typeof t.catch}function g(t){return null==t?"":Array.isArray(t)||f(t)&&t.toString===p?JSON.stringify(t,m,2):String(t)}function m(t,e){return e&&e.__v_isRef?e.value:e}function y(t){var e=parseFloat(t);return isNaN(e)?t:e}function b(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o<r.length;o++)n[r[o]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}b("slot,component",!0);var _=b("key,ref,slot,slot-scope,is");function x(t,e){var n=t.length;if(n){if(e===t[n-1])return void(t.length=n-1);var r=t.indexOf(e);if(r>-1)return t.splice(r,1)}}var w=Object.prototype.hasOwnProperty;function k(t,e){return w.call(t,e)}function E(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}var C=/-(\w)/g,S=E((function(t){return t.replace(C,(function(t,e){return e?e.toUpperCase():""}))})),O=E((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})),j=/\B([A-Z])/g,T=E((function(t){return t.replace(j,"-$1").toLowerCase()}));var $=Function.prototype.bind?function(t,e){return t.bind(e)}:function(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n};function A(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function P(t,e){for(var n in e)t[n]=e[n];return t}function B(t){for(var e={},n=0;n<t.length;n++)t[n]&&P(e,t[n]);return e}function L(t,e,n){}var R=function(t,e,n){return!1},D=function(t){return t};function I(t,e){if(t===e)return!0;var n=u(t),r=u(e);if(!n||!r)return!n&&!r&&String(t)===String(e);try{var o=Array.isArray(t),i=Array.isArray(e);if(o&&i)return t.length===e.length&&t.every((function(t,n){return I(t,e[n])}));if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();if(o||i)return!1;var a=Object.keys(t),s=Object.keys(e);return a.length===s.length&&a.every((function(n){return I(t[n],e[n])}))}catch(t){return!1}}function M(t,e){for(var n=0;n<t.length;n++)if(I(t[n],e))return n;return-1}function U(t){var e=!1;return function(){e||(e=!0,t.apply(this,arguments))}}function z(t,e){return t===e?0===t&&1/t!=1/e:t==t||e==e}var N=["component","directive","filter"],F=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured","serverPrefetch","renderTracked","renderTriggered"],q={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:R,isReservedAttr:R,isUnknownElement:R,getTagNamespace:L,parsePlatformTagName:D,mustUseProp:R,async:!0,_lifecycleHooks:F},V=/a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;function H(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function W(t,e,n,r){Object.defineProperty(t,e,{value:n,enumerable:!!r,writable:!0,configurable:!0})}var G=new RegExp("[^".concat(V.source,".$_\\d]"));var Z="__proto__"in{},J="undefined"!=typeof window,K=J&&window.navigator.userAgent.toLowerCase(),X=K&&/msie|trident/.test(K),Y=K&&K.indexOf("msie 9.0")>0,Q=K&&K.indexOf("edge/")>0;K&&K.indexOf("android");var tt=K&&/iphone|ipad|ipod|ios/.test(K);K&&/chrome\/\d+/.test(K),K&&/phantomjs/.test(K);var et,nt=K&&K.match(/firefox\/(\d+)/),rt={}.watch,ot=!1;if(J)try{var it={};Object.defineProperty(it,"passive",{get:function(){ot=!0}}),window.addEventListener("test-passive",null,it)}catch(t){}var at=function(){return void 0===et&&(et=!J&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),et},st=J&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function lt(t){return"function"==typeof t&&/native code/.test(t.toString())}var ct,ut="undefined"!=typeof Symbol&&lt(Symbol)&&"undefined"!=typeof Reflect&&lt(Reflect.ownKeys);ct="undefined"!=typeof Set&&lt(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var pt=null;function ft(t){void 0===t&&(t=null),t||pt&&pt._scope.off(),pt=t,t&&t._scope.on()}var dt=function(){function t(t,e,n,r,o,i,a,s){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(t.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),t}(),ht=function(t){void 0===t&&(t="");var e=new dt;return e.text=t,e.isComment=!0,e};function vt(t){return new dt(void 0,void 0,void 0,String(t))}function gt(t){var e=new dt(t.tag,t.data,t.children&&t.children.slice(),t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.asyncMeta=t.asyncMeta,e.isCloned=!0,e}"function"==typeof SuppressedError&&SuppressedError;var mt=0,yt=[],bt=function(){function t(){this._pending=!1,this.id=mt++,this.subs=[]}return t.prototype.addSub=function(t){this.subs.push(t)},t.prototype.removeSub=function(t){this.subs[this.subs.indexOf(t)]=null,this._pending||(this._pending=!0,yt.push(this))},t.prototype.depend=function(e){t.target&&t.target.addDep(this)},t.prototype.notify=function(t){var e=this.subs.filter((function(t){return t}));for(var n=0,r=e.length;n<r;n++){0,e[n].update()}},t}();bt.target=null;var _t=[];function xt(t){_t.push(t),bt.target=t}function wt(){_t.pop(),bt.target=_t[_t.length-1]}var kt=Array.prototype,Et=Object.create(kt);["push","pop","shift","unshift","splice","sort","reverse"].forEach((function(t){var e=kt[t];W(Et,t,(function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var o,i=e.apply(this,n),a=this.__ob__;switch(t){case"push":case"unshift":o=n;break;case"splice":o=n.slice(2)}return o&&a.observeArray(o),a.dep.notify(),i}))}));var Ct=Object.getOwnPropertyNames(Et),St={},Ot=!0;function jt(t){Ot=t}var Tt={notify:L,depend:L,addSub:L,removeSub:L},$t=function(){function t(t,e,n){if(void 0===e&&(e=!1),void 0===n&&(n=!1),this.value=t,this.shallow=e,this.mock=n,this.dep=n?Tt:new bt,this.vmCount=0,W(t,"__ob__",this),o(t)){if(!n)if(Z)t.__proto__=Et;else for(var r=0,i=Ct.length;r<i;r++){W(t,s=Ct[r],Et[s])}e||this.observeArray(t)}else{var a=Object.keys(t);for(r=0;r<a.length;r++){var s;Pt(t,s=a[r],St,void 0,e,n)}}}return t.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)At(t[e],!1,this.mock)},t}();function At(t,e,n){return t&&k(t,"__ob__")&&t.__ob__ instanceof $t?t.__ob__:!Ot||!n&&at()||!o(t)&&!f(t)||!Object.isExtensible(t)||t.__v_skip||Ut(t)||t instanceof dt?void 0:new $t(t,e,n)}function Pt(t,e,n,r,i,a,s){void 0===s&&(s=!1);var l=new bt,c=Object.getOwnPropertyDescriptor(t,e);if(!c||!1!==c.configurable){var u=c&&c.get,p=c&&c.set;u&&!p||n!==St&&2!==arguments.length||(n=t[e]);var f=i?n&&n.__ob__:At(n,!1,a);return Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=u?u.call(t):n;return bt.target&&(l.depend(),f&&(f.dep.depend(),o(e)&&Rt(e))),Ut(e)&&!i?e.value:e},set:function(e){var r=u?u.call(t):n;if(z(r,e)){if(p)p.call(t,e);else{if(u)return;if(!i&&Ut(r)&&!Ut(e))return void(r.value=e);n=e}f=i?e&&e.__ob__:At(e,!1,a),l.notify()}}}),l}}function Bt(t,e,n){if(!Mt(t)){var r=t.__ob__;return o(t)&&h(e)?(t.length=Math.max(t.length,e),t.splice(e,1,n),r&&!r.shallow&&r.mock&&At(n,!1,!0),n):e in t&&!(e in Object.prototype)?(t[e]=n,n):t._isVue||r&&r.vmCount?n:r?(Pt(r.value,e,n,void 0,r.shallow,r.mock),r.dep.notify(),n):(t[e]=n,n)}}function Lt(t,e){if(o(t)&&h(e))t.splice(e,1);else{var n=t.__ob__;t._isVue||n&&n.vmCount||Mt(t)||k(t,e)&&(delete t[e],n&&n.dep.notify())}}function Rt(t){for(var e=void 0,n=0,r=t.length;n<r;n++)(e=t[n])&&e.__ob__&&e.__ob__.dep.depend(),o(e)&&Rt(e)}function Dt(t){return It(t,!0),W(t,"__v_isShallow",!0),t}function It(t,e){if(!Mt(t)){At(t,e,at());0}}function Mt(t){return!(!t||!t.__v_isReadonly)}function Ut(t){return!(!t||!0!==t.__v_isRef)}function zt(t,e,n){Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:function(){var t=e[n];if(Ut(t))return t.value;var r=t&&t.__ob__;return r&&r.dep.depend(),t},set:function(t){var r=e[n];Ut(r)&&!Ut(t)?r.value=t:e[n]=t}})}"".concat("watcher"," callback"),"".concat("watcher"," getter"),"".concat("watcher"," cleanup");var Nt;var Ft=function(){function t(t){void 0===t&&(t=!1),this.detached=t,this.active=!0,this.effects=[],this.cleanups=[],this.parent=Nt,!t&&Nt&&(this.index=(Nt.scopes||(Nt.scopes=[])).push(this)-1)}return t.prototype.run=function(t){if(this.active){var e=Nt;try{return Nt=this,t()}finally{Nt=e}}else 0},t.prototype.on=function(){Nt=this},t.prototype.off=function(){Nt=this.parent},t.prototype.stop=function(t){if(this.active){var e=void 0,n=void 0;for(e=0,n=this.effects.length;e<n;e++)this.effects[e].teardown();for(e=0,n=this.cleanups.length;e<n;e++)this.cleanups[e]();if(this.scopes)for(e=0,n=this.scopes.length;e<n;e++)this.scopes[e].stop(!0);if(!this.detached&&this.parent&&!t){var r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this.active=!1}},t}();function qt(t){var e=t._provided,n=t.$parent&&t.$parent._provided;return n===e?t._provided=Object.create(n):e}var Vt=E((function(t){var e="&"===t.charAt(0),n="~"===(t=e?t.slice(1):t).charAt(0),r="!"===(t=n?t.slice(1):t).charAt(0);return{name:t=r?t.slice(1):t,once:n,capture:r,passive:e}}));function Ht(t,e){function n(){var t=n.fns;if(!o(t))return Oe(t,null,arguments,e,"v-on handler");for(var r=t.slice(),i=0;i<r.length;i++)Oe(r[i],null,arguments,e,"v-on handler")}return n.fns=t,n}function Wt(t,e,n,r,o,a){var l,c,u,p;for(l in t)c=t[l],u=e[l],p=Vt(l),i(c)||(i(u)?(i(c.fns)&&(c=t[l]=Ht(c,a)),s(p.once)&&(c=t[l]=o(p.name,c,p.capture)),n(p.name,c,p.capture,p.passive,p.params)):c!==u&&(u.fns=c,t[l]=u));for(l in e)i(t[l])&&r((p=Vt(l)).name,e[l],p.capture)}function Gt(t,e,n){var r;t instanceof dt&&(t=t.data.hook||(t.data.hook={}));var o=t[e];function l(){n.apply(this,arguments),x(r.fns,l)}i(o)?r=Ht([l]):a(o.fns)&&s(o.merged)?(r=o).fns.push(l):r=Ht([o,l]),r.merged=!0,t[e]=r}function Zt(t,e,n,r,o){if(a(e)){if(k(e,n))return t[n]=e[n],o||delete e[n],!0;if(k(e,r))return t[n]=e[r],o||delete e[r],!0}return!1}function Jt(t){return l(t)?[vt(t)]:o(t)?function t(e,n){var r,c,u,p,f=[];for(r=0;r<e.length;r++)i(c=e[r])||"boolean"==typeof c||(u=f.length-1,p=f[u],o(c)?c.length>0&&(Kt((c=t(c,"".concat(n||"","_").concat(r)))[0])&&Kt(p)&&(f[u]=vt(p.text+c[0].text),c.shift()),f.push.apply(f,c)):l(c)?Kt(p)?f[u]=vt(p.text+c):""!==c&&f.push(vt(c)):Kt(c)&&Kt(p)?f[u]=vt(p.text+c.text):(s(e._isVList)&&a(c.tag)&&i(c.key)&&a(n)&&(c.key="__vlist".concat(n,"_").concat(r,"__")),f.push(c)));return f}(t):void 0}function Kt(t){return a(t)&&a(t.text)&&!1===t.isComment}function Xt(t,e){var n,r,i,s,l=null;if(o(t)||"string"==typeof t)for(l=new Array(t.length),n=0,r=t.length;n<r;n++)l[n]=e(t[n],n);else if("number"==typeof t)for(l=new Array(t),n=0;n<t;n++)l[n]=e(n+1,n);else if(u(t))if(ut&&t[Symbol.iterator]){l=[];for(var c=t[Symbol.iterator](),p=c.next();!p.done;)l.push(e(p.value,l.length)),p=c.next()}else for(i=Object.keys(t),l=new Array(i.length),n=0,r=i.length;n<r;n++)s=i[n],l[n]=e(t[s],s,n);return a(l)||(l=[]),l._isVList=!0,l}function Yt(t,e,n,r){var o,i=this.$scopedSlots[t];i?(n=n||{},r&&(n=P(P({},r),n)),o=i(n)||(c(e)?e():e)):o=this.$slots[t]||(c(e)?e():e);var a=n&&n.slot;return a?this.$createElement("template",{slot:a},o):o}function Qt(t){return An(this.$options,"filters",t,!0)||D}function te(t,e){return o(t)?-1===t.indexOf(e):t!==e}function ee(t,e,n,r,o){var i=q.keyCodes[e]||n;return o&&r&&!q.keyCodes[e]?te(o,r):i?te(i,t):r?T(r)!==e:void 0===t}function ne(t,e,n,r,i){if(n)if(u(n)){o(n)&&(n=B(n));var a=void 0,s=function(o){if("class"===o||"style"===o||_(o))a=t;else{var s=t.attrs&&t.attrs.type;a=r||q.mustUseProp(e,s,o)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={})}var l=S(o),c=T(o);l in a||c in a||(a[o]=n[o],i&&((t.on||(t.on={}))["update:".concat(o)]=function(t){n[o]=t}))};for(var l in n)s(l)}else;return t}function re(t,e){var n=this._staticTrees||(this._staticTrees=[]),r=n[t];return r&&!e||ie(r=n[t]=this.$options.staticRenderFns[t].call(this._renderProxy,this._c,this),"__static__".concat(t),!1),r}function oe(t,e,n){return ie(t,"__once__".concat(e).concat(n?"_".concat(n):""),!0),t}function ie(t,e,n){if(o(t))for(var r=0;r<t.length;r++)t[r]&&"string"!=typeof t[r]&&ae(t[r],"".concat(e,"_").concat(r),n);else ae(t,e,n)}function ae(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}function se(t,e){if(e)if(f(e)){var n=t.on=t.on?P({},t.on):{};for(var r in e){var o=n[r],i=e[r];n[r]=o?[].concat(o,i):i}}else;return t}function le(t,e,n,r){e=e||{$stable:!n};for(var i=0;i<t.length;i++){var a=t[i];o(a)?le(a,e,n):a&&(a.proxy&&(a.fn.proxy=!0),e[a.key]=a.fn)}return r&&(e.$key=r),e}function ce(t,e){for(var n=0;n<e.length;n+=2){var r=e[n];"string"==typeof r&&r&&(t[e[n]]=e[n+1])}return t}function ue(t,e){return"string"==typeof t?e+t:t}function pe(t){t._o=oe,t._n=y,t._s=g,t._l=Xt,t._t=Yt,t._q=I,t._i=M,t._m=re,t._f=Qt,t._k=ee,t._b=ne,t._v=vt,t._e=ht,t._u=le,t._g=se,t._d=ce,t._p=ue}function fe(t,e){if(!t||!t.length)return{};for(var n={},r=0,o=t.length;r<o;r++){var i=t[r],a=i.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,i.context!==e&&i.fnContext!==e||!a||null==a.slot)(n.default||(n.default=[])).push(i);else{var s=a.slot,l=n[s]||(n[s]=[]);"template"===i.tag?l.push.apply(l,i.children||[]):l.push(i)}}for(var c in n)n[c].every(de)&&delete n[c];return n}function de(t){return t.isComment&&!t.asyncFactory||" "===t.text}function he(t){return t.isComment&&t.asyncFactory}function ve(t,e,n,o){var i,a=Object.keys(n).length>0,s=e?!!e.$stable:!a,l=e&&e.$key;if(e){if(e._normalized)return e._normalized;if(s&&o&&o!==r&&l===o.$key&&!a&&!o.$hasNormal)return o;for(var c in i={},e)e[c]&&"$"!==c[0]&&(i[c]=ge(t,n,c,e[c]))}else i={};for(var u in n)u in i||(i[u]=me(n,u));return e&&Object.isExtensible(e)&&(e._normalized=i),W(i,"$stable",s),W(i,"$key",l),W(i,"$hasNormal",a),i}function ge(t,e,n,r){var i=function(){var e=pt;ft(t);var n=arguments.length?r.apply(null,arguments):r({}),i=(n=n&&"object"==typeof n&&!o(n)?[n]:Jt(n))&&n[0];return ft(e),n&&(!i||1===n.length&&i.isComment&&!he(i))?void 0:n};return r.proxy&&Object.defineProperty(e,n,{get:i,enumerable:!0,configurable:!0}),i}function me(t,e){return function(){return t[e]}}function ye(t){return{get attrs(){if(!t._attrsProxy){var e=t._attrsProxy={};W(e,"_v_attr_proxy",!0),be(e,t.$attrs,r,t,"$attrs")}return t._attrsProxy},get listeners(){t._listenersProxy||be(t._listenersProxy={},t.$listeners,r,t,"$listeners");return t._listenersProxy},get slots(){return function(t){t._slotsProxy||xe(t._slotsProxy={},t.$scopedSlots);return t._slotsProxy}(t)},emit:$(t.$emit,t),expose:function(e){e&&Object.keys(e).forEach((function(n){return zt(t,e,n)}))}}}function be(t,e,n,r,o){var i=!1;for(var a in e)a in t?e[a]!==n[a]&&(i=!0):(i=!0,_e(t,a,r,o));for(var a in t)a in e||(i=!0,delete t[a]);return i}function _e(t,e,n,r){Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){return n[r][e]}})}function xe(t,e){for(var n in e)t[n]=e[n];for(var n in t)n in e||delete t[n]}var we=null;function ke(t,e){return(t.__esModule||ut&&"Module"===t[Symbol.toStringTag])&&(t=t.default),u(t)?e.extend(t):t}function Ee(t){if(o(t))for(var e=0;e<t.length;e++){var n=t[e];if(a(n)&&(a(n.componentOptions)||he(n)))return n}}function Ce(t,e,n,r,p,f){return(o(n)||l(n))&&(p=r,r=n,n=void 0),s(f)&&(p=2),function(t,e,n,r,l){if(a(n)&&a(n.__ob__))return ht();a(n)&&a(n.is)&&(e=n.is);if(!e)return ht();0;o(r)&&c(r[0])&&((n=n||{}).scopedSlots={default:r[0]},r.length=0);2===l?r=Jt(r):1===l&&(r=function(t){for(var e=0;e<t.length;e++)if(o(t[e]))return Array.prototype.concat.apply([],t);return t}(r));var p,f;if("string"==typeof e){var d=void 0;f=t.$vnode&&t.$vnode.ns||q.getTagNamespace(e),p=q.isReservedTag(e)?new dt(q.parsePlatformTagName(e),n,r,void 0,void 0,t):n&&n.pre||!a(d=An(t.$options,"components",e))?new dt(e,n,r,void 0,void 0,t):xn(d,n,t,r,e)}else p=xn(e,n,t,r);return o(p)?p:a(p)?(a(f)&&function t(e,n,r){e.ns=n,"foreignObject"===e.tag&&(n=void 0,r=!0);if(a(e.children))for(var o=0,l=e.children.length;o<l;o++){var c=e.children[o];a(c.tag)&&(i(c.ns)||s(r)&&"svg"!==c.tag)&&t(c,n,r)}}(p,f),a(n)&&function(t){u(t.style)&&Fe(t.style);u(t.class)&&Fe(t.class)}(n),p):ht()}(t,e,n,r,p)}function Se(t,e,n){xt();try{if(e)for(var r=e;r=r.$parent;){var o=r.$options.errorCaptured;if(o)for(var i=0;i<o.length;i++)try{if(!1===o[i].call(r,t,e,n))return}catch(t){je(t,r,"errorCaptured hook")}}je(t,e,n)}finally{wt()}}function Oe(t,e,n,r,o){var i;try{(i=n?t.apply(e,n):t.call(e))&&!i._isVue&&v(i)&&!i._handled&&(i.catch((function(t){return Se(t,r,o+" (Promise/async)")})),i._handled=!0)}catch(t){Se(t,r,o)}return i}function je(t,e,n){if(q.errorHandler)try{return q.errorHandler.call(null,t,e,n)}catch(e){e!==t&&Te(e,null,"config.errorHandler")}Te(t,e,n)}function Te(t,e,n){if(!J||"undefined"==typeof console)throw t;console.error(t)}var $e,Ae=!1,Pe=[],Be=!1;function Le(){Be=!1;var t=Pe.slice(0);Pe.length=0;for(var e=0;e<t.length;e++)t[e]()}if("undefined"!=typeof Promise&&lt(Promise)){var Re=Promise.resolve();$e=function(){Re.then(Le),tt&&setTimeout(L)},Ae=!0}else if(X||"undefined"==typeof MutationObserver||!lt(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())$e="undefined"!=typeof setImmediate&&lt(setImmediate)?function(){setImmediate(Le)}:function(){setTimeout(Le,0)};else{var De=1,Ie=new MutationObserver(Le),Me=document.createTextNode(String(De));Ie.observe(Me,{characterData:!0}),$e=function(){De=(De+1)%2,Me.data=String(De)},Ae=!0}function Ue(t,e){var n;if(Pe.push((function(){if(t)try{t.call(e)}catch(t){Se(t,e,"nextTick")}else n&&n(e)})),Be||(Be=!0,$e()),!t&&"undefined"!=typeof Promise)return new Promise((function(t){n=t}))}function ze(t){return function(e,n){if(void 0===n&&(n=pt),n)return function(t,e,n){var r=t.$options;r[e]=On(r[e],n)}(n,t,e)}}ze("beforeMount"),ze("mounted"),ze("beforeUpdate"),ze("updated"),ze("beforeDestroy"),ze("destroyed"),ze("activated"),ze("deactivated"),ze("serverPrefetch"),ze("renderTracked"),ze("renderTriggered"),ze("errorCaptured");var Ne=new ct;function Fe(t){return function t(e,n){var r,i,a=o(e);if(!a&&!u(e)||e.__v_skip||Object.isFrozen(e)||e instanceof dt)return;if(e.__ob__){var s=e.__ob__.dep.id;if(n.has(s))return;n.add(s)}if(a)for(r=e.length;r--;)t(e[r],n);else if(Ut(e))t(e.value,n);else for(i=Object.keys(e),r=i.length;r--;)t(e[i[r]],n)}(t,Ne),Ne.clear(),t}var qe,Ve=0,He=function(){function t(t,e,n,r,o){var i,a;i=this,void 0===(a=Nt&&!Nt._vm?Nt:t?t._scope:void 0)&&(a=Nt),a&&a.active&&a.effects.push(i),(this.vm=t)&&o&&(t._watcher=this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync,this.before=r.before):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++Ve,this.active=!0,this.post=!1,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new ct,this.newDepIds=new ct,this.expression="",c(e)?this.getter=e:(this.getter=function(t){if(!G.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}(e),this.getter||(this.getter=L)),this.value=this.lazy?void 0:this.get()}return t.prototype.get=function(){var t;xt(this);var e=this.vm;try{t=this.getter.call(e,e)}catch(t){if(!this.user)throw t;Se(t,e,'getter for watcher "'.concat(this.expression,'"'))}finally{this.deep&&Fe(t),wt(),this.cleanupDeps()}return t},t.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},t.prototype.cleanupDeps=function(){for(var t=this.deps.length;t--;){var e=this.deps[t];this.newDepIds.has(e.id)||e.removeSub(this)}var n=this.depIds;this.depIds=this.newDepIds,this.newDepIds=n,this.newDepIds.clear(),n=this.deps,this.deps=this.newDeps,this.newDeps=n,this.newDeps.length=0},t.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():dn(this)},t.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||u(t)||this.deep){var e=this.value;if(this.value=t,this.user){var n='callback for watcher "'.concat(this.expression,'"');Oe(this.cb,this.vm,[t,e],this.vm,n)}else this.cb.call(this.vm,t,e)}}},t.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},t.prototype.depend=function(){for(var t=this.deps.length;t--;)this.deps[t].depend()},t.prototype.teardown=function(){if(this.vm&&!this.vm._isBeingDestroyed&&x(this.vm._scope.effects,this),this.active){for(var t=this.deps.length;t--;)this.deps[t].removeSub(this);this.active=!1,this.onStop&&this.onStop()}},t}();function We(t,e){qe.$on(t,e)}function Ge(t,e){qe.$off(t,e)}function Ze(t,e){var n=qe;return function r(){var o=e.apply(null,arguments);null!==o&&n.$off(t,r)}}function Je(t,e,n){qe=t,Wt(e,n||{},We,Ge,Ze,t),qe=void 0}var Ke=null;function Xe(t){var e=Ke;return Ke=t,function(){Ke=e}}function Ye(t){for(;t&&(t=t.$parent);)if(t._inactive)return!0;return!1}function Qe(t,e){if(e){if(t._directInactive=!1,Ye(t))return}else if(t._directInactive)return;if(t._inactive||null===t._inactive){t._inactive=!1;for(var n=0;n<t.$children.length;n++)Qe(t.$children[n]);tn(t,"activated")}}function tn(t,e,n,r){void 0===r&&(r=!0),xt();var o=pt,i=Nt;r&&ft(t);var a=t.$options[e],s="".concat(e," hook");if(a)for(var l=0,c=a.length;l<c;l++)Oe(a[l],t,n||null,t,s);t._hasHookEvent&&t.$emit("hook:"+e),r&&(ft(o),i&&i.on()),wt()}var en=[],nn=[],rn={},on=!1,an=!1,sn=0;var ln=0,cn=Date.now;if(J&&!X){var un=window.performance;un&&"function"==typeof un.now&&cn()>document.createEvent("Event").timeStamp&&(cn=function(){return un.now()})}var pn=function(t,e){if(t.post){if(!e.post)return 1}else if(e.post)return-1;return t.id-e.id};function fn(){var t,e;for(ln=cn(),an=!0,en.sort(pn),sn=0;sn<en.length;sn++)(t=en[sn]).before&&t.before(),e=t.id,rn[e]=null,t.run();var n=nn.slice(),r=en.slice();sn=en.length=nn.length=0,rn={},on=an=!1,function(t){for(var e=0;e<t.length;e++)t[e]._inactive=!0,Qe(t[e],!0)}(n),function(t){var e=t.length;for(;e--;){var n=t[e],r=n.vm;r&&r._watcher===n&&r._isMounted&&!r._isDestroyed&&tn(r,"updated")}}(r),function(){for(var t=0;t<yt.length;t++){var e=yt[t];e.subs=e.subs.filter((function(t){return t})),e._pending=!1}yt.length=0}(),st&&q.devtools&&st.emit("flush")}function dn(t){var e=t.id;if(null==rn[e]&&(t!==bt.target||!t.noRecurse)){if(rn[e]=!0,an){for(var n=en.length-1;n>sn&&en[n].id>t.id;)n--;en.splice(n+1,0,t)}else en.push(t);on||(on=!0,Ue(fn))}}function hn(t,e){if(t){for(var n=Object.create(null),r=ut?Reflect.ownKeys(t):Object.keys(t),o=0;o<r.length;o++){var i=r[o];if("__ob__"!==i){var a=t[i].from;if(a in e._provided)n[i]=e._provided[a];else if("default"in t[i]){var s=t[i].default;n[i]=c(s)?s.call(e):s}else 0}}return n}}function vn(t,e,n,i,a){var l,c=this,u=a.options;k(i,"_uid")?(l=Object.create(i))._original=i:(l=i,i=i._original);var p=s(u._compiled),f=!p;this.data=t,this.props=e,this.children=n,this.parent=i,this.listeners=t.on||r,this.injections=hn(u.inject,i),this.slots=function(){return c.$slots||ve(i,t.scopedSlots,c.$slots=fe(n,i)),c.$slots},Object.defineProperty(this,"scopedSlots",{enumerable:!0,get:function(){return ve(i,t.scopedSlots,this.slots())}}),p&&(this.$options=u,this.$slots=this.slots(),this.$scopedSlots=ve(i,t.scopedSlots,this.$slots)),u._scopeId?this._c=function(t,e,n,r){var a=Ce(l,t,e,n,r,f);return a&&!o(a)&&(a.fnScopeId=u._scopeId,a.fnContext=i),a}:this._c=function(t,e,n,r){return Ce(l,t,e,n,r,f)}}function gn(t,e,n,r,o){var i=gt(t);return i.fnContext=n,i.fnOptions=r,e.slot&&((i.data||(i.data={})).slot=e.slot),i}function mn(t,e){for(var n in e)t[S(n)]=e[n]}function yn(t){return t.name||t.__name||t._componentTag}pe(vn.prototype);var bn={init:function(t,e){if(t.componentInstance&&!t.componentInstance._isDestroyed&&t.data.keepAlive){var n=t;bn.prepatch(n,n)}else{(t.componentInstance=function(t,e){var n={_isComponent:!0,_parentVnode:t,parent:e},r=t.data.inlineTemplate;a(r)&&(n.render=r.render,n.staticRenderFns=r.staticRenderFns);return new t.componentOptions.Ctor(n)}(t,Ke)).$mount(e?t.elm:void 0,e)}},prepatch:function(t,e){var n=e.componentOptions;!function(t,e,n,o,i){var a=o.data.scopedSlots,s=t.$scopedSlots,l=!!(a&&!a.$stable||s!==r&&!s.$stable||a&&t.$scopedSlots.$key!==a.$key||!a&&t.$scopedSlots.$key),c=!!(i||t.$options._renderChildren||l),u=t.$vnode;t.$options._parentVnode=o,t.$vnode=o,t._vnode&&(t._vnode.parent=o),t.$options._renderChildren=i;var p=o.data.attrs||r;t._attrsProxy&&be(t._attrsProxy,p,u.data&&u.data.attrs||r,t,"$attrs")&&(c=!0),t.$attrs=p,n=n||r;var f=t.$options._parentListeners;if(t._listenersProxy&&be(t._listenersProxy,n,f||r,t,"$listeners"),t.$listeners=t.$options._parentListeners=n,Je(t,n,f),e&&t.$options.props){jt(!1);for(var d=t._props,h=t.$options._propKeys||[],v=0;v<h.length;v++){var g=h[v],m=t.$options.props;d[g]=Pn(g,m,e,t)}jt(!0),t.$options.propsData=e}c&&(t.$slots=fe(i,o.context),t.$forceUpdate())}(e.componentInstance=t.componentInstance,n.propsData,n.listeners,e,n.children)},insert:function(t){var e,n=t.context,r=t.componentInstance;r._isMounted||(r._isMounted=!0,tn(r,"mounted")),t.data.keepAlive&&(n._isMounted?((e=r)._inactive=!1,nn.push(e)):Qe(r,!0))},destroy:function(t){var e=t.componentInstance;e._isDestroyed||(t.data.keepAlive?function t(e,n){if(!(n&&(e._directInactive=!0,Ye(e))||e._inactive)){e._inactive=!0;for(var r=0;r<e.$children.length;r++)t(e.$children[r]);tn(e,"deactivated")}}(e,!0):e.$destroy())}},_n=Object.keys(bn);function xn(t,e,n,l,c){if(!i(t)){var p=n.$options._base;if(u(t)&&(t=p.extend(t)),"function"==typeof t){var f;if(i(t.cid)&&void 0===(t=function(t,e){if(s(t.error)&&a(t.errorComp))return t.errorComp;if(a(t.resolved))return t.resolved;var n=we;if(n&&a(t.owners)&&-1===t.owners.indexOf(n)&&t.owners.push(n),s(t.loading)&&a(t.loadingComp))return t.loadingComp;if(n&&!a(t.owners)){var r=t.owners=[n],o=!0,l=null,c=null;n.$on("hook:destroyed",(function(){return x(r,n)}));var p=function(t){for(var e=0,n=r.length;e<n;e++)r[e].$forceUpdate();t&&(r.length=0,null!==l&&(clearTimeout(l),l=null),null!==c&&(clearTimeout(c),c=null))},f=U((function(n){t.resolved=ke(n,e),o?r.length=0:p(!0)})),d=U((function(e){a(t.errorComp)&&(t.error=!0,p(!0))})),h=t(f,d);return u(h)&&(v(h)?i(t.resolved)&&h.then(f,d):v(h.component)&&(h.component.then(f,d),a(h.error)&&(t.errorComp=ke(h.error,e)),a(h.loading)&&(t.loadingComp=ke(h.loading,e),0===h.delay?t.loading=!0:l=setTimeout((function(){l=null,i(t.resolved)&&i(t.error)&&(t.loading=!0,p(!1))}),h.delay||200)),a(h.timeout)&&(c=setTimeout((function(){c=null,i(t.resolved)&&d(null)}),h.timeout)))),o=!1,t.loading?t.loadingComp:t.resolved}}(f=t,p)))return function(t,e,n,r,o){var i=ht();return i.asyncFactory=t,i.asyncMeta={data:e,context:n,children:r,tag:o},i}(f,e,n,l,c);e=e||{},Wn(t),a(e.model)&&function(t,e){var n=t.model&&t.model.prop||"value",r=t.model&&t.model.event||"input";(e.attrs||(e.attrs={}))[n]=e.model.value;var i=e.on||(e.on={}),s=i[r],l=e.model.callback;a(s)?(o(s)?-1===s.indexOf(l):s!==l)&&(i[r]=[l].concat(s)):i[r]=l}(t.options,e);var d=function(t,e,n){var r=e.options.props;if(!i(r)){var o={},s=t.attrs,l=t.props;if(a(s)||a(l))for(var c in r){var u=T(c);Zt(o,l,c,u,!0)||Zt(o,s,c,u,!1)}return o}}(e,t);if(s(t.options.functional))return function(t,e,n,i,s){var l=t.options,c={},u=l.props;if(a(u))for(var p in u)c[p]=Pn(p,u,e||r);else a(n.attrs)&&mn(c,n.attrs),a(n.props)&&mn(c,n.props);var f=new vn(n,c,s,i,t),d=l.render.call(null,f._c,f);if(d instanceof dt)return gn(d,n,f.parent,l,f);if(o(d)){for(var h=Jt(d)||[],v=new Array(h.length),g=0;g<h.length;g++)v[g]=gn(h[g],n,f.parent,l,f);return v}}(t,d,e,n,l);var h=e.on;if(e.on=e.nativeOn,s(t.options.abstract)){var g=e.slot;e={},g&&(e.slot=g)}!function(t){for(var e=t.hook||(t.hook={}),n=0;n<_n.length;n++){var r=_n[n],o=e[r],i=bn[r];o===i||o&&o._merged||(e[r]=o?wn(i,o):i)}}(e);var m=yn(t.options)||c;return new dt("vue-component-".concat(t.cid).concat(m?"-".concat(m):""),e,void 0,void 0,void 0,n,{Ctor:t,propsData:d,listeners:h,tag:c,children:l},f)}}}function wn(t,e){var n=function(n,r){t(n,r),e(n,r)};return n._merged=!0,n}var kn=L,En=q.optionMergeStrategies;function Cn(t,e,n){if(void 0===n&&(n=!0),!e)return t;for(var r,o,i,a=ut?Reflect.ownKeys(e):Object.keys(e),s=0;s<a.length;s++)"__ob__"!==(r=a[s])&&(o=t[r],i=e[r],n&&k(t,r)?o!==i&&f(o)&&f(i)&&Cn(o,i):Bt(t,r,i));return t}function Sn(t,e,n){return n?function(){var r=c(e)?e.call(n,n):e,o=c(t)?t.call(n,n):t;return r?Cn(r,o):o}:e?t?function(){return Cn(c(e)?e.call(this,this):e,c(t)?t.call(this,this):t)}:e:t}function On(t,e){var n=e?t?t.concat(e):o(e)?e:[e]:t;return n?function(t){for(var e=[],n=0;n<t.length;n++)-1===e.indexOf(t[n])&&e.push(t[n]);return e}(n):n}function jn(t,e,n,r){var o=Object.create(t||null);return e?P(o,e):o}En.data=function(t,e,n){return n?Sn(t,e,n):e&&"function"!=typeof e?t:Sn(t,e)},F.forEach((function(t){En[t]=On})),N.forEach((function(t){En[t+"s"]=jn})),En.watch=function(t,e,n,r){if(t===rt&&(t=void 0),e===rt&&(e=void 0),!e)return Object.create(t||null);if(!t)return e;var i={};for(var a in P(i,t),e){var s=i[a],l=e[a];s&&!o(s)&&(s=[s]),i[a]=s?s.concat(l):o(l)?l:[l]}return i},En.props=En.methods=En.inject=En.computed=function(t,e,n,r){if(!t)return e;var o=Object.create(null);return P(o,t),e&&P(o,e),o},En.provide=function(t,e){return t?function(){var n=Object.create(null);return Cn(n,c(t)?t.call(this):t),e&&Cn(n,c(e)?e.call(this):e,!1),n}:e};var Tn=function(t,e){return void 0===e?t:e};function $n(t,e,n){if(c(e)&&(e=e.options),function(t,e){var n=t.props;if(n){var r,i,a={};if(o(n))for(r=n.length;r--;)"string"==typeof(i=n[r])&&(a[S(i)]={type:null});else if(f(n))for(var s in n)i=n[s],a[S(s)]=f(i)?i:{type:i};else 0;t.props=a}}(e),function(t,e){var n=t.inject;if(n){var r=t.inject={};if(o(n))for(var i=0;i<n.length;i++)r[n[i]]={from:n[i]};else if(f(n))for(var a in n){var s=n[a];r[a]=f(s)?P({from:a},s):{from:s}}else 0}}(e),function(t){var e=t.directives;if(e)for(var n in e){var r=e[n];c(r)&&(e[n]={bind:r,update:r})}}(e),!e._base&&(e.extends&&(t=$n(t,e.extends,n)),e.mixins))for(var r=0,i=e.mixins.length;r<i;r++)t=$n(t,e.mixins[r],n);var a,s={};for(a in t)l(a);for(a in e)k(t,a)||l(a);function l(r){var o=En[r]||Tn;s[r]=o(t[r],e[r],n,r)}return s}function An(t,e,n,r){if("string"==typeof n){var o=t[e];if(k(o,n))return o[n];var i=S(n);if(k(o,i))return o[i];var a=O(i);return k(o,a)?o[a]:o[n]||o[i]||o[a]}}function Pn(t,e,n,r){var o=e[t],i=!k(n,t),a=n[t],s=Dn(Boolean,o.type);if(s>-1)if(i&&!k(o,"default"))a=!1;else if(""===a||a===T(t)){var l=Dn(String,o.type);(l<0||s<l)&&(a=!0)}if(void 0===a){a=function(t,e,n){if(!k(e,"default"))return;var r=e.default;0;if(t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t._props[n])return t._props[n];return c(r)&&"Function"!==Ln(e.type)?r.call(t):r}(r,o,t);var u=Ot;jt(!0),At(a),jt(u)}return a}var Bn=/^\s*function (\w+)/;function Ln(t){var e=t&&t.toString().match(Bn);return e?e[1]:""}function Rn(t,e){return Ln(t)===Ln(e)}function Dn(t,e){if(!o(e))return Rn(e,t)?0:-1;for(var n=0,r=e.length;n<r;n++)if(Rn(e[n],t))return n;return-1}var In={enumerable:!0,configurable:!0,get:L,set:L};function Mn(t,e,n){In.get=function(){return this[e][n]},In.set=function(t){this[e][n]=t},Object.defineProperty(t,n,In)}function Un(t){var e=t.$options;if(e.props&&function(t,e){var n=t.$options.propsData||{},r=t._props=Dt({}),o=t.$options._propKeys=[];t.$parent&&jt(!1);var i=function(i){o.push(i);var a=Pn(i,e,n,t);Pt(r,i,a,void 0,!0),i in t||Mn(t,"_props",i)};for(var a in e)i(a);jt(!0)}(t,e.props),function(t){var e=t.$options,n=e.setup;if(n){var r=t._setupContext=ye(t);ft(t),xt();var o=Oe(n,null,[t._props||Dt({}),r],t,"setup");if(wt(),ft(),c(o))e.render=o;else if(u(o))if(t._setupState=o,o.__sfc){var i=t._setupProxy={};for(var a in o)"__sfc"!==a&&zt(i,o,a)}else for(var a in o)H(a)||zt(t,o,a);else 0}}(t),e.methods&&function(t,e){t.$options.props;for(var n in e)t[n]="function"!=typeof e[n]?L:$(e[n],t)}(t,e.methods),e.data)!function(t){var e=t.$options.data;f(e=t._data=c(e)?function(t,e){xt();try{return t.call(e,e)}catch(t){return Se(t,e,"data()"),{}}finally{wt()}}(e,t):e||{})||(e={});var n=Object.keys(e),r=t.$options.props,o=(t.$options.methods,n.length);for(;o--;){var i=n[o];0,r&&k(r,i)||H(i)||Mn(t,"_data",i)}var a=At(e);a&&a.vmCount++}(t);else{var n=At(t._data={});n&&n.vmCount++}e.computed&&function(t,e){var n=t._computedWatchers=Object.create(null),r=at();for(var o in e){var i=e[o],a=c(i)?i:i.get;0,r||(n[o]=new He(t,a||L,L,zn)),o in t||Nn(t,o,i)}}(t,e.computed),e.watch&&e.watch!==rt&&function(t,e){for(var n in e){var r=e[n];if(o(r))for(var i=0;i<r.length;i++)Vn(t,n,r[i]);else Vn(t,n,r)}}(t,e.watch)}var zn={lazy:!0};function Nn(t,e,n){var r=!at();c(n)?(In.get=r?Fn(e):qn(n),In.set=L):(In.get=n.get?r&&!1!==n.cache?Fn(e):qn(n.get):L,In.set=n.set||L),Object.defineProperty(t,e,In)}function Fn(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),bt.target&&e.depend(),e.value}}function qn(t){return function(){return t.call(this,this)}}function Vn(t,e,n,r){return f(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,r)}var Hn=0;function Wn(t){var e=t.options;if(t.super){var n=Wn(t.super);if(n!==t.superOptions){t.superOptions=n;var r=function(t){var e,n=t.options,r=t.sealedOptions;for(var o in n)n[o]!==r[o]&&(e||(e={}),e[o]=n[o]);return e}(t);r&&P(t.extendOptions,r),(e=t.options=$n(n,t.extendOptions)).name&&(e.components[e.name]=t)}}return e}function Gn(t){this._init(t)}function Zn(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=yn(t)||yn(n.options);var a=function(t){this._init(t)};return(a.prototype=Object.create(n.prototype)).constructor=a,a.cid=e++,a.options=$n(n.options,t),a.super=n,a.options.props&&function(t){var e=t.options.props;for(var n in e)Mn(t.prototype,"_props",n)}(a),a.options.computed&&function(t){var e=t.options.computed;for(var n in e)Nn(t.prototype,n,e[n])}(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,N.forEach((function(t){a[t]=n[t]})),i&&(a.options.components[i]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=P({},a.options),o[r]=a,a}}function Jn(t){return t&&(yn(t.Ctor.options)||t.tag)}function Kn(t,e){return o(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!d(t)&&t.test(e)}function Xn(t,e){var n=t.cache,r=t.keys,o=t._vnode,i=t.$vnode;for(var a in n){var s=n[a];if(s){var l=s.name;l&&!e(l)&&Yn(n,a,r,o)}}i.componentOptions.children=void 0}function Yn(t,e,n,r){var o=t[e];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),t[e]=null,x(n,e)}!function(t){t.prototype._init=function(t){var e=this;e._uid=Hn++,e._isVue=!0,e.__v_skip=!0,e._scope=new Ft(!0),e._scope.parent=void 0,e._scope._vm=!0,t&&t._isComponent?function(t,e){var n=t.$options=Object.create(t.constructor.options),r=e._parentVnode;n.parent=e.parent,n._parentVnode=r;var o=r.componentOptions;n.propsData=o.propsData,n._parentListeners=o.listeners,n._renderChildren=o.children,n._componentTag=o.tag,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}(e,t):e.$options=$n(Wn(e.constructor),t||{},e),e._renderProxy=e,e._self=e,function(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._provided=n?n._provided:Object.create(null),t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}(e),function(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&Je(t,e)}(e),function(t){t._vnode=null,t._staticTrees=null;var e=t.$options,n=t.$vnode=e._parentVnode,o=n&&n.context;t.$slots=fe(e._renderChildren,o),t.$scopedSlots=n?ve(t.$parent,n.data.scopedSlots,t.$slots):r,t._c=function(e,n,r,o){return Ce(t,e,n,r,o,!1)},t.$createElement=function(e,n,r,o){return Ce(t,e,n,r,o,!0)};var i=n&&n.data;Pt(t,"$attrs",i&&i.attrs||r,null,!0),Pt(t,"$listeners",e._parentListeners||r,null,!0)}(e),tn(e,"beforeCreate",void 0,!1),function(t){var e=hn(t.$options.inject,t);e&&(jt(!1),Object.keys(e).forEach((function(n){Pt(t,n,e[n])})),jt(!0))}(e),Un(e),function(t){var e=t.$options.provide;if(e){var n=c(e)?e.call(t):e;if(!u(n))return;for(var r=qt(t),o=ut?Reflect.ownKeys(n):Object.keys(n),i=0;i<o.length;i++){var a=o[i];Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))}}}(e),tn(e,"created"),e.$options.el&&e.$mount(e.$options.el)}}(Gn),function(t){var e={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(t.prototype,"$data",e),Object.defineProperty(t.prototype,"$props",n),t.prototype.$set=Bt,t.prototype.$delete=Lt,t.prototype.$watch=function(t,e,n){if(f(e))return Vn(this,t,e,n);(n=n||{}).user=!0;var r=new He(this,t,e,n);if(n.immediate){var o='callback for immediate watcher "'.concat(r.expression,'"');xt(),Oe(e,this,[r.value],this,o),wt()}return function(){r.teardown()}}}(Gn),function(t){var e=/^hook:/;t.prototype.$on=function(t,n){var r=this;if(o(t))for(var i=0,a=t.length;i<a;i++)r.$on(t[i],n);else(r._events[t]||(r._events[t]=[])).push(n),e.test(t)&&(r._hasHookEvent=!0);return r},t.prototype.$once=function(t,e){var n=this;function r(){n.$off(t,r),e.apply(n,arguments)}return r.fn=e,n.$on(t,r),n},t.prototype.$off=function(t,e){var n=this;if(!arguments.length)return n._events=Object.create(null),n;if(o(t)){for(var r=0,i=t.length;r<i;r++)n.$off(t[r],e);return n}var a,s=n._events[t];if(!s)return n;if(!e)return n._events[t]=null,n;for(var l=s.length;l--;)if((a=s[l])===e||a.fn===e){s.splice(l,1);break}return n},t.prototype.$emit=function(t){var e=this,n=e._events[t];if(n){n=n.length>1?A(n):n;for(var r=A(arguments,1),o='event handler for "'.concat(t,'"'),i=0,a=n.length;i<a;i++)Oe(n[i],e,r,e,o)}return e}}(Gn),function(t){t.prototype._update=function(t,e){var n=this,r=n.$el,o=n._vnode,i=Xe(n);n._vnode=t,n.$el=o?n.__patch__(o,t):n.__patch__(n.$el,t,e,!1),i(),r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n);for(var a=n;a&&a.$vnode&&a.$parent&&a.$vnode===a.$parent._vnode;)a.$parent.$el=a.$el,a=a.$parent},t.prototype.$forceUpdate=function(){this._watcher&&this._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){tn(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||x(e.$children,t),t._scope.stop(),t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,t.__patch__(t._vnode,null),tn(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.$vnode&&(t.$vnode.parent=null)}}}(Gn),function(t){pe(t.prototype),t.prototype.$nextTick=function(t){return Ue(t,this)},t.prototype._render=function(){var t=this,e=t.$options,n=e.render,r=e._parentVnode;r&&t._isMounted&&(t.$scopedSlots=ve(t.$parent,r.data.scopedSlots,t.$slots,t.$scopedSlots),t._slotsProxy&&xe(t._slotsProxy,t.$scopedSlots)),t.$vnode=r;var i,a=pt,s=we;try{ft(t),we=t,i=n.call(t._renderProxy,t.$createElement)}catch(e){Se(e,t,"render"),i=t._vnode}finally{we=s,ft(a)}return o(i)&&1===i.length&&(i=i[0]),i instanceof dt||(i=ht()),i.parent=r,i}}(Gn);var Qn=[String,RegExp,Array],tr={KeepAlive:{name:"keep-alive",abstract:!0,props:{include:Qn,exclude:Qn,max:[String,Number]},methods:{cacheVNode:function(){var t=this.cache,e=this.keys,n=this.vnodeToCache,r=this.keyToCache;if(n){var o=n.tag,i=n.componentInstance,a=n.componentOptions;t[r]={name:Jn(a),tag:o,componentInstance:i},e.push(r),this.max&&e.length>parseInt(this.max)&&Yn(t,e[0],e,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var t in this.cache)Yn(this.cache,t,this.keys)},mounted:function(){var t=this;this.cacheVNode(),this.$watch("include",(function(e){Xn(t,(function(t){return Kn(e,t)}))})),this.$watch("exclude",(function(e){Xn(t,(function(t){return!Kn(e,t)}))}))},updated:function(){this.cacheVNode()},render:function(){var t=this.$slots.default,e=Ee(t),n=e&&e.componentOptions;if(n){var r=Jn(n),o=this.include,i=this.exclude;if(o&&(!r||!Kn(o,r))||i&&r&&Kn(i,r))return e;var a=this.cache,s=this.keys,l=null==e.key?n.Ctor.cid+(n.tag?"::".concat(n.tag):""):e.key;a[l]?(e.componentInstance=a[l].componentInstance,x(s,l),s.push(l)):(this.vnodeToCache=e,this.keyToCache=l),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){var e={get:function(){return q}};Object.defineProperty(t,"config",e),t.util={warn:kn,extend:P,mergeOptions:$n,defineReactive:Pt},t.set=Bt,t.delete=Lt,t.nextTick=Ue,t.observable=function(t){return At(t),t},t.options=Object.create(null),N.forEach((function(e){t.options[e+"s"]=Object.create(null)})),t.options._base=t,P(t.options.components,tr),function(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=A(arguments,1);return n.unshift(this),c(t.install)?t.install.apply(t,n):c(t)&&t.apply(null,n),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=$n(this.options,t),this}}(t),Zn(t),function(t){N.forEach((function(e){t[e]=function(t,n){return n?("component"===e&&f(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&c(n)&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}}))}(t)}(Gn),Object.defineProperty(Gn.prototype,"$isServer",{get:at}),Object.defineProperty(Gn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Gn,"FunctionalRenderContext",{value:vn}),Gn.version="2.7.16";var er=b("style,class"),nr=b("input,textarea,option,select,progress"),rr=b("contenteditable,draggable,spellcheck"),or=b("events,caret,typing,plaintext-only"),ir=b("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),ar="http://www.w3.org/1999/xlink",sr=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},lr=function(t){return sr(t)?t.slice(6,t.length):""},cr=function(t){return null==t||!1===t};function ur(t){for(var e=t.data,n=t,r=t;a(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=pr(r.data,e));for(;a(n=n.parent);)n&&n.data&&(e=pr(e,n.data));return function(t,e){if(a(t)||a(e))return fr(t,dr(e));return""}(e.staticClass,e.class)}function pr(t,e){return{staticClass:fr(t.staticClass,e.staticClass),class:a(t.class)?[t.class,e.class]:e.class}}function fr(t,e){return t?e?t+" "+e:t:e||""}function dr(t){return Array.isArray(t)?function(t){for(var e,n="",r=0,o=t.length;r<o;r++)a(e=dr(t[r]))&&""!==e&&(n&&(n+=" "),n+=e);return n}(t):u(t)?function(t){var e="";for(var n in t)t[n]&&(e&&(e+=" "),e+=n);return e}(t):"string"==typeof t?t:""}var hr={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},vr=b("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),gr=b("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignobject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),mr=function(t){return vr(t)||gr(t)};var yr=Object.create(null);var br=b("text,number,password,search,email,tel,url");var _r=Object.freeze({__proto__:null,createElement:function(t,e){var n=document.createElement(t);return"select"!==t||e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n},createElementNS:function(t,e){return document.createElementNS(hr[t],e)},createTextNode:function(t){return document.createTextNode(t)},createComment:function(t){return document.createComment(t)},insertBefore:function(t,e,n){t.insertBefore(e,n)},removeChild:function(t,e){t.removeChild(e)},appendChild:function(t,e){t.appendChild(e)},parentNode:function(t){return t.parentNode},nextSibling:function(t){return t.nextSibling},tagName:function(t){return t.tagName},setTextContent:function(t,e){t.textContent=e},setStyleScope:function(t,e){t.setAttribute(e,"")}}),xr={create:function(t,e){wr(e)},update:function(t,e){t.data.ref!==e.data.ref&&(wr(t,!0),wr(e))},destroy:function(t){wr(t,!0)}};function wr(t,e){var n=t.data.ref;if(a(n)){var r=t.context,i=t.componentInstance||t.elm,s=e?null:i,l=e?void 0:i;if(c(n))Oe(n,r,[s],r,"template ref function");else{var u=t.data.refInFor,p="string"==typeof n||"number"==typeof n,f=Ut(n),d=r.$refs;if(p||f)if(u){var h=p?d[n]:n.value;e?o(h)&&x(h,i):o(h)?h.includes(i)||h.push(i):p?(d[n]=[i],kr(r,n,d[n])):n.value=[i]}else if(p){if(e&&d[n]!==i)return;d[n]=l,kr(r,n,s)}else if(f){if(e&&n.value!==i)return;n.value=s}else 0}}}function kr(t,e,n){var r=t._setupState;r&&k(r,e)&&(Ut(r[e])?r[e].value=n:r[e]=n)}var Er=new dt("",{},[]),Cr=["create","activate","update","remove","destroy"];function Sr(t,e){return t.key===e.key&&t.asyncFactory===e.asyncFactory&&(t.tag===e.tag&&t.isComment===e.isComment&&a(t.data)===a(e.data)&&function(t,e){if("input"!==t.tag)return!0;var n,r=a(n=t.data)&&a(n=n.attrs)&&n.type,o=a(n=e.data)&&a(n=n.attrs)&&n.type;return r===o||br(r)&&br(o)}(t,e)||s(t.isAsyncPlaceholder)&&i(e.asyncFactory.error))}function Or(t,e,n){var r,o,i={};for(r=e;r<=n;++r)a(o=t[r].key)&&(i[o]=r);return i}var jr={create:Tr,update:Tr,destroy:function(t){Tr(t,Er)}};function Tr(t,e){(t.data.directives||e.data.directives)&&function(t,e){var n,r,o,i=t===Er,a=e===Er,s=Ar(t.data.directives,t.context),l=Ar(e.data.directives,e.context),c=[],u=[];for(n in l)r=s[n],o=l[n],r?(o.oldValue=r.value,o.oldArg=r.arg,Br(o,"update",e,t),o.def&&o.def.componentUpdated&&u.push(o)):(Br(o,"bind",e,t),o.def&&o.def.inserted&&c.push(o));if(c.length){var p=function(){for(var n=0;n<c.length;n++)Br(c[n],"inserted",e,t)};i?Gt(e,"insert",p):p()}u.length&&Gt(e,"postpatch",(function(){for(var n=0;n<u.length;n++)Br(u[n],"componentUpdated",e,t)}));if(!i)for(n in s)l[n]||Br(s[n],"unbind",t,t,a)}(t,e)}var $r=Object.create(null);function Ar(t,e){var n,r,o=Object.create(null);if(!t)return o;for(n=0;n<t.length;n++){if((r=t[n]).modifiers||(r.modifiers=$r),o[Pr(r)]=r,e._setupState&&e._setupState.__sfc){var i=r.def||An(e,"_setupState","v-"+r.name);r.def="function"==typeof i?{bind:i,update:i}:i}r.def=r.def||An(e.$options,"directives",r.name)}return o}function Pr(t){return t.rawName||"".concat(t.name,".").concat(Object.keys(t.modifiers||{}).join("."))}function Br(t,e,n,r,o){var i=t.def&&t.def[e];if(i)try{i(n.elm,t,n,r,o)}catch(r){Se(r,n.context,"directive ".concat(t.name," ").concat(e," hook"))}}var Lr=[xr,jr];function Rr(t,e){var n=e.componentOptions;if(!(a(n)&&!1===n.Ctor.options.inheritAttrs||i(t.data.attrs)&&i(e.data.attrs))){var r,o,l=e.elm,c=t.data.attrs||{},u=e.data.attrs||{};for(r in(a(u.__ob__)||s(u._v_attr_proxy))&&(u=e.data.attrs=P({},u)),u)o=u[r],c[r]!==o&&Dr(l,r,o,e.data.pre);for(r in(X||Q)&&u.value!==c.value&&Dr(l,"value",u.value),c)i(u[r])&&(sr(r)?l.removeAttributeNS(ar,lr(r)):rr(r)||l.removeAttribute(r))}}function Dr(t,e,n,r){r||t.tagName.indexOf("-")>-1?Ir(t,e,n):ir(e)?cr(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):rr(e)?t.setAttribute(e,function(t,e){return cr(e)||"false"===e?"false":"contenteditable"===t&&or(e)?e:"true"}(e,n)):sr(e)?cr(n)?t.removeAttributeNS(ar,lr(e)):t.setAttributeNS(ar,e,n):Ir(t,e,n)}function Ir(t,e,n){if(cr(n))t.removeAttribute(e);else{if(X&&!Y&&"TEXTAREA"===t.tagName&&"placeholder"===e&&""!==n&&!t.__ieph){var r=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(e,n)}}var Mr={create:Rr,update:Rr};function Ur(t,e){var n=e.elm,r=e.data,o=t.data;if(!(i(r.staticClass)&&i(r.class)&&(i(o)||i(o.staticClass)&&i(o.class)))){var s=ur(e),l=n._transitionClasses;a(l)&&(s=fr(s,dr(l))),s!==n._prevClass&&(n.setAttribute("class",s),n._prevClass=s)}}var zr,Nr={create:Ur,update:Ur};function Fr(t,e,n){var r=zr;return function o(){var i=e.apply(null,arguments);null!==i&&Hr(t,o,n,r)}}var qr=Ae&&!(nt&&Number(nt[1])<=53);function Vr(t,e,n,r){if(qr){var o=ln,i=e;e=i._wrapper=function(t){if(t.target===t.currentTarget||t.timeStamp>=o||t.timeStamp<=0||t.target.ownerDocument!==document)return i.apply(this,arguments)}}zr.addEventListener(t,e,ot?{capture:n,passive:r}:n)}function Hr(t,e,n,r){(r||zr).removeEventListener(t,e._wrapper||e,n)}function Wr(t,e){if(!i(t.data.on)||!i(e.data.on)){var n=e.data.on||{},r=t.data.on||{};zr=e.elm||t.elm,function(t){if(a(t.__r)){var e=X?"change":"input";t[e]=[].concat(t.__r,t[e]||[]),delete t.__r}a(t.__c)&&(t.change=[].concat(t.__c,t.change||[]),delete t.__c)}(n),Wt(n,r,Vr,Hr,Fr,e.context),zr=void 0}}var Gr,Zr={create:Wr,update:Wr,destroy:function(t){return Wr(t,Er)}};function Jr(t,e){if(!i(t.data.domProps)||!i(e.data.domProps)){var n,r,o=e.elm,l=t.data.domProps||{},c=e.data.domProps||{};for(n in(a(c.__ob__)||s(c._v_attr_proxy))&&(c=e.data.domProps=P({},c)),l)n in c||(o[n]="");for(n in c){if(r=c[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),r===l[n])continue;1===o.childNodes.length&&o.removeChild(o.childNodes[0])}if("value"===n&&"PROGRESS"!==o.tagName){o._value=r;var u=i(r)?"":String(r);Kr(o,u)&&(o.value=u)}else if("innerHTML"===n&&gr(o.tagName)&&i(o.innerHTML)){(Gr=Gr||document.createElement("div")).innerHTML="<svg>".concat(r,"</svg>");for(var p=Gr.firstChild;o.firstChild;)o.removeChild(o.firstChild);for(;p.firstChild;)o.appendChild(p.firstChild)}else if(r!==l[n])try{o[n]=r}catch(t){}}}}function Kr(t,e){return!t.composing&&("OPTION"===t.tagName||function(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}(t,e)||function(t,e){var n=t.value,r=t._vModifiers;if(a(r)){if(r.number)return y(n)!==y(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}(t,e))}var Xr={create:Jr,update:Jr},Yr=E((function(t){var e={},n=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach((function(t){if(t){var r=t.split(n);r.length>1&&(e[r[0].trim()]=r[1].trim())}})),e}));function Qr(t){var e=to(t.style);return t.staticStyle?P(t.staticStyle,e):e}function to(t){return Array.isArray(t)?B(t):"string"==typeof t?Yr(t):t}var eo,no=/^--/,ro=/\s*!important$/,oo=function(t,e,n){if(no.test(e))t.style.setProperty(e,n);else if(ro.test(n))t.style.setProperty(T(e),n.replace(ro,""),"important");else{var r=ao(e);if(Array.isArray(n))for(var o=0,i=n.length;o<i;o++)t.style[r]=n[o];else t.style[r]=n}},io=["Webkit","Moz","ms"],ao=E((function(t){if(eo=eo||document.createElement("div").style,"filter"!==(t=S(t))&&t in eo)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<io.length;n++){var r=io[n]+e;if(r in eo)return r}}));function so(t,e){var n=e.data,r=t.data;if(!(i(n.staticStyle)&&i(n.style)&&i(r.staticStyle)&&i(r.style))){var o,s,l=e.elm,c=r.staticStyle,u=r.normalizedStyle||r.style||{},p=c||u,f=to(e.data.style)||{};e.data.normalizedStyle=a(f.__ob__)?P({},f):f;var d=function(t,e){var n,r={};if(e)for(var o=t;o.componentInstance;)(o=o.componentInstance._vnode)&&o.data&&(n=Qr(o.data))&&P(r,n);(n=Qr(t.data))&&P(r,n);for(var i=t;i=i.parent;)i.data&&(n=Qr(i.data))&&P(r,n);return r}(e,!0);for(s in p)i(d[s])&&oo(l,s,"");for(s in d)o=d[s],oo(l,s,null==o?"":o)}}var lo={create:so,update:so},co=/\s+/;function uo(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(co).forEach((function(e){return t.classList.add(e)})):t.classList.add(e);else{var n=" ".concat(t.getAttribute("class")||""," ");n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function po(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(co).forEach((function(e){return t.classList.remove(e)})):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" ".concat(t.getAttribute("class")||""," "),r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?t.setAttribute("class",n):t.removeAttribute("class")}}function fo(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&P(e,ho(t.name||"v")),P(e,t),e}return"string"==typeof t?ho(t):void 0}}var ho=E((function(t){return{enterClass:"".concat(t,"-enter"),enterToClass:"".concat(t,"-enter-to"),enterActiveClass:"".concat(t,"-enter-active"),leaveClass:"".concat(t,"-leave"),leaveToClass:"".concat(t,"-leave-to"),leaveActiveClass:"".concat(t,"-leave-active")}})),vo=J&&!Y,go="transition",mo="transitionend",yo="animation",bo="animationend";vo&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(go="WebkitTransition",mo="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(yo="WebkitAnimation",bo="webkitAnimationEnd"));var _o=J?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()};function xo(t){_o((function(){_o(t)}))}function wo(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),uo(t,e))}function ko(t,e){t._transitionClasses&&x(t._transitionClasses,e),po(t,e)}function Eo(t,e,n){var r=So(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s="transition"===o?mo:bo,l=0,c=function(){t.removeEventListener(s,u),n()},u=function(e){e.target===t&&++l>=a&&c()};setTimeout((function(){l<a&&c()}),i+1),t.addEventListener(s,u)}var Co=/\b(transform|all)(,|$)/;function So(t,e){var n,r=window.getComputedStyle(t),o=(r[go+"Delay"]||"").split(", "),i=(r[go+"Duration"]||"").split(", "),a=Oo(o,i),s=(r[yo+"Delay"]||"").split(", "),l=(r[yo+"Duration"]||"").split(", "),c=Oo(s,l),u=0,p=0;return"transition"===e?a>0&&(n="transition",u=a,p=i.length):"animation"===e?c>0&&(n="animation",u=c,p=l.length):p=(n=(u=Math.max(a,c))>0?a>c?"transition":"animation":null)?"transition"===n?i.length:l.length:0,{type:n,timeout:u,propCount:p,hasTransform:"transition"===n&&Co.test(r[go+"Property"])}}function Oo(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map((function(e,n){return jo(e)+jo(t[n])})))}function jo(t){return 1e3*Number(t.slice(0,-1).replace(",","."))}function To(t,e){var n=t.elm;a(n._leaveCb)&&(n._leaveCb.cancelled=!0,n._leaveCb());var r=fo(t.data.transition);if(!i(r)&&!a(n._enterCb)&&1===n.nodeType){for(var o=r.css,s=r.type,l=r.enterClass,p=r.enterToClass,f=r.enterActiveClass,d=r.appearClass,h=r.appearToClass,v=r.appearActiveClass,g=r.beforeEnter,m=r.enter,b=r.afterEnter,_=r.enterCancelled,x=r.beforeAppear,w=r.appear,k=r.afterAppear,E=r.appearCancelled,C=r.duration,S=Ke,O=Ke.$vnode;O&&O.parent;)S=O.context,O=O.parent;var j=!S._isMounted||!t.isRootInsert;if(!j||w||""===w){var T=j&&d?d:l,$=j&&v?v:f,A=j&&h?h:p,P=j&&x||g,B=j&&c(w)?w:m,L=j&&k||b,R=j&&E||_,D=y(u(C)?C.enter:C);0;var I=!1!==o&&!Y,M=Po(B),z=n._enterCb=U((function(){I&&(ko(n,A),ko(n,$)),z.cancelled?(I&&ko(n,T),R&&R(n)):L&&L(n),n._enterCb=null}));t.data.show||Gt(t,"insert",(function(){var e=n.parentNode,r=e&&e._pending&&e._pending[t.key];r&&r.tag===t.tag&&r.elm._leaveCb&&r.elm._leaveCb(),B&&B(n,z)})),P&&P(n),I&&(wo(n,T),wo(n,$),xo((function(){ko(n,T),z.cancelled||(wo(n,A),M||(Ao(D)?setTimeout(z,D):Eo(n,s,z)))}))),t.data.show&&(e&&e(),B&&B(n,z)),I||M||z()}}}function $o(t,e){var n=t.elm;a(n._enterCb)&&(n._enterCb.cancelled=!0,n._enterCb());var r=fo(t.data.transition);if(i(r)||1!==n.nodeType)return e();if(!a(n._leaveCb)){var o=r.css,s=r.type,l=r.leaveClass,c=r.leaveToClass,p=r.leaveActiveClass,f=r.beforeLeave,d=r.leave,h=r.afterLeave,v=r.leaveCancelled,g=r.delayLeave,m=r.duration,b=!1!==o&&!Y,_=Po(d),x=y(u(m)?m.leave:m);0;var w=n._leaveCb=U((function(){n.parentNode&&n.parentNode._pending&&(n.parentNode._pending[t.key]=null),b&&(ko(n,c),ko(n,p)),w.cancelled?(b&&ko(n,l),v&&v(n)):(e(),h&&h(n)),n._leaveCb=null}));g?g(k):k()}function k(){w.cancelled||(!t.data.show&&n.parentNode&&((n.parentNode._pending||(n.parentNode._pending={}))[t.key]=t),f&&f(n),b&&(wo(n,l),wo(n,p),xo((function(){ko(n,l),w.cancelled||(wo(n,c),_||(Ao(x)?setTimeout(w,x):Eo(n,s,w)))}))),d&&d(n,w),b||_||w())}}function Ao(t){return"number"==typeof t&&!isNaN(t)}function Po(t){if(i(t))return!1;var e=t.fns;return a(e)?Po(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function Bo(t,e){!0!==e.data.show&&To(e)}var Lo=function(t){var e,n,r={},c=t.modules,u=t.nodeOps;for(e=0;e<Cr.length;++e)for(r[Cr[e]]=[],n=0;n<c.length;++n)a(c[n][Cr[e]])&&r[Cr[e]].push(c[n][Cr[e]]);function p(t){var e=u.parentNode(t);a(e)&&u.removeChild(e,t)}function f(t,e,n,o,i,l,c){if(a(t.elm)&&a(l)&&(t=l[c]=gt(t)),t.isRootInsert=!i,!function(t,e,n,o){var i=t.data;if(a(i)){var l=a(t.componentInstance)&&i.keepAlive;if(a(i=i.hook)&&a(i=i.init)&&i(t,!1),a(t.componentInstance))return d(t,e),h(n,t.elm,o),s(l)&&function(t,e,n,o){var i,s=t;for(;s.componentInstance;)if(s=s.componentInstance._vnode,a(i=s.data)&&a(i=i.transition)){for(i=0;i<r.activate.length;++i)r.activate[i](Er,s);e.push(s);break}h(n,t.elm,o)}(t,e,n,o),!0}}(t,e,n,o)){var p=t.data,f=t.children,g=t.tag;a(g)?(t.elm=t.ns?u.createElementNS(t.ns,g):u.createElement(g,t),y(t),v(t,f,e),a(p)&&m(t,e),h(n,t.elm,o)):s(t.isComment)?(t.elm=u.createComment(t.text),h(n,t.elm,o)):(t.elm=u.createTextNode(t.text),h(n,t.elm,o))}}function d(t,e){a(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,g(t)?(m(t,e),y(t)):(wr(t),e.push(t))}function h(t,e,n){a(t)&&(a(n)?u.parentNode(n)===t&&u.insertBefore(t,e,n):u.appendChild(t,e))}function v(t,e,n){if(o(e)){0;for(var r=0;r<e.length;++r)f(e[r],n,t.elm,null,!0,e,r)}else l(t.text)&&u.appendChild(t.elm,u.createTextNode(String(t.text)))}function g(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return a(t.tag)}function m(t,n){for(var o=0;o<r.create.length;++o)r.create[o](Er,t);a(e=t.data.hook)&&(a(e.create)&&e.create(Er,t),a(e.insert)&&n.push(t))}function y(t){var e;if(a(e=t.fnScopeId))u.setStyleScope(t.elm,e);else for(var n=t;n;)a(e=n.context)&&a(e=e.$options._scopeId)&&u.setStyleScope(t.elm,e),n=n.parent;a(e=Ke)&&e!==t.context&&e!==t.fnContext&&a(e=e.$options._scopeId)&&u.setStyleScope(t.elm,e)}function _(t,e,n,r,o,i){for(;r<=o;++r)f(n[r],i,t,e,!1,n,r)}function x(t){var e,n,o=t.data;if(a(o))for(a(e=o.hook)&&a(e=e.destroy)&&e(t),e=0;e<r.destroy.length;++e)r.destroy[e](t);if(a(e=t.children))for(n=0;n<t.children.length;++n)x(t.children[n])}function w(t,e,n){for(;e<=n;++e){var r=t[e];a(r)&&(a(r.tag)?(k(r),x(r)):p(r.elm))}}function k(t,e){if(a(e)||a(t.data)){var n,o=r.remove.length+1;for(a(e)?e.listeners+=o:e=function(t,e){function n(){0==--n.listeners&&p(t)}return n.listeners=e,n}(t.elm,o),a(n=t.componentInstance)&&a(n=n._vnode)&&a(n.data)&&k(n,e),n=0;n<r.remove.length;++n)r.remove[n](t,e);a(n=t.data.hook)&&a(n=n.remove)?n(t,e):e()}else p(t.elm)}function E(t,e,n,r){for(var o=n;o<r;o++){var i=e[o];if(a(i)&&Sr(t,i))return o}}function C(t,e,n,o,l,c){if(t!==e){a(e.elm)&&a(o)&&(e=o[l]=gt(e));var p=e.elm=t.elm;if(s(t.isAsyncPlaceholder))a(e.asyncFactory.resolved)?j(t.elm,e,n):e.isAsyncPlaceholder=!0;else if(s(e.isStatic)&&s(t.isStatic)&&e.key===t.key&&(s(e.isCloned)||s(e.isOnce)))e.componentInstance=t.componentInstance;else{var d,h=e.data;a(h)&&a(d=h.hook)&&a(d=d.prepatch)&&d(t,e);var v=t.children,m=e.children;if(a(h)&&g(e)){for(d=0;d<r.update.length;++d)r.update[d](t,e);a(d=h.hook)&&a(d=d.update)&&d(t,e)}i(e.text)?a(v)&&a(m)?v!==m&&function(t,e,n,r,o){var s,l,c,p=0,d=0,h=e.length-1,v=e[0],g=e[h],m=n.length-1,y=n[0],b=n[m],x=!o;for(0;p<=h&&d<=m;)i(v)?v=e[++p]:i(g)?g=e[--h]:Sr(v,y)?(C(v,y,r,n,d),v=e[++p],y=n[++d]):Sr(g,b)?(C(g,b,r,n,m),g=e[--h],b=n[--m]):Sr(v,b)?(C(v,b,r,n,m),x&&u.insertBefore(t,v.elm,u.nextSibling(g.elm)),v=e[++p],b=n[--m]):Sr(g,y)?(C(g,y,r,n,d),x&&u.insertBefore(t,g.elm,v.elm),g=e[--h],y=n[++d]):(i(s)&&(s=Or(e,p,h)),i(l=a(y.key)?s[y.key]:E(y,e,p,h))?f(y,r,t,v.elm,!1,n,d):Sr(c=e[l],y)?(C(c,y,r,n,d),e[l]=void 0,x&&u.insertBefore(t,c.elm,v.elm)):f(y,r,t,v.elm,!1,n,d),y=n[++d]);p>h?_(t,i(n[m+1])?null:n[m+1].elm,n,d,m,r):d>m&&w(e,p,h)}(p,v,m,n,c):a(m)?(a(t.text)&&u.setTextContent(p,""),_(p,null,m,0,m.length-1,n)):a(v)?w(v,0,v.length-1):a(t.text)&&u.setTextContent(p,""):t.text!==e.text&&u.setTextContent(p,e.text),a(h)&&a(d=h.hook)&&a(d=d.postpatch)&&d(t,e)}}}function S(t,e,n){if(s(n)&&a(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r<e.length;++r)e[r].data.hook.insert(e[r])}var O=b("attrs,class,staticClass,staticStyle,key");function j(t,e,n,r){var o,i=e.tag,l=e.data,c=e.children;if(r=r||l&&l.pre,e.elm=t,s(e.isComment)&&a(e.asyncFactory))return e.isAsyncPlaceholder=!0,!0;if(a(l)&&(a(o=l.hook)&&a(o=o.init)&&o(e,!0),a(o=e.componentInstance)))return d(e,n),!0;if(a(i)){if(a(c))if(t.hasChildNodes())if(a(o=l)&&a(o=o.domProps)&&a(o=o.innerHTML)){if(o!==t.innerHTML)return!1}else{for(var u=!0,p=t.firstChild,f=0;f<c.length;f++){if(!p||!j(p,c[f],n,r)){u=!1;break}p=p.nextSibling}if(!u||p)return!1}else v(e,c,n);if(a(l)){var h=!1;for(var g in l)if(!O(g)){h=!0,m(e,n);break}!h&&l.class&&Fe(l.class)}}else t.data!==e.text&&(t.data=e.text);return!0}return function(t,e,n,o){if(!i(e)){var l,c=!1,p=[];if(i(t))c=!0,f(e,p);else{var d=a(t.nodeType);if(!d&&Sr(t,e))C(t,e,p,null,null,o);else{if(d){if(1===t.nodeType&&t.hasAttribute("data-server-rendered")&&(t.removeAttribute("data-server-rendered"),n=!0),s(n)&&j(t,e,p))return S(e,p,!0),t;l=t,t=new dt(u.tagName(l).toLowerCase(),{},[],void 0,l)}var h=t.elm,v=u.parentNode(h);if(f(e,p,h._leaveCb?null:v,u.nextSibling(h)),a(e.parent))for(var m=e.parent,y=g(e);m;){for(var b=0;b<r.destroy.length;++b)r.destroy[b](m);if(m.elm=e.elm,y){for(var _=0;_<r.create.length;++_)r.create[_](Er,m);var k=m.data.hook.insert;if(k.merged)for(var E=k.fns.slice(1),O=0;O<E.length;O++)E[O]()}else wr(m);m=m.parent}a(v)?w([t],0,0):a(t.tag)&&x(t)}}return S(e,p,c),e.elm}a(t)&&x(t)}}({nodeOps:_r,modules:[Mr,Nr,Zr,Xr,lo,J?{create:Bo,activate:Bo,remove:function(t,e){!0!==t.data.show?$o(t,e):e()}}:{}].concat(Lr)});Y&&document.addEventListener("selectionchange",(function(){var t=document.activeElement;t&&t.vmodel&&Fo(t,"input")}));var Ro={inserted:function(t,e,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?Gt(n,"postpatch",(function(){Ro.componentUpdated(t,e,n)})):Do(t,e,n.context),t._vOptions=[].map.call(t.options,Uo)):("textarea"===n.tag||br(t.type))&&(t._vModifiers=e.modifiers,e.modifiers.lazy||(t.addEventListener("compositionstart",zo),t.addEventListener("compositionend",No),t.addEventListener("change",No),Y&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){Do(t,e,n.context);var r=t._vOptions,o=t._vOptions=[].map.call(t.options,Uo);if(o.some((function(t,e){return!I(t,r[e])})))(t.multiple?e.value.some((function(t){return Mo(t,o)})):e.value!==e.oldValue&&Mo(e.value,o))&&Fo(t,"change")}}};function Do(t,e,n){Io(t,e,n),(X||Q)&&setTimeout((function(){Io(t,e,n)}),0)}function Io(t,e,n){var r=e.value,o=t.multiple;if(!o||Array.isArray(r)){for(var i,a,s=0,l=t.options.length;s<l;s++)if(a=t.options[s],o)i=M(r,Uo(a))>-1,a.selected!==i&&(a.selected=i);else if(I(Uo(a),r))return void(t.selectedIndex!==s&&(t.selectedIndex=s));o||(t.selectedIndex=-1)}}function Mo(t,e){return e.every((function(e){return!I(e,t)}))}function Uo(t){return"_value"in t?t._value:t.value}function zo(t){t.target.composing=!0}function No(t){t.target.composing&&(t.target.composing=!1,Fo(t.target,"input"))}function Fo(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function qo(t){return!t.componentInstance||t.data&&t.data.transition?t:qo(t.componentInstance._vnode)}var Vo={model:Ro,show:{bind:function(t,e,n){var r=e.value,o=(n=qo(n)).data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o?(n.data.show=!0,To(n,(function(){t.style.display=i}))):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value;!r!=!e.oldValue&&((n=qo(n)).data&&n.data.transition?(n.data.show=!0,r?To(n,(function(){t.style.display=t.__vOriginalDisplay})):$o(n,(function(){t.style.display="none"}))):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}}},Ho={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Wo(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Wo(Ee(e.children)):t}function Go(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var r in o)e[S(r)]=o[r];return e}function Zo(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}var Jo=function(t){return t.tag||he(t)},Ko=function(t){return"show"===t.name},Xo={name:"transition",props:Ho,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(Jo)).length){0;var r=this.mode;0;var o=n[0];if(function(t){for(;t=t.parent;)if(t.data.transition)return!0}(this.$vnode))return o;var i=Wo(o);if(!i)return o;if(this._leaving)return Zo(t,o);var a="__transition-".concat(this._uid,"-");i.key=null==i.key?i.isComment?a+"comment":a+i.tag:l(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var s=(i.data||(i.data={})).transition=Go(this),c=this._vnode,u=Wo(c);if(i.data.directives&&i.data.directives.some(Ko)&&(i.data.show=!0),u&&u.data&&!function(t,e){return e.key===t.key&&e.tag===t.tag}(i,u)&&!he(u)&&(!u.componentInstance||!u.componentInstance._vnode.isComment)){var p=u.data.transition=P({},s);if("out-in"===r)return this._leaving=!0,Gt(p,"afterLeave",(function(){e._leaving=!1,e.$forceUpdate()})),Zo(t,o);if("in-out"===r){if(he(i))return c;var f,d=function(){f()};Gt(s,"afterEnter",d),Gt(s,"enterCancelled",d),Gt(p,"delayLeave",(function(t){f=t}))}}return o}}},Yo=P({tag:String,moveClass:String},Ho);function Qo(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function ti(t){t.data.newPos=t.elm.getBoundingClientRect()}function ei(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate(".concat(r,"px,").concat(o,"px)"),i.transitionDuration="0s"}}delete Yo.mode;var ni={Transition:Xo,TransitionGroup:{props:Yo,beforeMount:function(){var t=this,e=this._update;this._update=function(n,r){var o=Xe(t);t.__patch__(t._vnode,t.kept,!1,!0),t._vnode=t.kept,o(),e.call(t,n,r)}},render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=Go(this),s=0;s<o.length;s++){if((u=o[s]).tag)if(null!=u.key&&0!==String(u.key).indexOf("__vlist"))i.push(u),n[u.key]=u,(u.data||(u.data={})).transition=a;else;}if(r){var l=[],c=[];for(s=0;s<r.length;s++){var u;(u=r[s]).data.transition=a,u.data.pos=u.elm.getBoundingClientRect(),n[u.key]?l.push(u):c.push(u)}this.kept=t(e,null,l),this.removed=c}return t(e,null,i)},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";t.length&&this.hasMove(t[0].elm,e)&&(t.forEach(Qo),t.forEach(ti),t.forEach(ei),this._reflow=document.body.offsetHeight,t.forEach((function(t){if(t.data.moved){var n=t.elm,r=n.style;wo(n,e),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(mo,n._moveCb=function t(r){r&&r.target!==n||r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(mo,t),n._moveCb=null,ko(n,e))})}})))},methods:{hasMove:function(t,e){if(!vo)return!1;if(this._hasMove)return this._hasMove;var n=t.cloneNode();t._transitionClasses&&t._transitionClasses.forEach((function(t){po(n,t)})),uo(n,e),n.style.display="none",this.$el.appendChild(n);var r=So(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}}};function ri(t,e){for(var n in e)t[n]=e[n];return t}Gn.config.mustUseProp=function(t,e,n){return"value"===n&&nr(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Gn.config.isReservedTag=mr,Gn.config.isReservedAttr=er,Gn.config.getTagNamespace=function(t){return gr(t)?"svg":"math"===t?"math":void 0},Gn.config.isUnknownElement=function(t){if(!J)return!0;if(mr(t))return!1;if(t=t.toLowerCase(),null!=yr[t])return yr[t];var e=document.createElement(t);return t.indexOf("-")>-1?yr[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:yr[t]=/HTMLUnknownElement/.test(e.toString())},P(Gn.options.directives,Vo),P(Gn.options.components,ni),Gn.prototype.__patch__=J?Lo:L,Gn.prototype.$mount=function(t,e){return function(t,e,n){var r;t.$el=e,t.$options.render||(t.$options.render=ht),tn(t,"beforeMount"),r=function(){t._update(t._render(),n)},new He(t,r,L,{before:function(){t._isMounted&&!t._isDestroyed&&tn(t,"beforeUpdate")}},!0),n=!1;var o=t._preWatchers;if(o)for(var i=0;i<o.length;i++)o[i].run();return null==t.$vnode&&(t._isMounted=!0,tn(t,"mounted")),t}(this,t=t&&J?function(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}(t):void 0,e)},J&&setTimeout((function(){q.devtools&&st&&st.emit("init",Gn)}),0);var oi=/[!'()*]/g,ii=function(t){return"%"+t.charCodeAt(0).toString(16)},ai=/%2C/g,si=function(t){return encodeURIComponent(t).replace(oi,ii).replace(ai,",")};function li(t){try{return decodeURIComponent(t)}catch(t){0}return t}var ci=function(t){return null==t||"object"==typeof t?t:String(t)};function ui(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach((function(t){var n=t.replace(/\+/g," ").split("="),r=li(n.shift()),o=n.length>0?li(n.join("=")):null;void 0===e[r]?e[r]=o:Array.isArray(e[r])?e[r].push(o):e[r]=[e[r],o]})),e):e}function pi(t){var e=t?Object.keys(t).map((function(e){var n=t[e];if(void 0===n)return"";if(null===n)return si(e);if(Array.isArray(n)){var r=[];return n.forEach((function(t){void 0!==t&&(null===t?r.push(si(e)):r.push(si(e)+"="+si(t)))})),r.join("&")}return si(e)+"="+si(n)})).filter((function(t){return t.length>0})).join("&"):null;return e?"?"+e:""}var fi=/\/?$/;function di(t,e,n,r){var o=r&&r.options.stringifyQuery,i=e.query||{};try{i=hi(i)}catch(t){}var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:i,params:e.params||{},fullPath:mi(e,o),matched:t?gi(t):[]};return n&&(a.redirectedFrom=mi(n,o)),Object.freeze(a)}function hi(t){if(Array.isArray(t))return t.map(hi);if(t&&"object"==typeof t){var e={};for(var n in t)e[n]=hi(t[n]);return e}return t}var vi=di(null,{path:"/"});function gi(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function mi(t,e){var n=t.path,r=t.query;void 0===r&&(r={});var o=t.hash;return void 0===o&&(o=""),(n||"/")+(e||pi)(r)+o}function yi(t,e,n){return e===vi?t===e:!!e&&(t.path&&e.path?t.path.replace(fi,"")===e.path.replace(fi,"")&&(n||t.hash===e.hash&&bi(t.query,e.query)):!(!t.name||!e.name)&&(t.name===e.name&&(n||t.hash===e.hash&&bi(t.query,e.query)&&bi(t.params,e.params))))}function bi(t,e){if(void 0===t&&(t={}),void 0===e&&(e={}),!t||!e)return t===e;var n=Object.keys(t).sort(),r=Object.keys(e).sort();return n.length===r.length&&n.every((function(n,o){var i=t[n];if(r[o]!==n)return!1;var a=e[n];return null==i||null==a?i===a:"object"==typeof i&&"object"==typeof a?bi(i,a):String(i)===String(a)}))}function _i(t){for(var e=0;e<t.matched.length;e++){var n=t.matched[e];for(var r in n.instances){var o=n.instances[r],i=n.enteredCbs[r];if(o&&i){delete n.enteredCbs[r];for(var a=0;a<i.length;a++)o._isBeingDestroyed||i[a](o)}}}}var xi={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,r=e.children,o=e.parent,i=e.data;i.routerView=!0;for(var a=o.$createElement,s=n.name,l=o.$route,c=o._routerViewCache||(o._routerViewCache={}),u=0,p=!1;o&&o._routerRoot!==o;){var f=o.$vnode?o.$vnode.data:{};f.routerView&&u++,f.keepAlive&&o._directInactive&&o._inactive&&(p=!0),o=o.$parent}if(i.routerViewDepth=u,p){var d=c[s],h=d&&d.component;return h?(d.configProps&&wi(h,i,d.route,d.configProps),a(h,i,r)):a()}var v=l.matched[u],g=v&&v.components[s];if(!v||!g)return c[s]=null,a();c[s]={component:g},i.registerRouteInstance=function(t,e){var n=v.instances[s];(e&&n!==t||!e&&n===t)&&(v.instances[s]=e)},(i.hook||(i.hook={})).prepatch=function(t,e){v.instances[s]=e.componentInstance},i.hook.init=function(t){t.data.keepAlive&&t.componentInstance&&t.componentInstance!==v.instances[s]&&(v.instances[s]=t.componentInstance),_i(l)};var m=v.props&&v.props[s];return m&&(ri(c[s],{route:l,configProps:m}),wi(g,i,l,m)),a(g,i,r)}};function wi(t,e,n,r){var o=e.props=function(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0;default:0}}(n,r);if(o){o=e.props=ri({},o);var i=e.attrs=e.attrs||{};for(var a in o)t.props&&a in t.props||(i[a]=o[a],delete o[a])}}function ki(t,e,n){var r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;var o=e.split("/");n&&o[o.length-1]||o.pop();for(var i=t.replace(/^\//,"").split("/"),a=0;a<i.length;a++){var s=i[a];".."===s?o.pop():"."!==s&&o.push(s)}return""!==o[0]&&o.unshift(""),o.join("/")}function Ei(t){return t.replace(/\/(?:\s*\/)+/g,"/")}var Ci=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Si=zi,Oi=Pi,ji=function(t,e){return Li(Pi(t,e),e)},Ti=Li,$i=Ui,Ai=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function Pi(t,e){for(var n,r=[],o=0,i=0,a="",s=e&&e.delimiter||"/";null!=(n=Ai.exec(t));){var l=n[0],c=n[1],u=n.index;if(a+=t.slice(i,u),i=u+l.length,c)a+=c[1];else{var p=t[i],f=n[2],d=n[3],h=n[4],v=n[5],g=n[6],m=n[7];a&&(r.push(a),a="");var y=null!=f&&null!=p&&p!==f,b="+"===g||"*"===g,_="?"===g||"*"===g,x=n[2]||s,w=h||v;r.push({name:d||o++,prefix:f||"",delimiter:x,optional:_,repeat:b,partial:y,asterisk:!!m,pattern:w?Di(w):m?".*":"[^"+Ri(x)+"]+?"})}}return i<t.length&&(a+=t.substr(i)),a&&r.push(a),r}function Bi(t){return encodeURI(t).replace(/[\/?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()}))}function Li(t,e){for(var n=new Array(t.length),r=0;r<t.length;r++)"object"==typeof t[r]&&(n[r]=new RegExp("^(?:"+t[r].pattern+")$",Mi(e)));return function(e,r){for(var o="",i=e||{},a=(r||{}).pretty?Bi:encodeURIComponent,s=0;s<t.length;s++){var l=t[s];if("string"!=typeof l){var c,u=i[l.name];if(null==u){if(l.optional){l.partial&&(o+=l.prefix);continue}throw new TypeError('Expected "'+l.name+'" to be defined')}if(Ci(u)){if(!l.repeat)throw new TypeError('Expected "'+l.name+'" to not repeat, but received `'+JSON.stringify(u)+"`");if(0===u.length){if(l.optional)continue;throw new TypeError('Expected "'+l.name+'" to not be empty')}for(var p=0;p<u.length;p++){if(c=a(u[p]),!n[s].test(c))throw new TypeError('Expected all "'+l.name+'" to match "'+l.pattern+'", but received `'+JSON.stringify(c)+"`");o+=(0===p?l.prefix:l.delimiter)+c}}else{if(c=l.asterisk?encodeURI(u).replace(/[?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})):a(u),!n[s].test(c))throw new TypeError('Expected "'+l.name+'" to match "'+l.pattern+'", but received "'+c+'"');o+=l.prefix+c}}else o+=l}return o}}function Ri(t){return t.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function Di(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function Ii(t,e){return t.keys=e,t}function Mi(t){return t&&t.sensitive?"":"i"}function Ui(t,e,n){Ci(e)||(n=e||n,e=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",a=0;a<t.length;a++){var s=t[a];if("string"==typeof s)i+=Ri(s);else{var l=Ri(s.prefix),c="(?:"+s.pattern+")";e.push(s),s.repeat&&(c+="(?:"+l+c+")*"),i+=c=s.optional?s.partial?l+"("+c+")?":"(?:"+l+"("+c+"))?":l+"("+c+")"}}var u=Ri(n.delimiter||"/"),p=i.slice(-u.length)===u;return r||(i=(p?i.slice(0,-u.length):i)+"(?:"+u+"(?=$))?"),i+=o?"$":r&&p?"":"(?="+u+"|$)",Ii(new RegExp("^"+i,Mi(n)),e)}function zi(t,e,n){return Ci(e)||(n=e||n,e=[]),n=n||{},t instanceof RegExp?function(t,e){var n=t.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)e.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return Ii(t,e)}(t,e):Ci(t)?function(t,e,n){for(var r=[],o=0;o<t.length;o++)r.push(zi(t[o],e,n).source);return Ii(new RegExp("(?:"+r.join("|")+")",Mi(n)),e)}(t,e,n):function(t,e,n){return Ui(Pi(t,n),e,n)}(t,e,n)}Si.parse=Oi,Si.compile=ji,Si.tokensToFunction=Ti,Si.tokensToRegExp=$i;var Ni=Object.create(null);function Fi(t,e,n){e=e||{};try{var r=Ni[t]||(Ni[t]=Si.compile(t));return"string"==typeof e.pathMatch&&(e[0]=e.pathMatch),r(e,{pretty:!0})}catch(t){return""}finally{delete e[0]}}function qi(t,e,n,r){var o="string"==typeof t?{path:t}:t;if(o._normalized)return o;if(o.name){var i=(o=ri({},t)).params;return i&&"object"==typeof i&&(o.params=ri({},i)),o}if(!o.path&&o.params&&e){(o=ri({},o))._normalized=!0;var a=ri(ri({},e.params),o.params);if(e.name)o.name=e.name,o.params=a;else if(e.matched.length){var s=e.matched[e.matched.length-1].path;o.path=Fi(s,a,e.path)}else 0;return o}var l=function(t){var e="",n="",r=t.indexOf("#");r>=0&&(e=t.slice(r),t=t.slice(0,r));var o=t.indexOf("?");return o>=0&&(n=t.slice(o+1),t=t.slice(0,o)),{path:t,query:n,hash:e}}(o.path||""),c=e&&e.path||"/",u=l.path?ki(l.path,c,n||o.append):c,p=function(t,e,n){void 0===e&&(e={});var r,o=n||ui;try{r=o(t||"")}catch(t){r={}}for(var i in e){var a=e[i];r[i]=Array.isArray(a)?a.map(ci):ci(a)}return r}(l.query,o.query,r&&r.options.parseQuery),f=o.hash||l.hash;return f&&"#"!==f.charAt(0)&&(f="#"+f),{_normalized:!0,path:u,query:p,hash:f}}var Vi,Hi=function(){},Wi={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(t){var e=this,n=this.$router,r=this.$route,o=n.resolve(this.to,r,this.append),i=o.location,a=o.route,s=o.href,l={},c=n.options.linkActiveClass,u=n.options.linkExactActiveClass,p=null==c?"router-link-active":c,f=null==u?"router-link-exact-active":u,d=null==this.activeClass?p:this.activeClass,h=null==this.exactActiveClass?f:this.exactActiveClass,v=a.redirectedFrom?di(null,qi(a.redirectedFrom),null,n):a;l[h]=yi(r,v,this.exactPath),l[d]=this.exact||this.exactPath?l[h]:function(t,e){return 0===t.path.replace(fi,"/").indexOf(e.path.replace(fi,"/"))&&(!e.hash||t.hash===e.hash)&&function(t,e){for(var n in e)if(!(n in t))return!1;return!0}(t.query,e.query)}(r,v);var g=l[h]?this.ariaCurrentValue:null,m=function(t){Gi(t)&&(e.replace?n.replace(i,Hi):n.push(i,Hi))},y={click:Gi};Array.isArray(this.event)?this.event.forEach((function(t){y[t]=m})):y[this.event]=m;var b={class:l},_=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:s,route:a,navigate:m,isActive:l[d],isExactActive:l[h]});if(_){if(1===_.length)return _[0];if(_.length>1||!_.length)return 0===_.length?t():t("span",{},_)}if("a"===this.tag)b.on=y,b.attrs={href:s,"aria-current":g};else{var x=function t(e){var n;if(e)for(var r=0;r<e.length;r++){if("a"===(n=e[r]).tag)return n;if(n.children&&(n=t(n.children)))return n}}(this.$slots.default);if(x){x.isStatic=!1;var w=x.data=ri({},x.data);for(var k in w.on=w.on||{},w.on){var E=w.on[k];k in y&&(w.on[k]=Array.isArray(E)?E:[E])}for(var C in y)C in w.on?w.on[C].push(y[C]):w.on[C]=m;var S=x.data.attrs=ri({},x.data.attrs);S.href=s,S["aria-current"]=g}else b.on=y}return t(this.tag,b,this.$slots.default)}};function Gi(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){var e=t.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(e))return}return t.preventDefault&&t.preventDefault(),!0}}var Zi="undefined"!=typeof window;function Ji(t,e,n,r,o){var i=e||[],a=n||Object.create(null),s=r||Object.create(null);t.forEach((function(t){!function t(e,n,r,o,i,a){var s=o.path,l=o.name;0;var c=o.pathToRegexpOptions||{},u=function(t,e,n){n||(t=t.replace(/\/$/,""));if("/"===t[0])return t;if(null==e)return t;return Ei(e.path+"/"+t)}(s,i,c.strict);"boolean"==typeof o.caseSensitive&&(c.sensitive=o.caseSensitive);var p={path:u,regex:Ki(u,c),components:o.components||{default:o.component},alias:o.alias?"string"==typeof o.alias?[o.alias]:o.alias:[],instances:{},enteredCbs:{},name:l,parent:i,matchAs:a,redirect:o.redirect,beforeEnter:o.beforeEnter,meta:o.meta||{},props:null==o.props?{}:o.components?o.props:{default:o.props}};o.children&&o.children.forEach((function(o){var i=a?Ei(a+"/"+o.path):void 0;t(e,n,r,o,p,i)}));n[p.path]||(e.push(p.path),n[p.path]=p);if(void 0!==o.alias)for(var f=Array.isArray(o.alias)?o.alias:[o.alias],d=0;d<f.length;++d){0;var h={path:f[d],children:o.children};t(e,n,r,h,i,p.path||"/")}l&&(r[l]||(r[l]=p))}(i,a,s,t,o)}));for(var l=0,c=i.length;l<c;l++)"*"===i[l]&&(i.push(i.splice(l,1)[0]),c--,l--);return{pathList:i,pathMap:a,nameMap:s}}function Ki(t,e){return Si(t,[],e)}function Xi(t,e){var n=Ji(t),r=n.pathList,o=n.pathMap,i=n.nameMap;function a(t,n,a){var s=qi(t,n,!1,e),c=s.name;if(c){var u=i[c];if(!u)return l(null,s);var p=u.regex.keys.filter((function(t){return!t.optional})).map((function(t){return t.name}));if("object"!=typeof s.params&&(s.params={}),n&&"object"==typeof n.params)for(var f in n.params)!(f in s.params)&&p.indexOf(f)>-1&&(s.params[f]=n.params[f]);return s.path=Fi(u.path,s.params),l(u,s,a)}if(s.path){s.params={};for(var d=0;d<r.length;d++){var h=r[d],v=o[h];if(Yi(v.regex,s.path,s.params))return l(v,s,a)}}return l(null,s)}function s(t,n){var r=t.redirect,o="function"==typeof r?r(di(t,n,null,e)):r;if("string"==typeof o&&(o={path:o}),!o||"object"!=typeof o)return l(null,n);var s=o,c=s.name,u=s.path,p=n.query,f=n.hash,d=n.params;if(p=s.hasOwnProperty("query")?s.query:p,f=s.hasOwnProperty("hash")?s.hash:f,d=s.hasOwnProperty("params")?s.params:d,c){i[c];return a({_normalized:!0,name:c,query:p,hash:f,params:d},void 0,n)}if(u){var h=function(t,e){return ki(t,e.parent?e.parent.path:"/",!0)}(u,t);return a({_normalized:!0,path:Fi(h,d),query:p,hash:f},void 0,n)}return l(null,n)}function l(t,n,r){return t&&t.redirect?s(t,r||n):t&&t.matchAs?function(t,e,n){var r=a({_normalized:!0,path:Fi(n,e.params)});if(r){var o=r.matched,i=o[o.length-1];return e.params=r.params,l(i,e)}return l(null,e)}(0,n,t.matchAs):di(t,n,r,e)}return{match:a,addRoute:function(t,e){var n="object"!=typeof t?i[t]:void 0;Ji([e||t],r,o,i,n),n&&n.alias.length&&Ji(n.alias.map((function(t){return{path:t,children:[e]}})),r,o,i,n)},getRoutes:function(){return r.map((function(t){return o[t]}))},addRoutes:function(t){Ji(t,r,o,i)}}}function Yi(t,e,n){var r=e.match(t);if(!r)return!1;if(!n)return!0;for(var o=1,i=r.length;o<i;++o){var a=t.keys[o-1];a&&(n[a.name||"pathMatch"]="string"==typeof r[o]?li(r[o]):r[o])}return!0}var Qi=Zi&&window.performance&&window.performance.now?window.performance:Date;function ta(){return Qi.now().toFixed(3)}var ea=ta();function na(){return ea}function ra(t){return ea=t}var oa=Object.create(null);function ia(){"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual");var t=window.location.protocol+"//"+window.location.host,e=window.location.href.replace(t,""),n=ri({},window.history.state);return n.key=na(),window.history.replaceState(n,"",e),window.addEventListener("popstate",la),function(){window.removeEventListener("popstate",la)}}function aa(t,e,n,r){if(t.app){var o=t.options.scrollBehavior;o&&t.app.$nextTick((function(){var i=function(){var t=na();if(t)return oa[t]}(),a=o.call(t,e,n,r?i:null);a&&("function"==typeof a.then?a.then((function(t){da(t,i)})).catch((function(t){0})):da(a,i))}))}}function sa(){var t=na();t&&(oa[t]={x:window.pageXOffset,y:window.pageYOffset})}function la(t){sa(),t.state&&t.state.key&&ra(t.state.key)}function ca(t){return pa(t.x)||pa(t.y)}function ua(t){return{x:pa(t.x)?t.x:window.pageXOffset,y:pa(t.y)?t.y:window.pageYOffset}}function pa(t){return"number"==typeof t}var fa=/^#\d/;function da(t,e){var n,r="object"==typeof t;if(r&&"string"==typeof t.selector){var o=fa.test(t.selector)?document.getElementById(t.selector.slice(1)):document.querySelector(t.selector);if(o){var i=t.offset&&"object"==typeof t.offset?t.offset:{};e=function(t,e){var n=document.documentElement.getBoundingClientRect(),r=t.getBoundingClientRect();return{x:r.left-n.left-e.x,y:r.top-n.top-e.y}}(o,i={x:pa((n=i).x)?n.x:0,y:pa(n.y)?n.y:0})}else ca(t)&&(e=ua(t))}else r&&ca(t)&&(e=ua(t));e&&("scrollBehavior"in document.documentElement.style?window.scrollTo({left:e.x,top:e.y,behavior:t.behavior}):window.scrollTo(e.x,e.y))}var ha,va=Zi&&((-1===(ha=window.navigator.userAgent).indexOf("Android 2.")&&-1===ha.indexOf("Android 4.0")||-1===ha.indexOf("Mobile Safari")||-1!==ha.indexOf("Chrome")||-1!==ha.indexOf("Windows Phone"))&&window.history&&"function"==typeof window.history.pushState);function ga(t,e){sa();var n=window.history;try{if(e){var r=ri({},n.state);r.key=na(),n.replaceState(r,"",t)}else n.pushState({key:ra(ta())},"",t)}catch(n){window.location[e?"replace":"assign"](t)}}function ma(t){ga(t,!0)}var ya={redirected:2,aborted:4,cancelled:8,duplicated:16};function ba(t,e){return xa(t,e,ya.redirected,'Redirected when going from "'+t.fullPath+'" to "'+function(t){if("string"==typeof t)return t;if("path"in t)return t.path;var e={};return wa.forEach((function(n){n in t&&(e[n]=t[n])})),JSON.stringify(e,null,2)}(e)+'" via a navigation guard.')}function _a(t,e){return xa(t,e,ya.cancelled,'Navigation cancelled from "'+t.fullPath+'" to "'+e.fullPath+'" with a new navigation.')}function xa(t,e,n,r){var o=new Error(r);return o._isRouter=!0,o.from=t,o.to=e,o.type=n,o}var wa=["params","query","hash"];function ka(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function Ea(t,e){return ka(t)&&t._isRouter&&(null==e||t.type===e)}function Ca(t,e,n){var r=function(o){o>=t.length?n():t[o]?e(t[o],(function(){r(o+1)})):r(o+1)};r(0)}function Sa(t){return function(e,n,r){var o=!1,i=0,a=null;Oa(t,(function(t,e,n,s){if("function"==typeof t&&void 0===t.cid){o=!0,i++;var l,c=$a((function(e){var o;((o=e).__esModule||Ta&&"Module"===o[Symbol.toStringTag])&&(e=e.default),t.resolved="function"==typeof e?e:Vi.extend(e),n.components[s]=e,--i<=0&&r()})),u=$a((function(t){var e="Failed to resolve async component "+s+": "+t;a||(a=ka(t)?t:new Error(e),r(a))}));try{l=t(c,u)}catch(t){u(t)}if(l)if("function"==typeof l.then)l.then(c,u);else{var p=l.component;p&&"function"==typeof p.then&&p.then(c,u)}}})),o||r()}}function Oa(t,e){return ja(t.map((function(t){return Object.keys(t.components).map((function(n){return e(t.components[n],t.instances[n],t,n)}))})))}function ja(t){return Array.prototype.concat.apply([],t)}var Ta="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function $a(t){var e=!1;return function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];if(!e)return e=!0,t.apply(this,n)}}var Aa=function(t,e){this.router=t,this.base=function(t){if(!t)if(Zi){var e=document.querySelector("base");t=(t=e&&e.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else t="/";"/"!==t.charAt(0)&&(t="/"+t);return t.replace(/\/$/,"")}(e),this.current=vi,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function Pa(t,e,n,r){var o=Oa(t,(function(t,r,o,i){var a=function(t,e){"function"!=typeof t&&(t=Vi.extend(t));return t.options[e]}(t,e);if(a)return Array.isArray(a)?a.map((function(t){return n(t,r,o,i)})):n(a,r,o,i)}));return ja(r?o.reverse():o)}function Ba(t,e){if(e)return function(){return t.apply(e,arguments)}}Aa.prototype.listen=function(t){this.cb=t},Aa.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},Aa.prototype.onError=function(t){this.errorCbs.push(t)},Aa.prototype.transitionTo=function(t,e,n){var r,o=this;try{r=this.router.match(t,this.current)}catch(t){throw this.errorCbs.forEach((function(e){e(t)})),t}var i=this.current;this.confirmTransition(r,(function(){o.updateRoute(r),e&&e(r),o.ensureURL(),o.router.afterHooks.forEach((function(t){t&&t(r,i)})),o.ready||(o.ready=!0,o.readyCbs.forEach((function(t){t(r)})))}),(function(t){n&&n(t),t&&!o.ready&&(Ea(t,ya.redirected)&&i===vi||(o.ready=!0,o.readyErrorCbs.forEach((function(e){e(t)}))))}))},Aa.prototype.confirmTransition=function(t,e,n){var r=this,o=this.current;this.pending=t;var i,a,s=function(t){!Ea(t)&&ka(t)&&(r.errorCbs.length?r.errorCbs.forEach((function(e){e(t)})):console.error(t)),n&&n(t)},l=t.matched.length-1,c=o.matched.length-1;if(yi(t,o)&&l===c&&t.matched[l]===o.matched[c])return this.ensureURL(),t.hash&&aa(this.router,o,t,!1),s(((a=xa(i=o,t,ya.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",a));var u=function(t,e){var n,r=Math.max(t.length,e.length);for(n=0;n<r&&t[n]===e[n];n++);return{updated:e.slice(0,n),activated:e.slice(n),deactivated:t.slice(n)}}(this.current.matched,t.matched),p=u.updated,f=u.deactivated,d=u.activated,h=[].concat(function(t){return Pa(t,"beforeRouteLeave",Ba,!0)}(f),this.router.beforeHooks,function(t){return Pa(t,"beforeRouteUpdate",Ba)}(p),d.map((function(t){return t.beforeEnter})),Sa(d)),v=function(e,n){if(r.pending!==t)return s(_a(o,t));try{e(t,o,(function(e){!1===e?(r.ensureURL(!0),s(function(t,e){return xa(t,e,ya.aborted,'Navigation aborted from "'+t.fullPath+'" to "'+e.fullPath+'" via a navigation guard.')}(o,t))):ka(e)?(r.ensureURL(!0),s(e)):"string"==typeof e||"object"==typeof e&&("string"==typeof e.path||"string"==typeof e.name)?(s(ba(o,t)),"object"==typeof e&&e.replace?r.replace(e):r.push(e)):n(e)}))}catch(t){s(t)}};Ca(h,v,(function(){Ca(function(t){return Pa(t,"beforeRouteEnter",(function(t,e,n,r){return function(t,e,n){return function(r,o,i){return t(r,o,(function(t){"function"==typeof t&&(e.enteredCbs[n]||(e.enteredCbs[n]=[]),e.enteredCbs[n].push(t)),i(t)}))}}(t,n,r)}))}(d).concat(r.router.resolveHooks),v,(function(){if(r.pending!==t)return s(_a(o,t));r.pending=null,e(t),r.router.app&&r.router.app.$nextTick((function(){_i(t)}))}))}))},Aa.prototype.updateRoute=function(t){this.current=t,this.cb&&this.cb(t)},Aa.prototype.setupListeners=function(){},Aa.prototype.teardown=function(){this.listeners.forEach((function(t){t()})),this.listeners=[],this.current=vi,this.pending=null};var La=function(t){function e(e,n){t.call(this,e,n),this._startLocation=Ra(this.base)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router,n=e.options.scrollBehavior,r=va&&n;r&&this.listeners.push(ia());var o=function(){var n=t.current,o=Ra(t.base);t.current===vi&&o===t._startLocation||t.transitionTo(o,(function(t){r&&aa(e,t,n,!0)}))};window.addEventListener("popstate",o),this.listeners.push((function(){window.removeEventListener("popstate",o)}))}},e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){ga(Ei(r.base+t.fullPath)),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){ma(Ei(r.base+t.fullPath)),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.ensureURL=function(t){if(Ra(this.base)!==this.current.fullPath){var e=Ei(this.base+this.current.fullPath);t?ga(e):ma(e)}},e.prototype.getCurrentLocation=function(){return Ra(this.base)},e}(Aa);function Ra(t){var e=window.location.pathname,n=e.toLowerCase(),r=t.toLowerCase();return!t||n!==r&&0!==n.indexOf(Ei(r+"/"))||(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}var Da=function(t){function e(e,n,r){t.call(this,e,n),r&&function(t){var e=Ra(t);if(!/^\/#/.test(e))return window.location.replace(Ei(t+"/#"+e)),!0}(this.base)||Ia()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router.options.scrollBehavior,n=va&&e;n&&this.listeners.push(ia());var r=function(){var e=t.current;Ia()&&t.transitionTo(Ma(),(function(r){n&&aa(t.router,r,e,!0),va||Na(r.fullPath)}))},o=va?"popstate":"hashchange";window.addEventListener(o,r),this.listeners.push((function(){window.removeEventListener(o,r)}))}},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){za(t.fullPath),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){Na(t.fullPath),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;Ma()!==e&&(t?za(e):Na(e))},e.prototype.getCurrentLocation=function(){return Ma()},e}(Aa);function Ia(){var t=Ma();return"/"===t.charAt(0)||(Na("/"+t),!1)}function Ma(){var t=window.location.href,e=t.indexOf("#");return e<0?"":t=t.slice(e+1)}function Ua(t){var e=window.location.href,n=e.indexOf("#");return(n>=0?e.slice(0,n):e)+"#"+t}function za(t){va?ga(Ua(t)):window.location.hash=t}function Na(t){va?ma(Ua(t)):window.location.replace(Ua(t))}var Fa=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index).concat(t),e&&e(t)}),n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var r=this.stack[n];this.confirmTransition(r,(function(){var t=e.current;e.index=n,e.updateRoute(r),e.router.afterHooks.forEach((function(e){e&&e(r,t)}))}),(function(t){Ea(t,ya.duplicated)&&(e.index=n)}))}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(Aa),qa=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=Xi(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!va&&!1!==t.fallback,this.fallback&&(e="hash"),Zi||(e="abstract"),this.mode=e,e){case"history":this.history=new La(this,t.base);break;case"hash":this.history=new Da(this,t.base,this.fallback);break;case"abstract":this.history=new Fa(this,t.base);break;default:0}},Va={currentRoute:{configurable:!0}};qa.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},Va.currentRoute.get=function(){return this.history&&this.history.current},qa.prototype.init=function(t){var e=this;if(this.apps.push(t),t.$once("hook:destroyed",(function(){var n=e.apps.indexOf(t);n>-1&&e.apps.splice(n,1),e.app===t&&(e.app=e.apps[0]||null),e.app||e.history.teardown()})),!this.app){this.app=t;var n=this.history;if(n instanceof La||n instanceof Da){var r=function(t){n.setupListeners(),function(t){var r=n.current,o=e.options.scrollBehavior;va&&o&&"fullPath"in t&&aa(e,t,r,!1)}(t)};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen((function(t){e.apps.forEach((function(e){e._route=t}))}))}},qa.prototype.beforeEach=function(t){return Wa(this.beforeHooks,t)},qa.prototype.beforeResolve=function(t){return Wa(this.resolveHooks,t)},qa.prototype.afterEach=function(t){return Wa(this.afterHooks,t)},qa.prototype.onReady=function(t,e){this.history.onReady(t,e)},qa.prototype.onError=function(t){this.history.onError(t)},qa.prototype.push=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.push(t,e,n)}));this.history.push(t,e,n)},qa.prototype.replace=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.replace(t,e,n)}));this.history.replace(t,e,n)},qa.prototype.go=function(t){this.history.go(t)},qa.prototype.back=function(){this.go(-1)},qa.prototype.forward=function(){this.go(1)},qa.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map((function(t){return Object.keys(t.components).map((function(e){return t.components[e]}))}))):[]},qa.prototype.resolve=function(t,e,n){var r=qi(t,e=e||this.history.current,n,this),o=this.match(r,e),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:function(t,e,n){var r="hash"===n?"#"+e:e;return t?Ei(t+"/"+r):r}(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},qa.prototype.getRoutes=function(){return this.matcher.getRoutes()},qa.prototype.addRoute=function(t,e){this.matcher.addRoute(t,e),this.history.current!==vi&&this.history.transitionTo(this.history.getCurrentLocation())},qa.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==vi&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(qa.prototype,Va);var Ha=qa;function Wa(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}qa.install=function t(e){if(!t.installed||Vi!==e){t.installed=!0,Vi=e;var n=function(t){return void 0!==t},r=function(t,e){var r=t.$options._parentVnode;n(r)&&n(r=r.data)&&n(r=r.registerRouteInstance)&&r(t,e)};e.mixin({beforeCreate:function(){n(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),e.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,r(this,this)},destroyed:function(){r(this)}}),Object.defineProperty(e.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(e.prototype,"$route",{get:function(){return this._routerRoot._route}}),e.component("RouterView",xi),e.component("RouterLink",Wi);var o=e.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},qa.version="3.6.5",qa.isNavigationFailure=Ea,qa.NavigationFailureType=ya,qa.START_LOCATION=vi,Zi&&window.Vue&&window.Vue.use(qa);n(152),n(17),n(163);n(165),n(29);var Ga={NotFound:()=>Promise.all([n.e(0),n.e(18)]).then(n.bind(null,538)),Layout:()=>Promise.all([n.e(0),n.e(8),n.e(2)]).then(n.bind(null,537))},Za={"v-1aa3cf08":()=>n.e(28).then(n.bind(null,540)),"v-a179921e":()=>n.e(19).then(n.bind(null,541)),"v-044dc18f":()=>n.e(12).then(n.bind(null,542)),"v-3b435cb1":()=>n.e(29).then(n.bind(null,543)),"v-75b687e4":()=>n.e(11).then(n.bind(null,544)),"v-4a80159c":()=>n.e(20).then(n.bind(null,545)),"v-5cf95e4e":()=>n.e(4).then(n.bind(null,546)),"v-0d6ce17d":()=>n.e(22).then(n.bind(null,547)),"v-05c3bd2a":()=>n.e(9).then(n.bind(null,548)),"v-f9c4c998":()=>n.e(6).then(n.bind(null,549)),"v-6322ba2b":()=>n.e(23).then(n.bind(null,550)),"v-132ce9ae":()=>n.e(13).then(n.bind(null,551)),"v-688f3a05":()=>n.e(24).then(n.bind(null,552)),"v-6023e725":()=>n.e(14).then(n.bind(null,553)),"v-073c0739":()=>n.e(30).then(n.bind(null,554)),"v-93b1af9c":()=>n.e(10).then(n.bind(null,555)),"v-63b133f2":()=>n.e(25).then(n.bind(null,556)),"v-f979d74c":()=>n.e(26).then(n.bind(null,557)),"v-7cee7f05":()=>n.e(15).then(n.bind(null,558)),"v-1df20381":()=>n.e(31).then(n.bind(null,559)),"v-549efc65":()=>n.e(27).then(n.bind(null,560)),"v-11edc25c":()=>n.e(32).then(n.bind(null,561)),"v-05d8d6e9":()=>n.e(33).then(n.bind(null,562)),"v-04690f78":()=>n.e(3).then(n.bind(null,563)),"v-ab707a5e":()=>n.e(34).then(n.bind(null,564)),"v-64c22648":()=>n.e(35).then(n.bind(null,565)),"v-65003178":()=>n.e(36).then(n.bind(null,566)),"v-0670206f":()=>Promise.all([n.e(0),n.e(21)]).then(n.bind(null,567)),"v-76995abd":()=>Promise.all([n.e(0),n.e(7)]).then(n.bind(null,534)),"v-53cdbc15":()=>n.e(37).then(n.bind(null,568)),"v-59680145":()=>Promise.all([n.e(0),n.e(5)]).then(n.bind(null,535)),"v-6f67f025":()=>n.e(38).then(n.bind(null,569)),"v-24424384":()=>n.e(39).then(n.bind(null,570))};function Ja(t){const e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}const Ka=/-(\w)/g,Xa=Ja(t=>t.replace(Ka,(t,e)=>e?e.toUpperCase():"")),Ya=/\B([A-Z])/g,Qa=Ja(t=>t.replace(Ya,"-$1").toLowerCase()),ts=Ja(t=>t.charAt(0).toUpperCase()+t.slice(1));function es(t,e){if(!e)return;if(t(e))return t(e);return e.includes("-")?t(ts(Xa(e))):t(ts(e))||t(Qa(e))}const ns=Object.assign({},Ga,Za),rs=t=>ns[t],os=t=>Za[t],is=t=>Ga[t],as=t=>Gn.component(t);function ss(t){return es(os,t)}function ls(t){return es(is,t)}function cs(t){return es(rs,t)}function us(t){return es(as,t)}function ps(...t){return Promise.all(t.filter(t=>t).map(async t=>{if(!us(t)&&cs(t)){const e=await cs(t)();Gn.component(t,e.default)}}))}function fs(t,e){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[t]=e)}var ds=n(119),hs=n.n(ds),vs=n(120),gs=n.n(vs),ms={created(){if(this.siteMeta=this.$site.headTags.filter(([t])=>"meta"===t).map(([t,e])=>e),this.$ssrContext){const e=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(t=e)?t.map(t=>{let e="<meta";return Object.keys(t).forEach(n=>{e+=` ${n}="${gs()(t[n])}"`}),e+">"}).join("\n    "):"",this.$ssrContext.canonicalLink=bs(this.$canonicalUrl)}var t},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const t=this.getMergedMetaTags();this.currentMetaTags=_s(t,this.currentMetaTags)},getMergedMetaTags(){const t=this.$page.frontmatter.meta||[];return hs()([{name:"description",content:this.$description}],t,this.siteMeta,xs)},updateCanonicalLink(){ys(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",bs(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){_s(null,this.currentMetaTags),ys()}};function ys(){const t=document.querySelector("link[rel='canonical']");t&&t.remove()}function bs(t=""){return t?`<link href="${t}" rel="canonical" />`:""}function _s(t,e){if(e&&[...e].filter(t=>t.parentNode===document.head).forEach(t=>document.head.removeChild(t)),t)return t.map(t=>{const e=document.createElement("meta");return Object.keys(t).forEach(n=>{e.setAttribute(n,t[n])}),document.head.appendChild(e),e})}function xs(t){for(const e of["name","property","itemprop"])if(t.hasOwnProperty(e))return t[e]+e;return JSON.stringify(t)}n(64);var ws=n(66),ks={mounted(){window.addEventListener("scroll",this.onScroll)},methods:{onScroll:n.n(ws)()((function(){this.setActiveHash()}),300),setActiveHash(){const t=[].slice.call(document.querySelectorAll(".sidebar-link")),e=[].slice.call(document.querySelectorAll(".header-anchor")).filter(e=>t.some(t=>t.hash===e.hash)),n=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),r=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),o=window.innerHeight+n;for(let t=0;t<e.length;t++){const i=e[t],a=e[t+1],s=0===t&&0===n||n>=i.parentElement.offsetTop+10&&(!a||n<a.parentElement.offsetTop-10),l=decodeURIComponent(this.$route.hash);if(s&&l!==decodeURIComponent(i.hash)){const n=i;if(o===r)for(let n=t+1;n<e.length;n++)if(l===decodeURIComponent(e[n].hash))return;return this.$vuepress.$set("disableScrollBehavior",!0),void this.$router.replace(decodeURIComponent(n.hash),()=>{this.$nextTick(()=>{this.$vuepress.$set("disableScrollBehavior",!1)})})}}}},beforeDestroy(){window.removeEventListener("scroll",this.onScroll)}},Es=n(43),Cs=n.n(Es),Ss={mounted(){Cs.a.configure({showSpinner:!1}),this.$router.beforeEach((t,e,n)=>{t.path===e.path||Gn.component(t.name)||Cs.a.start(),n()}),this.$router.afterEach(()=>{Cs.a.done(),this.isSidebarOpen=!1})}};n(277),n(278);class Os{constructor(){this.containerEl=document.getElementById("message-container"),this.containerEl||(this.containerEl=document.createElement("div"),this.containerEl.id="message-container",document.body.appendChild(this.containerEl))}show({text:t="",duration:e=3e3}){let n=document.createElement("div");n.className="message move-in",n.innerHTML=`\n      <i style="fill: #06a35a;font-size: 14px;display:inline-flex;align-items: center;">\n        <svg style="fill: #06a35a;font-size: 14px;" t="1572421810237" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2323" width="16" height="16"><path d="M822.811993 824.617989c-83.075838 81.99224-188.546032 124.613757-316.049383 127.86455-122.085362-3.250794-223.943563-45.87231-305.935802-127.86455s-124.613757-184.21164-127.86455-305.935802c3.250794-127.503351 45.87231-232.973545 127.86455-316.049383 81.99224-83.075838 184.21164-126.058554 305.935802-129.309347 127.503351 3.250794 232.973545 46.23351 316.049383 129.309347 83.075838 83.075838 126.058554 188.546032 129.309347 316.049383C949.231746 640.406349 905.887831 742.62575 822.811993 824.617989zM432.716755 684.111464c3.973192 3.973192 8.307584 5.779189 13.364374 6.140388 5.05679 0.361199 9.752381-1.444797 13.364374-5.417989l292.571429-287.514638c3.973192-3.973192 5.779189-8.307584 5.779189-13.364374 0-5.05679-1.805996-9.752381-5.779189-13.364374l1.805996 1.805996c-3.973192-3.973192-8.668783-5.779189-14.086772-6.140388-5.417989-0.361199-10.47478 1.444797-14.809171 5.417989l-264.397884 220.33157c-3.973192 3.250794-8.668783 4.695591-14.447972 4.695591-5.779189 0-10.835979-1.444797-15.53157-3.973192l-94.273016-72.962257c-4.334392-3.250794-9.391182-4.334392-14.447972-3.973192s-9.391182 3.250794-12.641975 7.585185l-2.889594 3.973192c-3.250794 4.334392-4.334392 9.391182-3.973192 14.809171 0.722399 5.417989 2.528395 10.11358 5.779189 14.086772L432.716755 684.111464z" p-id="2324"></path></svg>\n      </i>\n      <div class="text">${t}</div>\n    `,this.containerEl.appendChild(n),e>0&&setTimeout(()=>{this.close(n)},e)}close(t){t.className=t.className.replace("move-in",""),t.className+="move-out",t.addEventListener("animationend",()=>{t.remove()})}}var js={mounted(){!!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||this.updateCopy()},updated(){!!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||this.updateCopy()},methods:{updateCopy(){setTimeout(()=>{(['div[class*="language-"] pre','div[class*="aside-code"] aside']instanceof Array||Array.isArray(['div[class*="language-"] pre','div[class*="aside-code"] aside']))&&['div[class*="language-"] pre','div[class*="aside-code"] aside'].forEach(t=>{document.querySelectorAll(t).forEach(this.generateCopyButton)})},1e3)},generateCopyButton(t){if(t.classList.contains("codecopy-enabled"))return;const e=document.createElement("i");e.className="code-copy",e.innerHTML='<svg  style="color:#aaa;font-size:14px" t="1572422231464" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3201" width="14" height="14"><path d="M866.461538 39.384615H354.461538c-43.323077 0-78.769231 35.446154-78.76923 78.769231v39.384616h472.615384c43.323077 0 78.769231 35.446154 78.769231 78.76923v551.384616h39.384615c43.323077 0 78.769231-35.446154 78.769231-78.769231V118.153846c0-43.323077-35.446154-78.769231-78.769231-78.769231z m-118.153846 275.692308c0-43.323077-35.446154-78.769231-78.76923-78.769231H157.538462c-43.323077 0-78.769231 35.446154-78.769231 78.769231v590.769231c0 43.323077 35.446154 78.769231 78.769231 78.769231h512c43.323077 0 78.769231-35.446154 78.76923-78.769231V315.076923z m-354.461538 137.846154c0 11.815385-7.876923 19.692308-19.692308 19.692308h-157.538461c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h157.538461c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z m157.538461 315.076923c0 11.815385-7.876923 19.692308-19.692307 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h315.076923c11.815385 0 19.692308 7.876923 19.692307 19.692308v39.384615z m78.769231-157.538462c0 11.815385-7.876923 19.692308-19.692308 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h393.846153c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z" p-id="3202"></path></svg>',e.title="Copy to clipboard",e.addEventListener("click",()=>{this.copyToClipboard(t.innerText)}),t.appendChild(e),t.classList.add("codecopy-enabled")},copyToClipboard(t){const e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e);const n=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);e.select(),document.execCommand("copy");(new Os).show({text:"已复制",duration:1e3}),document.body.removeChild(e),n&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(n))}}};!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("@media (max-width: 1000px) {\n  .vuepress-plugin-demo-block__h_code {\n    display: none;\n  }\n  .vuepress-plugin-demo-block__app {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n}\n.vuepress-plugin-demo-block__wrapper {\n  margin-top: 10px;\n  border: 1px solid #ebebeb;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display {\n  height: 400px;\n  display: flex;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display .vuepress-plugin-demo-block__app {\n  width: 300px;\n  border: 1px solid #ebebeb;\n  box-shadow: 1px 1px 3px #ebebeb;\n  margin-right: 5px;\n  overflow: auto;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display .vuepress-plugin-demo-block__h_code {\n  flex: 1;\n  overflow: auto;\n  height: 100%;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display .vuepress-plugin-demo-block__h_code > pre {\n  overflow: visible;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display {\n  max-height: 400px;\n  overflow: auto;\n}\n.vuepress-plugin-demo-block__wrapper div {\n  box-sizing: border-box;\n}\n.vuepress-plugin-demo-block__wrapper:hover {\n  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__code {\n  overflow: hidden;\n  height: 0;\n  padding: 0 !important;\n  background-color: #282c34;\n  border-radius: 0 !important;\n  transition: height 0.5s;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__code pre {\n  margin: 0 !important;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display {\n  padding: 20px;\n  border-bottom: 1px solid #ebebeb;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer {\n  position: relative;\n  text-align: center;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer.vuepress-plugin-demo-block__show-link .vuepress-plugin-demo-block__jsfiddle,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer.vuepress-plugin-demo-block__show-link .vuepress-plugin-demo-block__codepen {\n  opacity: 1;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer.vuepress-plugin-demo-block__show-link .vuepress-plugin-demo-block__expand::before {\n  border-top: none;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid #ccc;\n  border-left: 6px solid transparent;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__jsfiddle,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__codepen,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand span,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand {\n  opacity: 1;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand::before {\n  border-top-color: #3eaf7c !important;\n  border-bottom-color: #3eaf7c !important;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover svg {\n  fill: #3eaf7c !important;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__expand-text {\n  transition: all 0.5s;\n  opacity: 0;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer form:nth-last-child(2) {\n  right: 50px;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer form:last-child {\n  right: 10px;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button {\n  border-color: transparent;\n  background-color: transparent;\n  font-size: 14px;\n  color: #3eaf7c;\n  cursor: pointer;\n  outline: none;\n  margin: 0;\n  width: 46px;\n  position: relative;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button:hover::before {\n  content: attr(data-tip);\n  white-space: nowrap;\n  position: absolute;\n  top: -30px;\n  left: 50%;\n  color: #eee;\n  line-height: 1;\n  z-index: 1000;\n  border-radius: 4px;\n  padding: 6px;\n  -webkit-transform: translateX(-50%);\n          transform: translateX(-50%);\n  background-color: rgba(0, 0, 0, 0.8);\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button:hover::after {\n  content: '' !important;\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: -5px;\n  -webkit-transform: translateX(-50%);\n          transform: translateX(-50%);\n  border: 5px solid transparent;\n  border-top-color: rgba(0, 0, 0, 0.8);\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button svg {\n  width: 34px;\n  height: 20px;\n  fill: #ccc;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__jsfiddle,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__codepen {\n  position: absolute;\n  top: 10px;\n  transition: all 0.5s;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__expand {\n  position: relative;\n  width: 100px;\n  height: 40px;\n  margin: 0;\n  color: #3eaf7c;\n  font-size: 14px;\n  background-color: transparent;\n  border-color: transparent;\n  outline: none;\n  transition: all 0.5s;\n  cursor: pointer;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__expand::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  border-top: 6px solid #ccc;\n  border-right: 6px solid transparent;\n  border-left: 6px solid transparent;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n}\n");var Ts={jsLib:[],cssLib:[],jsfiddle:!0,codepen:!0,codepenLayout:"left",codepenJsProcessor:"babel",codepenEditors:"101",horizontal:!1,vue:"https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js",react:"https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js",reactDOM:"https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.production.min.js"},$s={},As=function(t){return'<div id="app">\n'.concat(t,"\n</div>")},Ps=function(t){return window.$VUEPRESS_DEMO_BLOCK&&void 0!==window.$VUEPRESS_DEMO_BLOCK[t]?window.$VUEPRESS_DEMO_BLOCK[t]:Ts[t]},Bs=function t(e,n,r){var o=document.createElement(e);return n&&Object.keys(n).forEach((function(t){if(t.indexOf("data"))o[t]=n[t];else{var e=t.replace("data","");o.dataset[e]=n[t]}})),r&&r.forEach((function(e){var n=e.tag,r=e.attrs,i=e.children;o.appendChild(t(n,r,i))})),o},Ls=function(t,e,n){var r,o=(r=t.querySelectorAll(".".concat(e)),Array.prototype.slice.call(r));return 1!==o.length||n?o:o[0]},Rs=function(t,e){var n,r,o=t.match(/<style>([\s\S]+)<\/style>/),i=t.match(/<template>([\s\S]+)<\/template>/),a=t.match(/<script>([\s\S]+)<\/script>/),s={css:o&&o[1].replace(/^\n|\n$/g,""),html:i&&i[1].replace(/^\n|\n$/g,""),js:a&&a[1].replace(/^\n|\n$/g,""),jsLib:e.jsLib||[],cssLib:e.cssLib||[]};s.htmlTpl=As(s.html),s.jsTpl=(n=s.js,r=n.replace(/export\s+default\s*?\{\n*/,"").replace(/\n*\}\s*$/,"").trim(),"new Vue({\n  el: '#app',\n  ".concat(r,"\n})")),s.script=function(t,e){var n=t.split(/export\s+default/),r="(function() {".concat(n[0]," ; return ").concat(n[1],"})()"),o=window.Babel?window.Babel.transform(r,{presets:["es2015"]}).code:r,i=[eval][0](o);return i.template=e,i}(s.js,s.html);var l=Ps("vue");return s.jsLib.unshift(l),s},Ds=function(t,e){var n,r=t.match(/<style>([\s\S]+)<\/style>/),o=t.match(/<html>([\s\S]+)<\/html>/),i=t.match(/<script>([\s\S]+)<\/script>/),a={css:r&&r[1].replace(/^\n|\n$/g,""),html:o&&o[1].replace(/^\n|\n$/g,""),js:i&&i[1].replace(/^\n|\n$/g,""),jsLib:e.jsLib||[],cssLib:e.cssLib||[]};return a.htmlTpl=a.html,a.jsTpl=a.js,a.script=(n=a.js,window.Babel?window.Babel.transform(n,{presets:["es2015"]}).code:n),a},Is=function(t){return t=t.replace("export default ","").replace(/App\.__style__(\s*)=(\s*)`([\s\S]*)?`/,""),t+='ReactDOM.render(React.createElement(App), document.getElementById("app"))'};function Ms(){var t=Ls(document,"vuepress-plugin-demo-block__wrapper",!0);t.length?t.forEach((function(t){if("true"!==t.dataset.created){t.style.display="block";var e=Ls(t,"vuepress-plugin-demo-block__code"),n=Ls(t,"vuepress-plugin-demo-block__display"),r=Ls(t,"vuepress-plugin-demo-block__footer"),o=Ls(n,"vuepress-plugin-demo-block__app"),i=decodeURIComponent(t.dataset.code),a=decodeURIComponent(t.dataset.config),s=decodeURIComponent(t.dataset.type);a=a?JSON.parse(a):{};var l=e.querySelector("div").clientHeight,c="react"===s?function(t,e){var n=(0,window.Babel.transform)(t,{presets:["es2015","react"]}).code,r="(function(exports){var module={};module.exports=exports;".concat(n,";return module.exports.__esModule?module.exports.default:module.exports;})({})"),o=new Function("return ".concat(r))(),i={js:o,css:o.__style__||"",jsLib:e.jsLib||[],cssLib:e.cssLib||[],jsTpl:Is(t),htmlTpl:As("")},a=Ps("react"),s=Ps("reactDOM");return i.jsLib.unshift(a,s),i}(i,a):"vanilla"===s?Ds(i,a):Rs(i,a),u=Bs("button",{className:"".concat("vuepress-plugin-demo-block__expand")});if(r.appendChild(u),u.addEventListener("click",Us.bind(null,u,l,e,r)),Ps("jsfiddle")&&r.appendChild(function(t){var e=t.css,n=t.htmlTpl,r=t.jsTpl,o=t.jsLib,i=t.cssLib,a=o.concat(i).concat(Ps("cssLib")).concat(Ps("jsLib")).join(",");return Bs("form",{className:"vuepress-plugin-demo-block__jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[{tag:"input",attrs:{type:"hidden",name:"css",value:e}},{tag:"input",attrs:{type:"hidden",name:"html",value:n}},{tag:"input",attrs:{type:"hidden",name:"js",value:r}},{tag:"input",attrs:{type:"hidden",name:"panel_js",value:3}},{tag:"input",attrs:{type:"hidden",name:"wrap",value:1}},{tag:"input",attrs:{type:"hidden",name:"resources",value:a}},{tag:"button",attrs:{type:"submit",className:"vuepress-plugin-demo-block__button",innerHTML:'<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1547088289967" class="icon" style="" viewBox="0 0 1170 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1952" xmlns:xlink="http://www.w3.org/1999/xlink" width="228.515625" height="200"><defs><style type="text/css"></style></defs><path d="M1028.571429 441.142857q63.428571 26.285714 102.571428 83.142857T1170.285714 650.857143q0 93.714286-67.428571 160.285714T940 877.714286q-2.285714 0-6.571429-0.285715t-6-0.285714H232q-97.142857-5.714286-164.571429-71.714286T0 645.142857q0-62.857143 31.428571-116t84-84q-6.857143-22.285714-6.857142-46.857143 0-65.714286 46.857142-112t113.714286-46.285714q54.285714 0 98.285714 33.142857 42.857143-88 127.142858-141.714286t186.571428-53.714285q94.857143 0 174.857143 46T982.571429 248.571429t46.571428 172q0 3.428571-0.285714 10.285714t-0.285714 10.285714zM267.428571 593.142857q0 69.714286 48 110.285714t118.857143 40.571429q78.285714 0 137.142857-56.571429-9.142857-11.428571-27.142857-32.285714T519.428571 626.285714q-38.285714 37.142857-82.285714 37.142857-31.428571 0-53.428571-19.142857T361.714286 594.285714q0-30.285714 22-49.714285t52.285714-19.428572q25.142857 0 48.285714 12t41.714286 31.428572 37.142857 42.857142 39.428572 46.857143 44 42.857143 55.428571 31.428572 69.428571 12q69.142857 0 116.857143-40.857143T936 594.857143q0-69.142857-48-109.714286t-118.285714-40.571428q-81.714286 0-137.714286 55.428571l53.142857 61.714286q37.714286-36.571429 81.142857-36.571429 29.714286 0 52.571429 18.857143t22.857143 48q0 32.571429-21.142857 52.285714t-53.714286 19.714286q-24.571429 0-47.142857-12t-41.142857-31.428571-37.428572-42.857143-39.714286-46.857143-44.285714-42.857143-55.142857-31.428571T434.285714 444.571429q-69.714286 0-118.285714 40.285714T267.428571 593.142857z" p-id="1953"></path></svg>',datatip:"JSFiddle"}}])}(c)),Ps("codepen")&&r.appendChild(function(t){var e=t.css,n=t.htmlTpl,r=t.jsTpl,o=t.jsLib,i=t.cssLib,a=JSON.stringify({css:e,html:n,js:r,js_external:o.concat(Ps("jsLib")).join(";"),css_external:i.concat(Ps("cssLib")).join(";"),layout:Ps("codepenLayout"),js_pre_processor:Ps("codepenJsProcessor"),editors:Ps("codepenEditors")});return Bs("form",{className:"vuepress-plugin-demo-block__codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[{tag:"input",attrs:{type:"hidden",name:"data",value:a}},{tag:"button",attrs:{type:"submit",innerHTML:'<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1547088271207" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1737" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z" p-id="1738"></path></svg>',className:"vuepress-plugin-demo-block__button",datatip:"Codepen"}}])}(c)),void 0!==a.horizontal?a.horizontal:Ps("horizontal")){t.classList.add("vuepress-plugin-demo-block__horizontal");var p=e.firstChild.cloneNode(!0);p.classList.add("vuepress-plugin-demo-block__h_code"),n.appendChild(p)}if(c.css&&function(t){if(!$s[t]){var e=Bs("style",{innerHTML:t});document.body.appendChild(e),$s[t]=!0}}(c.css),"react"===s)ReactDOM.render(React.createElement(c.js),o);else if("vue"===s){var f=(new(Vue.extend(c.script))).$mount();o.appendChild(f.$el)}else"vanilla"===s&&(o.innerHTML=c.html,new Function("return (function(){".concat(c.script,"})()"))());t.dataset.created="true"}})):setTimeout((function(t){Ms()}),300)}function Us(t,e,n,r){var o="1"!==t.dataset.isExpand;n.style.height=o?"".concat(e,"px"):0,o?r.classList.add("vuepress-plugin-demo-block__show-link"):r.classList.remove("vuepress-plugin-demo-block__show-link"),t.dataset.isExpand=o?"1":"0"}var zs={mounted:function(){window.$VUEPRESS_DEMO_BLOCK={jsfiddle:!1,codepen:!0,horizontal:!1},Ms()},updated:function(){Ms()}},Ns="auto",Fs="zoom-in",qs="zoom-out",Vs="grab",Hs="move";function Ws(t,e,n){var r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],o={passive:!1};r?t.addEventListener(e,n,o):t.removeEventListener(e,n,o)}function Gs(t,e){if(t){var n=new Image;n.onload=function(){e&&e(n)},n.src=t}}function Zs(t){return t.dataset.original?t.dataset.original:"A"===t.parentNode.tagName?t.parentNode.getAttribute("href"):null}function Js(t,e,n){!function(t){var e=Ks,n=Xs;if(t.transition){var r=t.transition;delete t.transition,t[e]=r}if(t.transform){var o=t.transform;delete t.transform,t[n]=o}}(e);var r=t.style,o={};for(var i in e)n&&(o[i]=r[i]||""),r[i]=e[i];return o}var Ks="transition",Xs="transform",Ys="transform",Qs="transitionend";var tl=function(){},el={enableGrab:!0,preloadImage:!1,closeOnWindowResize:!0,transitionDuration:.4,transitionTimingFunction:"cubic-bezier(0.4, 0, 0, 1)",bgColor:"rgb(255, 255, 255)",bgOpacity:1,scaleBase:1,scaleExtra:.5,scrollThreshold:40,zIndex:998,customSize:null,onOpen:tl,onClose:tl,onGrab:tl,onMove:tl,onRelease:tl,onBeforeOpen:tl,onBeforeClose:tl,onBeforeGrab:tl,onBeforeRelease:tl,onImageLoading:tl,onImageLoaded:tl},nl={init:function(t){var e,n;e=this,n=t,Object.getOwnPropertyNames(Object.getPrototypeOf(e)).forEach((function(t){e[t]=e[t].bind(n)}))},click:function(t){if(t.preventDefault(),ol(t))return window.open(this.target.srcOriginal||t.currentTarget.src,"_blank");this.shown?this.released?this.close():this.release():this.open(t.currentTarget)},scroll:function(){var t=document.documentElement||document.body.parentNode||document.body,e=window.pageXOffset||t.scrollLeft,n=window.pageYOffset||t.scrollTop;null===this.lastScrollPosition&&(this.lastScrollPosition={x:e,y:n});var r=this.lastScrollPosition.x-e,o=this.lastScrollPosition.y-n,i=this.options.scrollThreshold;(Math.abs(o)>=i||Math.abs(r)>=i)&&(this.lastScrollPosition=null,this.close())},keydown:function(t){(function(t){return"Escape"===(t.key||t.code)||27===t.keyCode})(t)&&(this.released?this.close():this.release(this.close))},mousedown:function(t){if(rl(t)&&!ol(t)){t.preventDefault();var e=t.clientX,n=t.clientY;this.pressTimer=setTimeout(function(){this.grab(e,n)}.bind(this),200)}},mousemove:function(t){this.released||this.move(t.clientX,t.clientY)},mouseup:function(t){rl(t)&&!ol(t)&&(clearTimeout(this.pressTimer),this.released?this.close():this.release())},touchstart:function(t){t.preventDefault();var e=t.touches[0],n=e.clientX,r=e.clientY;this.pressTimer=setTimeout(function(){this.grab(n,r)}.bind(this),200)},touchmove:function(t){if(!this.released){var e=t.touches[0],n=e.clientX,r=e.clientY;this.move(n,r)}},touchend:function(t){(function(t){t.targetTouches.length})(t)||(clearTimeout(this.pressTimer),this.released?this.close():this.release())},clickOverlay:function(){this.close()},resizeWindow:function(){this.close()}};function rl(t){return 0===t.button}function ol(t){return t.metaKey||t.ctrlKey}var il={init:function(t){this.el=document.createElement("div"),this.instance=t,this.parent=document.body,Js(this.el,{position:"fixed",top:0,left:0,right:0,bottom:0,opacity:0}),this.updateStyle(t.options),Ws(this.el,"click",t.handler.clickOverlay.bind(t))},updateStyle:function(t){Js(this.el,{zIndex:t.zIndex,backgroundColor:t.bgColor,transition:"opacity\n        "+t.transitionDuration+"s\n        "+t.transitionTimingFunction})},insert:function(){this.parent.appendChild(this.el)},remove:function(){this.parent.removeChild(this.el)},fadeIn:function(){this.el.offsetWidth,this.el.style.opacity=this.instance.options.bgOpacity},fadeOut:function(){this.el.style.opacity=0}},al="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},sl=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),ll=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},cl={init:function(t,e){this.el=t,this.instance=e,this.srcThumbnail=this.el.getAttribute("src"),this.srcset=this.el.getAttribute("srcset"),this.srcOriginal=Zs(this.el),this.rect=this.el.getBoundingClientRect(),this.translate=null,this.scale=null,this.styleOpen=null,this.styleClose=null},zoomIn:function(){var t=this.instance.options,e=t.zIndex,n=t.enableGrab,r=t.transitionDuration,o=t.transitionTimingFunction;this.translate=this.calculateTranslate(),this.scale=this.calculateScale(),this.styleOpen={position:"relative",zIndex:e+1,cursor:n?Vs:qs,transition:Ys+"\n        "+r+"s\n        "+o,transform:"translate3d("+this.translate.x+"px, "+this.translate.y+"px, 0px)\n        scale("+this.scale.x+","+this.scale.y+")",height:this.rect.height+"px",width:this.rect.width+"px"},this.el.offsetWidth,this.styleClose=Js(this.el,this.styleOpen,!0)},zoomOut:function(){this.el.offsetWidth,Js(this.el,{transform:"none"})},grab:function(t,e,n){var r=ul(),o=r.x-t,i=r.y-e;Js(this.el,{cursor:Hs,transform:"translate3d(\n        "+(this.translate.x+o)+"px, "+(this.translate.y+i)+"px, 0px)\n        scale("+(this.scale.x+n)+","+(this.scale.y+n)+")"})},move:function(t,e,n){var r=ul(),o=r.x-t,i=r.y-e;Js(this.el,{transition:Ys,transform:"translate3d(\n        "+(this.translate.x+o)+"px, "+(this.translate.y+i)+"px, 0px)\n        scale("+(this.scale.x+n)+","+(this.scale.y+n)+")"})},restoreCloseStyle:function(){Js(this.el,this.styleClose)},restoreOpenStyle:function(){Js(this.el,this.styleOpen)},upgradeSource:function(){if(this.srcOriginal){var t=this.el.parentNode;this.srcset&&this.el.removeAttribute("srcset");var e=this.el.cloneNode(!1);e.setAttribute("src",this.srcOriginal),e.style.position="fixed",e.style.visibility="hidden",t.appendChild(e),setTimeout(function(){this.el.setAttribute("src",this.srcOriginal),t.removeChild(e)}.bind(this),50)}},downgradeSource:function(){this.srcOriginal&&(this.srcset&&this.el.setAttribute("srcset",this.srcset),this.el.setAttribute("src",this.srcThumbnail))},calculateTranslate:function(){var t=ul(),e=this.rect.left+this.rect.width/2,n=this.rect.top+this.rect.height/2;return{x:t.x-e,y:t.y-n}},calculateScale:function(){var t=this.el.dataset,e=t.zoomingHeight,n=t.zoomingWidth,r=this.instance.options,o=r.customSize,i=r.scaleBase;if(!o&&e&&n)return{x:n/this.rect.width,y:e/this.rect.height};if(o&&"object"===(void 0===o?"undefined":al(o)))return{x:o.width/this.rect.width,y:o.height/this.rect.height};var a=this.rect.width/2,s=this.rect.height/2,l=ul(),c={x:l.x-a,y:l.y-s},u=c.x/a,p=c.y/s,f=i+Math.min(u,p);if(o&&"string"==typeof o){var d=n||this.el.naturalWidth,h=e||this.el.naturalHeight,v=parseFloat(o)*d/(100*this.rect.width),g=parseFloat(o)*h/(100*this.rect.height);if(f>v||f>g)return{x:v,y:g}}return{x:f,y:f}}};function ul(){var t=document.documentElement;return{x:Math.min(t.clientWidth,window.innerWidth)/2,y:Math.min(t.clientHeight,window.innerHeight)/2}}function pl(t,e,n){["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"].forEach((function(r){Ws(t,r,e[r],n)}))}var fl=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.target=Object.create(cl),this.overlay=Object.create(il),this.handler=Object.create(nl),this.body=document.body,this.shown=!1,this.lock=!1,this.released=!0,this.lastScrollPosition=null,this.pressTimer=null,this.options=ll({},el,e),this.overlay.init(this),this.handler.init(this)}return sl(t,[{key:"listen",value:function(t){if("string"==typeof t)for(var e=document.querySelectorAll(t),n=e.length;n--;)this.listen(e[n]);else"IMG"===t.tagName&&(t.style.cursor=Fs,Ws(t,"click",this.handler.click),this.options.preloadImage&&Gs(Zs(t)));return this}},{key:"config",value:function(t){return t?(ll(this.options,t),this.overlay.updateStyle(this.options),this):this.options}},{key:"open",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.options.onOpen;if(!this.shown&&!this.lock){var r="string"==typeof t?document.querySelector(t):t;if("IMG"===r.tagName){if(this.options.onBeforeOpen(r),this.target.init(r,this),!this.options.preloadImage){var o=this.target.srcOriginal;null!=o&&(this.options.onImageLoading(r),Gs(o,this.options.onImageLoaded))}this.shown=!0,this.lock=!0,this.target.zoomIn(),this.overlay.insert(),this.overlay.fadeIn(),Ws(document,"scroll",this.handler.scroll),Ws(document,"keydown",this.handler.keydown),this.options.closeOnWindowResize&&Ws(window,"resize",this.handler.resizeWindow);var i=function t(){Ws(r,Qs,t,!1),e.lock=!1,e.target.upgradeSource(),e.options.enableGrab&&pl(document,e.handler,!0),n(r)};return Ws(r,Qs,i),this}}}},{key:"close",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onClose;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeClose(n),this.lock=!0,this.body.style.cursor=Ns,this.overlay.fadeOut(),this.target.zoomOut(),Ws(document,"scroll",this.handler.scroll,!1),Ws(document,"keydown",this.handler.keydown,!1),this.options.closeOnWindowResize&&Ws(window,"resize",this.handler.resizeWindow,!1);var r=function r(){Ws(n,Qs,r,!1),t.shown=!1,t.lock=!1,t.target.downgradeSource(),t.options.enableGrab&&pl(document,t.handler,!1),t.target.restoreCloseStyle(),t.overlay.remove(),e(n)};return Ws(n,Qs,r),this}}},{key:"grab",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onGrab;if(this.shown&&!this.lock){var o=this.target.el;this.options.onBeforeGrab(o),this.released=!1,this.target.grab(t,e,n);var i=function t(){Ws(o,Qs,t,!1),r(o)};return Ws(o,Qs,i),this}}},{key:"move",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onMove;if(this.shown&&!this.lock){this.released=!1,this.body.style.cursor=Hs,this.target.move(t,e,n);var o=this.target.el,i=function t(){Ws(o,Qs,t,!1),r(o)};return Ws(o,Qs,i),this}}},{key:"release",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onRelease;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeRelease(n),this.lock=!0,this.body.style.cursor=Ns,this.target.restoreOpenStyle();var r=function r(){Ws(n,Qs,r,!1),t.lock=!1,t.released=!0,e(n)};return Ws(n,Qs,r),this}}}]),t}();const dl=JSON.parse('{"bgColor":"rgba(0,0,0,0.6)"}'),hl=Number("500");class vl{constructor(){this.instance=new fl(dl)}update(t=".theme-vdoing-content img:not(.no-zoom)"){"undefined"!=typeof window&&this.instance.listen(t)}updateDelay(t=".theme-vdoing-content img:not(.no-zoom)",e=hl){setTimeout(()=>this.update(t),e)}}var gl=[ms,ks,Ss,js,zs,{watch:{"$page.path"(){void 0!==this.$vuepress.zooming&&this.$vuepress.zooming.updateDelay()}},mounted(){this.$vuepress.zooming=new vl,this.$vuepress.zooming.updateDelay()}}],ml={name:"GlobalLayout",computed:{layout(){const t=this.getLayout();return fs("layout",t),Gn.component(t)}},methods:{getLayout(){if(this.$page.path){const t=this.$page.frontmatter.layout;return t&&(this.$vuepress.getLayoutAsyncComponent(t)||this.$vuepress.getVueComponent(t))?t:"Layout"}return"NotFound"}}},yl=n(7),bl=Object(yl.a)(ml,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(t,e,n){switch(e){case"components":t[e]||(t[e]={}),Object.assign(t[e],n);break;case"mixins":t[e]||(t[e]=[]),t[e].push(...n);break;default:throw new Error("Unknown option name.")}}(bl,"mixins",gl);const _l=[{name:"v-1aa3cf08",path:"/pages/introduction/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-1aa3cf08").then(n)}},{path:"/pages/introduction/index.html",redirect:"/pages/introduction/"},{path:"/01.指南/01.指南/01.介绍.html",redirect:"/pages/introduction/"},{name:"v-a179921e",path:"/pages/start/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-a179921e").then(n)}},{path:"/pages/start/index.html",redirect:"/pages/start/"},{path:"/01.指南/01.指南/02.快速开始.html",redirect:"/pages/start/"},{name:"v-044dc18f",path:"/pages/vscode/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-044dc18f").then(n)}},{path:"/pages/vscode/index.html",redirect:"/pages/vscode/"},{path:"/01.指南/01.指南/04.vscode文件夹详解.html",redirect:"/pages/vscode/"},{name:"v-3b435cb1",path:"/pages/directory/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-3b435cb1").then(n)}},{path:"/pages/directory/index.html",redirect:"/pages/directory/"},{path:"/01.指南/01.指南/03.目录结构.html",redirect:"/pages/directory/"},{name:"v-75b687e4",path:"/pages/layout/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-75b687e4").then(n)}},{path:"/pages/layout/index.html",redirect:"/pages/layout/"},{path:"/01.指南/01.指南/06.布局.html",redirect:"/pages/layout/"},{name:"v-4a80159c",path:"/pages/config/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-4a80159c").then(n)}},{path:"/pages/config/index.html",redirect:"/pages/config/"},{path:"/01.指南/01.指南/05.平台配置.html",redirect:"/pages/config/"},{name:"v-5cf95e4e",path:"/pages/routerMenu/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-5cf95e4e").then(n)}},{path:"/pages/routerMenu/index.html",redirect:"/pages/routerMenu/"},{path:"/01.指南/01.指南/07.路由和菜单.html",redirect:"/pages/routerMenu/"},{name:"v-0d6ce17d",path:"/pages/request/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-0d6ce17d").then(n)}},{path:"/pages/request/index.html",redirect:"/pages/request/"},{path:"/01.指南/01.指南/08.http请求.html",redirect:"/pages/request/"},{name:"v-05c3bd2a",path:"/pages/build/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-05c3bd2a").then(n)}},{path:"/pages/build/index.html",redirect:"/pages/build/"},{path:"/01.指南/01.指南/09.打包和部署.html",redirect:"/pages/build/"},{name:"v-f9c4c998",path:"/pages/icon/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-f9c4c998").then(n)}},{path:"/pages/icon/index.html",redirect:"/pages/icon/"},{path:"/01.指南/02.进阶/01.图标.html",redirect:"/pages/icon/"},{name:"v-6322ba2b",path:"/pages/theme/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-6322ba2b").then(n)}},{path:"/pages/theme/index.html",redirect:"/pages/theme/"},{path:"/01.指南/02.进阶/02.主题和暗黑模式.html",redirect:"/pages/theme/"},{name:"v-132ce9ae",path:"/pages/i18n/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-132ce9ae").then(n)}},{path:"/pages/i18n/index.html",redirect:"/pages/i18n/"},{path:"/01.指南/02.进阶/03.国际化.html",redirect:"/pages/i18n/"},{name:"v-688f3a05",path:"/pages/tailwindcss/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-688f3a05").then(n)}},{path:"/pages/tailwindcss/index.html",redirect:"/pages/tailwindcss/"},{path:"/01.指南/02.进阶/04.Tailwind CSS.html",redirect:"/pages/tailwindcss/"},{name:"v-6023e725",path:"/pages/RBAC/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-6023e725").then(n)}},{path:"/pages/RBAC/index.html",redirect:"/pages/RBAC/"},{path:"/01.指南/02.进阶/05.RBAC权限.html",redirect:"/pages/RBAC/"},{name:"v-073c0739",path:"/pages/sso/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-073c0739").then(n)}},{path:"/pages/sso/index.html",redirect:"/pages/sso/"},{path:"/01.指南/02.进阶/07.单点登录.html",redirect:"/pages/sso/"},{name:"v-93b1af9c",path:"/pages/typescript/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-93b1af9c").then(n)}},{path:"/pages/typescript/index.html",redirect:"/pages/typescript/"},{path:"/01.指南/02.进阶/06.类型声明.html",redirect:"/pages/typescript/"},{name:"v-63b133f2",path:"/pages/nologin/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-63b133f2").then(n)}},{path:"/pages/nologin/index.html",redirect:"/pages/nologin/"},{path:"/01.指南/02.进阶/08.自定义免登录.html",redirect:"/pages/nologin/"},{name:"v-f979d74c",path:"/pages/optimize/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-f979d74c").then(n)}},{path:"/pages/optimize/index.html",redirect:"/pages/optimize/"},{path:"/01.指南/02.进阶/10.vite预构建.html",redirect:"/pages/optimize/"},{name:"v-7cee7f05",path:"/pages/buildgood/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-7cee7f05").then(n)}},{path:"/pages/buildgood/index.html",redirect:"/pages/buildgood/"},{path:"/01.指南/02.进阶/09.打包优化.html",redirect:"/pages/buildgood/"},{name:"v-1df20381",path:"/pages/opensource/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-1df20381").then(n)}},{path:"/pages/opensource/index.html",redirect:"/pages/opensource/"},{path:"/01.指南/03.生态/01.对接平台的前后端项目.html",redirect:"/pages/opensource/"},{name:"v-549efc65",path:"/pages/utils/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-549efc65").then(n)}},{path:"/pages/utils/index.html",redirect:"/pages/utils/"},{path:"/01.指南/03.生态/02.函数工具库.html",redirect:"/pages/utils/"},{name:"v-11edc25c",path:"/pages/components/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-11edc25c").then(n)}},{path:"/pages/components/index.html",redirect:"/pages/components/"},{path:"/01.指南/03.生态/03.组件库.html",redirect:"/pages/components/"},{name:"v-05d8d6e9",path:"/pages/viteplugin/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-05d8d6e9").then(n)}},{path:"/pages/viteplugin/index.html",redirect:"/pages/viteplugin/"},{path:"/01.指南/03.生态/04.vite插件.html",redirect:"/pages/viteplugin/"},{name:"v-04690f78",path:"/pages/FAQ/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-04690f78").then(n)}},{path:"/pages/FAQ/index.html",redirect:"/pages/FAQ/"},{path:"/01.指南/04.其他/01.常见问题.html",redirect:"/pages/FAQ/"},{name:"v-ab707a5e",path:"/pages/track/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-ab707a5e").then(n)}},{path:"/pages/track/index.html",redirect:"/pages/track/"},{path:"/01.指南/04.其他/02.非平台问题跟踪记录.html",redirect:"/pages/track/"},{name:"v-64c22648",path:"/pages/git/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-64c22648").then(n)}},{path:"/pages/git/index.html",redirect:"/pages/git/"},{path:"/01.指南/04.其他/04.git常用命令.html",redirect:"/pages/git/"},{name:"v-65003178",path:"/pages/recommendation/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-65003178").then(n)}},{path:"/pages/recommendation/index.html",redirect:"/pages/recommendation/"},{path:"/01.指南/04.其他/05.优秀网站推荐.html",redirect:"/pages/recommendation/"},{name:"v-0670206f",path:"/pages/service/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-0670206f").then(n)}},{path:"/pages/service/index.html",redirect:"/pages/service/"},{path:"/02.优质服务/01.优质服务.html",redirect:"/pages/service/"},{name:"v-76995abd",path:"/pages/js/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-76995abd").then(n)}},{path:"/pages/js/index.html",redirect:"/pages/js/"},{path:"/03.JS版本/01.JS版本.html",redirect:"/pages/js/"},{name:"v-53cdbc15",path:"/pages/sponsor/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-53cdbc15").then(n)}},{path:"/pages/sponsor/index.html",redirect:"/pages/sponsor/"},{path:"/05.赞助/01.赞助.html",redirect:"/pages/sponsor/"},{name:"v-59680145",path:"/pages/max/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-59680145").then(n)}},{path:"/pages/max/index.html",redirect:"/pages/max/"},{path:"/04.Max版本/01.Max版本.html",redirect:"/pages/max/"},{name:"v-6f67f025",path:"/archives/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-6f67f025").then(n)}},{path:"/archives/index.html",redirect:"/archives/"},{path:"/@pages/archivesPage.html",redirect:"/archives/"},{name:"v-24424384",path:"/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-24424384").then(n)}},{path:"/index.html",redirect:"/"},{path:"*",component:bl}],xl={title:"Pure Admin 保姆级文档",description:"一款开源完全免费且开箱即用的中后台管理系统模版",base:"/",headTags:[["link",{rel:"icon",href:"/img/favicon.ico"}],["link",{rel:"stylesheet",href:"/iconfont/iconfont.css"}],["meta",{name:"keywords",content:"vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs"}],["meta",{name:"theme-color",content:"#11a8cd"}]],pages:[{title:"介绍",frontmatter:{title:"介绍",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/introduction",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/01.%E4%BB%8B%E7%BB%8D.html",relativePath:"01.指南/01.指南/01.介绍.md",key:"v-1aa3cf08",path:"/pages/introduction/",headers:[{level:2,title:"在线预览",slug:"在线预览"},{level:2,title:"完整版本",slug:"完整版本"},{level:2,title:"精简版本（提供国际化和非国际化两个版本）",slug:"精简版本-提供国际化和非国际化两个版本"},{level:2,title:"js 版本",slug:"js-版本"},{level:2,title:"vue-pure-admin-max 版本",slug:"vue-pure-admin-max-版本"},{level:2,title:"微前端版本",slug:"微前端版本"},{level:2,title:"Nodejs 后端",slug:"nodejs-后端"},{level:2,title:"Tauri 版本",slug:"tauri-版本"},{level:2,title:"Electron 版本",slug:"electron-版本"},{level:2,title:"配套视频",slug:"配套视频"},{level:2,title:"浏览器支持",slug:"浏览器支持"},{level:2,title:"维护者",slug:"维护者"},{level:2,title:"问题反馈",slug:"问题反馈"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"快速开始",frontmatter:{title:"快速开始",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/start",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/02.%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B.html",relativePath:"01.指南/01.指南/02.快速开始.md",key:"v-a179921e",path:"/pages/start/",headers:[{level:2,title:"开发环境",slug:"开发环境"},{level:2,title:"IDE",slug:"ide"},{level:2,title:"拉取代码",slug:"拉取代码"},{level:3,title:"推荐使用 @pureadmin/cli 脚手架",slug:"推荐使用-pureadmin-cli-脚手架"},{level:3,title:"从 GitHub 上拉取",slug:"从-github-上拉取"},{level:4,title:"完整版前端代码",slug:"完整版前端代码"},{level:4,title:"国际化精简版前端代码",slug:"国际化精简版前端代码"},{level:4,title:"非国际化精简版前端代码",slug:"非国际化精简版前端代码"},{level:4,title:"tauri 版本前端代码",slug:"tauri-版本前端代码"},{level:4,title:"electron 版本前端代码",slug:"electron-版本前端代码"},{level:4,title:"后端代码（node 版本）",slug:"后端代码-node-版本"},{level:3,title:"从 Gitee 上拉取",slug:"从-gitee-上拉取"},{level:4,title:"完整版前端代码",slug:"完整版前端代码-2"},{level:4,title:"国际化精简版前端代码",slug:"国际化精简版前端代码-2"},{level:4,title:"非国际化精简版前端代码",slug:"非国际化精简版前端代码-2"},{level:4,title:"tauri 版本前端代码",slug:"tauri-版本前端代码-2"},{level:4,title:"electron 版本前端代码",slug:"electron-版本前端代码-2"},{level:4,title:"后端代码（node 版本）",slug:"后端代码-node-版本-2"},{level:2,title:"本地开发",slug:"本地开发"},{level:4,title:"安装依赖",slug:"安装依赖"},{level:4,title:"启动平台",slug:"启动平台"},{level:4,title:"项目打包",slug:"项目打包"},{level:4,title:"安装一个包",slug:"安装一个包"},{level:4,title:"卸载一个包",slug:"卸载一个包"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:".vscode文件夹详解",frontmatter:{title:".vscode文件夹详解",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/vscode/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/04.vscode%E6%96%87%E4%BB%B6%E5%A4%B9%E8%AF%A6%E8%A7%A3.html",relativePath:"01.指南/01.指南/04.vscode文件夹详解.md",key:"v-044dc18f",path:"/pages/vscode/",headers:[{level:2,title:"extensions.json",slug:"extensions-json"},{level:2,title:"settings.json",slug:"settings-json"},{level:2,title:"vue3.0.code-snippets",slug:"vue3-0-code-snippets"},{level:2,title:"vue3.2.code-snippets",slug:"vue3-2-code-snippets"},{level:2,title:"vue3.3.code-snippets",slug:"vue3-3-code-snippets"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"目录结构",frontmatter:{title:"目录结构",article:!1,date:"2022-12-03T00:00:00.000Z",permalink:"/pages/directory",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/03.%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84.html",relativePath:"01.指南/01.指南/03.目录结构.md",key:"v-3b435cb1",path:"/pages/directory/",lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"布局",frontmatter:{title:"布局",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/layout/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/06.%E5%B8%83%E5%B1%80.html",relativePath:"01.指南/01.指南/06.布局.md",key:"v-75b687e4",path:"/pages/layout/",headers:[{level:2,title:"左侧菜单模式",slug:"左侧菜单模式"},{level:2,title:"顶部菜单模式",slug:"顶部菜单模式"},{level:2,title:"混合菜单模式",slug:"混合菜单模式"},{level:2,title:"双栏菜单模式",slug:"双栏菜单模式"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"平台配置",frontmatter:{title:"平台配置",article:!1,date:"2022-11-17T00:00:00.000Z",permalink:"/pages/config/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/05.%E5%B9%B3%E5%8F%B0%E9%85%8D%E7%BD%AE.html",relativePath:"01.指南/01.指南/05.平台配置.md",key:"v-4a80159c",path:"/pages/config/",headers:[{level:2,title:"logo",slug:"logo"},{level:2,title:"环境变量",slug:"环境变量"},{level:3,title:"配置文件",slug:"配置文件"},{level:3,title:"具体配置",slug:"具体配置"},{level:3,title:"基础用法",slug:"基础用法"},{level:3,title:"如何添加自定义配置",slug:"如何添加自定义配置"},{level:2,title:"platform-config.json",slug:"platform-config-json"},{level:3,title:"基础用法",slug:"基础用法-2"},{level:4,title:".vue 文件中使用（setup 语法）",slug:"vue-文件中使用-setup-语法"},{level:4,title:".vue 文件中使用（非 setup 语法）",slug:"vue-文件中使用-非-setup-语法"},{level:4,title:".ts 或 .vue 中使用",slug:"ts-或-vue-中使用"},{level:3,title:"如何添加自定义配置",slug:"如何添加自定义配置-2"},{level:2,title:"package.json",slug:"package-json"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"路由和菜单",frontmatter:{title:"路由和菜单",article:!1,date:"2022-12-07T00:00:00.000Z",permalink:"/pages/routerMenu/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/07.%E8%B7%AF%E7%94%B1%E5%92%8C%E8%8F%9C%E5%8D%95.html",relativePath:"01.指南/01.指南/07.路由和菜单.md",key:"v-5cf95e4e",path:"/pages/routerMenu/",headers:[{level:2,title:"路由和菜单配置",slug:"路由和菜单配置"},{level:2,title:"静态路由",slug:"静态路由"},{level:3,title:"如何生成一级菜单",slug:"如何生成一级菜单"},{level:3,title:"如何生成二级菜单（两种模式）",slug:"如何生成二级菜单-两种模式"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况"},{level:3,title:"如何生成三级菜单（两种模式）",slug:"如何生成三级菜单-两种模式"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-2"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-2"},{level:3,title:"如何生成四级菜单（两种模式）",slug:"如何生成四级菜单-两种模式"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-3"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-3"},{level:3,title:"注意点",slug:"注意点"},{level:4,title:"国际化",slug:"国际化"},{level:4,title:"重定向",slug:"重定向"},{level:4,title:"类型提示",slug:"类型提示"},{level:4,title:"添加无 layout 的页面",slug:"添加无-layout-的页面"},{level:4,title:"禁止修改或删除的路由",slug:"禁止修改或删除的路由"},{level:3,title:"如何只要静态路由",slug:"如何只要静态路由"},{level:2,title:"动态路由",slug:"动态路由"},{level:3,title:"如何生成一级菜单",slug:"如何生成一级菜单-2"},{level:4,title:"只传 path 模式",slug:"只传-path-模式"},{level:4,title:"传 path 和 component 模式",slug:"传-path-和-component-模式"},{level:3,title:"如何生成二级菜单（两种模式）",slug:"如何生成二级菜单-两种模式-2"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-4"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-4"},{level:3,title:"如何生成三级菜单（两种模式）",slug:"如何生成三级菜单-两种模式-2"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-5"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-5"},{level:3,title:"如何生成四级菜单（两种模式）",slug:"如何生成四级菜单-两种模式-2"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-6"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-6"},{level:3,title:"注意点",slug:"注意点-2"},{level:4,title:"动态路由缓存本地",slug:"动态路由缓存本地"},{level:4,title:"国际化",slug:"国际化-2"},{level:4,title:"重定向",slug:"重定向-2"},{level:4,title:"重置路由",slug:"重置路由"},{level:5,title:"常用场景",slug:"常用场景"},{level:5,title:"基础用法",slug:"基础用法"},{level:5,title:"具体实现代码",slug:"具体实现代码"},{level:2,title:"静态路由、动态路由相同的配置",slug:"静态路由、动态路由相同的配置"},{level:3,title:"内嵌 iframe 和外链",slug:"内嵌-iframe-和外链"},{level:3,title:"菜单排序 rank",slug:"菜单排序-rank"},{level:3,title:"菜单图标 icon",slug:"菜单图标-icon"},{level:3,title:"路由页面缓存 keepAlive",slug:"路由页面缓存-keepalive"},{level:3,title:"页面进场、离场动画定制化 transition",slug:"页面进场、离场动画定制化-transition"},{level:3,title:"页面和按钮级别权限设置",slug:"页面和按钮级别权限设置"},{level:2,title:"常见疑问",slug:"常见疑问"},{level:3,title:"为什么路由的 name 必写，而且必须唯一",slug:"为什么路由的-name-必写-而且必须唯一"},{level:3,title:"为什么路由的 name 需和页面的 name 保持一致？",slug:"为什么路由的-name-需和页面的-name-保持一致"},{level:2,title:"更多路由跳转示例代码",slug:"更多路由跳转示例代码"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"http请求",frontmatter:{title:"http请求",article:!1,date:"2022-11-10T00:00:00.000Z",permalink:"/pages/request/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/08.http%E8%AF%B7%E6%B1%82.html",relativePath:"01.指南/01.指南/08.http请求.md",key:"v-0d6ce17d",path:"/pages/request/",headers:[{level:2,title:"Mock",slug:"mock"},{level:3,title:"基础用法",slug:"基础用法"},{level:3,title:"如何快速删除 mock",slug:"如何快速删除-mock"},{level:2,title:"Axios",slug:"axios"},{level:4,title:"中文文档",slug:"中文文档"},{level:4,title:"基本请求方式",slug:"基本请求方式"},{level:5,title:"get 请求",slug:"get-请求"},{level:5,title:"post 请求",slug:"post-请求"},{level:5,title:"delete 请求",slug:"delete-请求"},{level:5,title:"put 请求",slug:"put-请求"},{level:5,title:"http.request 传参解析",slug:"http-request-传参解析"},{level:4,title:"如何与后台联调",slug:"如何与后台联调"},{level:5,title:"跨域与解决办法",slug:"跨域与解决办法"},{level:6,title:"什么是跨域",slug:"什么是跨域"},{level:6,title:"解决办法",slug:"解决办法"},{level:5,title:"多个后端地址如何联调",slug:"多个后端地址如何联调"},{level:4,title:"如何声明接口返回值类型",slug:"如何声明接口返回值类型"},{level:4,title:"平台封装的请求可以设置额外的 axios 配置吗",slug:"平台封装的请求可以设置额外的-axios-配置吗"},{level:4,title:"JWT Token（内置无感刷新 token 解决方案）",slug:"jwt-token-内置无感刷新-token-解决方案"},{level:5,title:"信息存储",slug:"信息存储"},{level:5,title:"细节处理",slug:"细节处理"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"打包和部署",frontmatter:{title:"打包和部署",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/build/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/09.%E6%89%93%E5%8C%85%E5%92%8C%E9%83%A8%E7%BD%B2.html",relativePath:"01.指南/01.指南/09.打包和部署.md",key:"v-05c3bd2a",path:"/pages/build/",headers:[{level:3,title:"本地环境打包预览",slug:"本地环境打包预览"},{level:3,title:"预发布打包",slug:"预发布打包"},{level:3,title:"正式环境打包",slug:"正式环境打包"},{level:3,title:"打包分析",slug:"打包分析"},{level:3,title:"平台文件、语言分析",slug:"平台文件、语言分析"},{level:2,title:"部署",slug:"部署"},{level:3,title:"nginx",slug:"nginx"},{level:4,title:"打包",slug:"打包"},{level:4,title:"nginx 配置",slug:"nginx-配置"},{level:4,title:"开启 gzip、brotli 压缩",slug:"开启-gzip、brotli-压缩"},{level:4,title:"nginx 常用命令",slug:"nginx-常用命令"},{level:5,title:"启动 nginx",slug:"启动-nginx"},{level:5,title:"重启 nginx",slug:"重启-nginx"},{level:5,title:"停止运行 nginx",slug:"停止运行-nginx"},{level:5,title:"判断 nginx.config 配置文件语法是否正确",slug:"判断-nginx-config-配置文件语法是否正确"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"图标",frontmatter:{title:"图标",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/icon/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/01.%E5%9B%BE%E6%A0%87.html",relativePath:"01.指南/02.进阶/01.图标.md",key:"v-f9c4c998",path:"/pages/icon/",headers:[{level:2,title:"iconify",slug:"iconify"},{level:2,title:"本地图标",slug:"本地图标"},{level:3,title:"iconfont 的引入",slug:"iconfont-的引入"},{level:4,title:"存放目录",slug:"存放目录"},{level:4,title:"如何导入",slug:"如何导入"},{level:4,title:"组件使用",slug:"组件使用"},{level:3,title:"svg 的引入",slug:"svg-的引入"},{level:4,title:"存放目录",slug:"存放目录-2"},{level:4,title:"基础用法",slug:"基础用法"},{level:3,title:"iconify 相关图标的引入",slug:"iconify-相关图标的引入"},{level:4,title:"分为两个步骤",slug:"分为两个步骤"},{level:5,title:"安装本地依赖图标包",slug:"安装本地依赖图标包"},{level:4,title:"基础用法",slug:"基础用法-2"},{level:4,title:"如何找到更多的图标集",slug:"如何找到更多的图标集"},{level:2,title:"在线图标",slug:"在线图标"},{level:3,title:"基础用法",slug:"基础用法-3"},{level:2,title:"离线图标",slug:"离线图标"},{level:2,title:"通用图标 useRenderIcon (hooks)",slug:"通用图标-userendericon-hooks"},{level:3,title:"参数",slug:"参数"},{level:3,title:"基础用法",slug:"基础用法-4"},{level:3,title:"类型",slug:"类型"},{level:2,title:"导航菜单的 icon 如何配置",slug:"导航菜单的-icon-如何配置"},{level:3,title:"svg",slug:"svg"},{level:3,title:"iconfont",slug:"iconfont"},{level:3,title:"本地图标",slug:"本地图标-2"},{level:3,title:"在线图标",slug:"在线图标-2"},{level:2,title:"图标插件",slug:"图标插件"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"主题和暗黑模式",frontmatter:{title:"主题和暗黑模式",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/theme/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/02.%E4%B8%BB%E9%A2%98%E5%92%8C%E6%9A%97%E9%BB%91%E6%A8%A1%E5%BC%8F.html",relativePath:"01.指南/02.进阶/02.主题和暗黑模式.md",key:"v-6322ba2b",path:"/pages/theme/",headers:[{level:2,title:"内置主题",slug:"内置主题"},{level:2,title:"自定义主题",slug:"自定义主题"},{level:3,title:"添加自定义主题",slug:"添加自定义主题"},{level:3,title:"字段解析",slug:"字段解析"},{level:2,title:"element-plus 主题色",slug:"element-plus-主题色"},{level:2,title:"暗黑模式",slug:"暗黑模式"},{level:3,title:"页面如何打开暗黑模式",slug:"页面如何打开暗黑模式"},{level:3,title:"具体实现",slug:"具体实现"},{level:3,title:"样式兼容",slug:"样式兼容"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"国际化",frontmatter:{title:"国际化",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/i18n/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/03.%E5%9B%BD%E9%99%85%E5%8C%96.html",relativePath:"01.指南/02.进阶/03.国际化.md",key:"v-132ce9ae",path:"/pages/i18n/",headers:[{level:2,title:"vscode 插件",slug:"vscode-插件"},{level:2,title:"注入国际化",slug:"注入国际化"},{level:2,title:"基础用法",slug:"基础用法"},{level:3,title:".vue 文件中使用",slug:"vue-文件中使用"},{level:3,title:".ts 文件中使用",slug:"ts-文件中使用"},{level:2,title:"平台提供的 $t",slug:"平台提供的-t"},{level:3,title:".vue 文件中使用",slug:"vue-文件中使用-2"},{level:3,title:".ts 文件中使用",slug:"ts-文件中使用-2"},{level:2,title:"当前的国际化环境",slug:"当前的国际化环境"},{level:3,title:".vue 文件中使用",slug:"vue-文件中使用-3"},{level:3,title:".ts 文件中使用",slug:"ts-文件中使用-3"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"Tailwind CSS",frontmatter:{title:"Tailwind CSS",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/tailwindcss/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/04.Tailwind%20CSS.html",relativePath:"01.指南/02.进阶/04.Tailwind CSS.md",key:"v-688f3a05",path:"/pages/tailwindcss/",headers:[{level:2,title:"Tailwind CSS 的 vscode 插件",slug:"tailwind-css-的-vscode-插件"},{level:2,title:"Tailwind CSS 文档",slug:"tailwind-css-文档"},{level:2,title:"Tailwind CSS 使用技巧",slug:"tailwind-css-使用技巧"},{level:3,title:"1. 自定义属性值",slug:"_1-自定义属性值"},{level:3,title:"2. !important 权重，这里我们分为 三 步走",slug:"_2-important-权重-这里我们分为-三-步走"},{level:4,title:"2-1. 单个实用程序类加 !important",slug:"_2-1-单个实用程序类加-important"},{level:4,title:"2-2. ! 总是在实用程序名称的开头，在任何变体之后，但在任何前缀之前",slug:"_2-2-总是在实用程序名称的开头-在任何变体之后-但在任何前缀之前"},{level:4,title:"2-3. 全局配置!important",slug:"_2-3-全局配置-important"},{level:3,title:"3. 悬停、焦点和其他状态",slug:"_3-悬停、焦点和其他状态"},{level:3,title:"4. 响应式设计",slug:"_4-响应式设计"},{level:3,title:"5. 暗黑模式",slug:"_5-暗黑模式"},{level:3,title:"5. 重用样式",slug:"_5-重用样式"},{level:3,title:"6. 定制化 Tailwind CSS",slug:"_6-定制化-tailwind-css"},{level:2,title:"CSSNANO",slug:"cssnano"},{level:2,title:"Autoprefixer",slug:"autoprefixer"},{level:2,title:"PostCSS",slug:"postcss"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"RBAC权限",frontmatter:{title:"RBAC权限",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/RBAC/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/05.RBAC%E6%9D%83%E9%99%90.html",relativePath:"01.指南/02.进阶/05.RBAC权限.md",key:"v-6023e725",path:"/pages/RBAC/",headers:[{level:2,title:"用户",slug:"用户"},{level:2,title:"角色",slug:"角色"},{level:2,title:"权限",slug:"权限"},{level:3,title:"粗粒度权限",slug:"粗粒度权限"},{level:4,title:"菜单权限",slug:"菜单权限"},{level:5,title:"实现原理、代码",slug:"实现原理、代码"},{level:5,title:"如何配置",slug:"如何配置"},{level:4,title:"url 链接权限",slug:"url-链接权限"},{level:5,title:"实现原理、代码",slug:"实现原理、代码-2"},{level:5,title:"如何配置",slug:"如何配置-2"},{level:4,title:"按钮、组件、类方法权限",slug:"按钮、组件、类方法权限"},{level:5,title:"第一种模式，路由返回按钮级别权限",slug:"第一种模式-路由返回按钮级别权限"},{level:6,title:"组件方式判断权限",slug:"组件方式判断权限"},{level:6,title:"函数方式判断权限",slug:"函数方式判断权限"},{level:6,title:"指令方式判断权限",slug:"指令方式判断权限"},{level:5,title:"第二种模式，登录接口返回按钮级别权限",slug:"第二种模式-登录接口返回按钮级别权限"},{level:6,title:"组件方式判断权限",slug:"组件方式判断权限-2"},{level:6,title:"函数方式判断权限",slug:"函数方式判断权限-2"},{level:6,title:"指令方式判断权限",slug:"指令方式判断权限-2"},{level:3,title:"细粒度权限",slug:"细粒度权限"},{level:4,title:"数据权限",slug:"数据权限"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"单点登录",frontmatter:{title:"单点登录",article:!1,date:"2022-12-01T00:00:00.000Z",permalink:"/pages/sso/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/07.%E5%8D%95%E7%82%B9%E7%99%BB%E5%BD%95.html",relativePath:"01.指南/02.进阶/07.单点登录.md",key:"v-073c0739",path:"/pages/sso/",headers:[{level:2,title:"单点登录",slug:"单点登录"},{level:3,title:"前端实现步骤划分",slug:"前端实现步骤划分"},{level:3,title:"完整代码",slug:"完整代码"},{level:3,title:"url 格式",slug:"url-格式"},{level:3,title:"测试地址",slug:"测试地址"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"类型声明",frontmatter:{title:"类型声明",article:!1,date:"2022-12-01T00:00:00.000Z",permalink:"/pages/typescript/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/06.%E7%B1%BB%E5%9E%8B%E5%A3%B0%E6%98%8E.html",relativePath:"01.指南/02.进阶/06.类型声明.md",key:"v-93b1af9c",path:"/pages/typescript/",headers:[{level:2,title:"全局类型声明",slug:"全局类型声明"},{level:2,title:"types/shims-tsx.d.ts",slug:"types-shims-tsx-d-ts"},{level:2,title:"types/shims-vue.d.ts",slug:"types-shims-vue-d-ts"},{level:2,title:"全局导入的组件如何获取类型提示",slug:"全局导入的组件如何获取类型提示"},{level:3,title:"从 npm 下载的组件库或者第三方库",slug:"从-npm-下载的组件库或者第三方库"},{level:3,title:"平台内自定义的全局组件",slug:"平台内自定义的全局组件"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"自定义免登录",frontmatter:{title:"自定义免登录",article:!1,date:"2023-10-09T00:00:00.000Z",permalink:"/pages/nologin/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/08.%E8%87%AA%E5%AE%9A%E4%B9%89%E5%85%8D%E7%99%BB%E5%BD%95.html",relativePath:"01.指南/02.进阶/08.自定义免登录.md",key:"v-63b133f2",path:"/pages/nologin/",headers:[{level:2,title:"优点",slug:"优点"},{level:2,title:"如何操作",slug:"如何操作"},{level:2,title:"具体实现",slug:"具体实现"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"vite预构建",frontmatter:{title:"vite预构建",article:!1,date:"2022-12-01T00:00:00.000Z",permalink:"/pages/optimize/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/10.vite%E9%A2%84%E6%9E%84%E5%BB%BA.html",relativePath:"01.指南/02.进阶/10.vite预构建.md",key:"v-f979d74c",path:"/pages/optimize/",headers:[{level:2,title:"include",slug:"include"},{level:2,title:"exclude",slug:"exclude"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"打包优化",frontmatter:{title:"打包优化",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/buildgood/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/09.%E6%89%93%E5%8C%85%E4%BC%98%E5%8C%96.html",relativePath:"01.指南/02.进阶/09.打包优化.md",key:"v-7cee7f05",path:"/pages/buildgood/",headers:[{level:2,title:"vite 自身的构建优化",slug:"vite-自身的构建优化"},{level:2,title:"css 优化",slug:"css-优化"},{level:3,title:"​ 压缩 css",slug:"​-压缩-css"},{level:3,title:"​ 自动添加浏览器前缀",slug:"​-自动添加浏览器前缀"},{level:2,title:"组件、工具库",slug:"组件、工具库"},{level:2,title:"压缩 gzip、brotli 格式",slug:"压缩-gzip、brotli-格式"},{level:3,title:"如何开启压缩",slug:"如何开启压缩"},{level:4,title:"两种总体设置",slug:"两种总体设置"},{level:5,title:"压缩时不删除原始文件的配置",slug:"压缩时不删除原始文件的配置"},{level:5,title:"压缩时删除原始文件的配置",slug:"压缩时删除原始文件的配置"},{level:2,title:"采用 cdn 模式替换本地依赖",slug:"采用-cdn-模式替换本地依赖"},{level:3,title:"vite 插件",slug:"vite-插件"},{level:3,title:"cdn 厂商（免费）",slug:"cdn-厂商-免费"},{level:3,title:"如何启动 cdn 替换",slug:"如何启动-cdn-替换"},{level:3,title:"默认启动 cdn 替换的模块有哪些",slug:"默认启动-cdn-替换的模块有哪些"},{level:2,title:"生产环境删除 console.log",slug:"生产环境删除-console-log"},{level:2,title:"静态资源分类打包",slug:"静态资源分类打包"},{level:2,title:"svg 压缩",slug:"svg-压缩"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"对接平台的前后端项目",frontmatter:{title:"对接平台的前后端项目",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/opensource/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/01.%E5%AF%B9%E6%8E%A5%E5%B9%B3%E5%8F%B0%E7%9A%84%E5%89%8D%E5%90%8E%E7%AB%AF%E9%A1%B9%E7%9B%AE.html",relativePath:"01.指南/03.生态/01.对接平台的前后端项目.md",key:"v-1df20381",path:"/pages/opensource/",lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"函数工具库",frontmatter:{title:"函数工具库",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/utils/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/02.%E5%87%BD%E6%95%B0%E5%B7%A5%E5%85%B7%E5%BA%93.html",relativePath:"01.指南/03.生态/02.函数工具库.md",key:"v-549efc65",path:"/pages/utils/",headers:[{level:2,title:"pure-admin-utils",slug:"pure-admin-utils"},{level:2,title:"pure-admin-cli",slug:"pure-admin-cli"},{level:2,title:"pure-admin-release",slug:"pure-admin-release"},{level:2,title:"responsive-storage",slug:"responsive-storage"},{level:2,title:"@esmjs/geo",slug:"esmjs-geo"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"组件库",frontmatter:{title:"组件库",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/components/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/03.%E7%BB%84%E4%BB%B6%E5%BA%93.html",relativePath:"01.指南/03.生态/03.组件库.md",key:"v-11edc25c",path:"/pages/components/",headers:[{level:2,title:"pure-admin-table",slug:"pure-admin-table"},{level:2,title:"pure-admin-descriptions",slug:"pure-admin-descriptions"},{level:2,title:"ReDialog",slug:"redialog"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"vite插件",frontmatter:{title:"vite插件",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/viteplugin/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/04.vite%E6%8F%92%E4%BB%B6.html",relativePath:"01.指南/03.生态/04.vite插件.md",key:"v-05d8d6e9",path:"/pages/viteplugin/",headers:[{level:2,title:"vite-plugin-remove-console",slug:"vite-plugin-remove-console"},{level:2,title:"vite-plugin-router-warn",slug:"vite-plugin-router-warn"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"常见问题",frontmatter:{title:"常见问题",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/FAQ/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/01.%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.html",relativePath:"01.指南/04.其他/01.常见问题.md",key:"v-04690f78",path:"/pages/FAQ/",headers:[{level:2,title:"是否支持 IE ？",slug:"是否支持-ie"},{level:2,title:"精简版是干啥的？",slug:"精简版是干啥的"},{level:2,title:"husky 是什么？可以删除 husky 提交前校验吗？如何彻底删除？",slug:"husky-是什么-可以删除-husky-提交前校验吗-如何彻底删除"},{level:2,title:"为什么使用 pnpm ？ pnpm 天生支持 monorepo，为什么平台不采用这种模式呢？",slug:"为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢"},{level:2,title:"平台出现报错 Cannot find module '@zougt/some-loader-utils'",slug:"平台出现报错-cannot-find-module-zougt-some-loader-utils"},{level:2,title:"平台出现报错 Access is denied（windows 常见）",slug:"平台出现报错-access-is-denied-windows-常见"},{level:2,title:"安装依赖时出现报错 Cannot find module 'sass'",slug:"安装依赖时出现报错-cannot-find-module-sass"},{level:2,title:"动态路由刷新出现警告 ⚠️",slug:"动态路由刷新出现警告-⚠️"},{level:2,title:"平台出现警告 rank only the home page can be 0 ⚠️",slug:"平台出现警告-rank-only-the-home-page-can-be-0-⚠️"},{level:2,title:"为什么平台使用 lodash-unified ，而不是使用 lodash-es 呢？",slug:"为什么平台使用-lodash-unified-而不是使用-lodash-es-呢"},{level:2,title:"为什么平台使用手动按需引入，而不是使用 unplugin-vue-components 插件自动按需引入呢？",slug:"为什么平台使用手动按需引入-而不是使用-unplugin-vue-components-插件自动按需引入呢"},{level:2,title:"为什么平台采用全局引入 element-plus ，而不是按需引入呢？ 全局引入带来打包冗余，如何处理？ 如何改成按需引入？",slug:"为什么平台采用全局引入-element-plus-而不是按需引入呢-全局引入带来打包冗余-如何处理-如何改成按需引入"},{level:2,title:"vertical 模式下左侧菜单卡顿，如何解决？菜单切换卡顿？",slug:"vertical-模式下左侧菜单卡顿-如何解决-菜单切换卡顿"},{level:2,title:"浏览器控制台打印一些重复信息，很影响开发体验，如何解决？",slug:"浏览器控制台打印一些重复信息-很影响开发体验-如何解决"},{level:2,title:"vue3 的 <script setup> 写法，虽然会依据它的文件名来自动推断组件名称 name，但这也约束了我们的写法，不算灵活，有没有解决方案呢？",slug:"vue3-的-script-setup-写法-虽然会依据它的文件名来自动推断组件名称-name-但这也约束了我们的写法-不算灵活-有没有解决方案呢"},{level:2,title:"vue3 单文件支持多个根标签，但是平台为什么不能这么用呢？如何解决？",slug:"vue3-单文件支持多个根标签-但是平台为什么不能这么用呢-如何解决"},{level:2,title:"不同项目的本地存储设置可能不同（页面效果不同），那么如何避免 fork 项目的本地存储 key 值一样呢？",slug:"不同项目的本地存储设置可能不同-页面效果不同-那么如何避免-fork-项目的本地存储-key-值一样呢"},{level:2,title:"平台要求 node 版本应不小于 18.18.0 、pnpm 版本应不小于 9 ，但是实际开发有的项目需要比这些低的版本怎么解决呢？",slug:"平台要求-node-版本应不小于-18-18-0-、pnpm-版本应不小于-9-但是实际开发有的项目需要比这些低的版本怎么解决呢"},{level:2,title:"打包时报 Unexpected token，如下图（来自群友提供）",slug:"打包时报-unexpected-token-如下图-来自群友提供"},{level:2,title:"安装依赖慢，如何解决？",slug:"安装依赖慢-如何解决"},{level:2,title:"安装 vue 的某些版本，页面卡顿明显，如何解决？",slug:"安装-vue-的某些版本-页面卡顿明显-如何解决"},{level:2,title:"平台出现报错 global is not defined",slug:"平台出现报错-global-is-not-defined"},{level:2,title:"平台如何置灰并且不影响操作？",slug:"平台如何置灰并且不影响操作"},{level:2,title:"平台在使用 element-plus 的 el-dialog、el-drawer、el-message-box、el-notification 这四个组件时，右上角关闭图标的样式跟 element-plus 本身表现不一致？",slug:"平台在使用-element-plus-的-el-dialog、el-drawer、el-message-box、el-notification-这四个组件时-右上角关闭图标的样式跟-element-plus-本身表现不一致"},{level:2,title:"平台在 v3.9.4 版本完全移除了 vxe-table，为什么移除？如何自行集成？",slug:"平台在-v3-9-4-版本完全移除了-vxe-table-为什么移除-如何自行集成"},{level:2,title:"平台在 v3.9.5 版本完全移除了 lodash 和其相关库，为什么移除？如何自行集成？",slug:"平台在-v3-9-5-版本完全移除了-lodash-和其相关库-为什么移除-如何自行集成"},{level:2,title:"github账号在哪里看？",slug:"github账号在哪里看"},{level:2,title:"mac 版本的向日葵无法远程操控？向日葵总是闪退、打不开？",slug:"mac-版本的向日葵无法远程操控-向日葵总是闪退、打不开"},{level:2,title:"初次拉取项目，使用 vscode 编辑器时代码出现 eslint 报错，如下图",slug:"初次拉取项目-使用-vscode-编辑器时代码出现-eslint-报错-如下图"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"非平台问题跟踪记录",frontmatter:{title:"非平台问题跟踪记录",article:!1,date:"2022-11-11T00:00:00.000Z",permalink:"/pages/track/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/02.%E9%9D%9E%E5%B9%B3%E5%8F%B0%E9%97%AE%E9%A2%98%E8%B7%9F%E8%B8%AA%E8%AE%B0%E5%BD%95.html",relativePath:"01.指南/04.其他/02.非平台问题跟踪记录.md",key:"v-ab707a5e",path:"/pages/track/",headers:[{level:2,title:"2022年11月11日（vue、Vue.js devtools）",slug:"_2022年11月11日-vue、vue-js-devtools"},{level:3,title:"发现 vue 的 bug",slug:"发现-vue-的-bug"},{level:3,title:"排查方法",slug:"排查方法"},{level:2,title:"2022年11月11日（vite）",slug:"_2022年11月11日-vite"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"git常用命令",frontmatter:{title:"git常用命令",article:!1,date:"2022-11-13T00:00:00.000Z",permalink:"/pages/git/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/04.git%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4.html",relativePath:"01.指南/04.其他/04.git常用命令.md",key:"v-64c22648",path:"/pages/git/",headers:[{level:2,title:"程序员必备技能之 Git",slug:"程序员必备技能之-git"},{level:3,title:"常用命令",slug:"常用命令"},{level:4,title:"拉取代码",slug:"拉取代码"},{level:4,title:"创建分支",slug:"创建分支"},{level:4,title:"切换本地分支",slug:"切换本地分支"},{level:4,title:"切换分支并关联远程分支",slug:"切换分支并关联远程分支"},{level:4,title:"查看本地所有分支",slug:"查看本地所有分支"},{level:4,title:"查看远程所有分支",slug:"查看远程所有分支"},{level:4,title:"删除本地分支",slug:"删除本地分支"},{level:4,title:"删除远程分支",slug:"删除远程分支"},{level:4,title:"将代码从工作区添加暂存区",slug:"将代码从工作区添加暂存区"},{level:4,title:"查看尚未暂存的更新",slug:"查看尚未暂存的更新"},{level:4,title:"添加提交信息（commit 注释写错，执行 git commit --amend 此时会进入默认 vim 编辑器，修改注释后保存）",slug:"添加提交信息-commit-注释写错-执行-git-commit-amend-此时会进入默认-vim-编辑器-修改注释后保存"},{level:4,title:"推送代码到远程分支",slug:"推送代码到远程分支"},{level:4,title:"拉取远程分支代码",slug:"拉取远程分支代码"},{level:4,title:"合并分支",slug:"合并分支"},{level:4,title:"查看 git 状态",slug:"查看-git-状态"},{level:4,title:"查看提交历史",slug:"查看提交历史"},{level:4,title:"查看可引用的历史版本记录",slug:"查看可引用的历史版本记录"},{level:4,title:"把本地未 push 的分叉提交历史整理成直线",slug:"把本地未-push-的分叉提交历史整理成直线"},{level:4,title:"回到 rebase 执行之前的状态",slug:"回到-rebase-执行之前的状态"},{level:4,title:"回退版本",slug:"回退版本"},{level:4,title:"撤销代码",slug:"撤销代码"},{level:4,title:"修改分支名",slug:"修改分支名"},{level:4,title:"查看 git 配置",slug:"查看-git-配置"},{level:4,title:"添加用户名",slug:"添加用户名"},{level:4,title:"删除用户名",slug:"删除用户名"},{level:4,title:"修改用户名",slug:"修改用户名"},{level:4,title:"配置 Git 用户名和邮箱",slug:"配置-git-用户名和邮箱"},{level:4,title:"统计代码行数",slug:"统计代码行数"},{level:4,title:"文件或文件夹重命名",slug:"文件或文件夹重命名"},{level:2,title:"提交规范",slug:"提交规范"},{level:2,title:"CodeReview 常用缩写",slug:"codereview-常用缩写"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"技术网站推荐",frontmatter:{title:"技术网站推荐",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/recommendation/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/05.%E4%BC%98%E7%A7%80%E7%BD%91%E7%AB%99%E6%8E%A8%E8%8D%90.html",relativePath:"01.指南/04.其他/05.优秀网站推荐.md",key:"v-65003178",path:"/pages/recommendation/",lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"优质服务",frontmatter:{title:"优质服务",date:"2024-03-04T00:00:00.000Z",permalink:"/pages/service/",article:!1,readingShow:"top"},regularPath:"/02.%E4%BC%98%E8%B4%A8%E6%9C%8D%E5%8A%A1/01.%E4%BC%98%E8%B4%A8%E6%9C%8D%E5%8A%A1.html",relativePath:"02.优质服务/01.优质服务.md",key:"v-0670206f",path:"/pages/service/",headers:[{level:2,title:"解答微信群",slug:"解答微信群"},{level:2,title:"技术指导、bug 修复",slug:"技术指导、bug-修复"},{level:2,title:"页面定制开发（软件开发、项目外包）",slug:"页面定制开发-软件开发、项目外包"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"JS版本",frontmatter:{title:"JS版本",date:"2024-06-12T00:00:00.000Z",permalink:"/pages/js/",article:!1,readingShow:"top"},regularPath:"/03.JS%E7%89%88%E6%9C%AC/01.JS%E7%89%88%E6%9C%AC.html",relativePath:"03.JS版本/01.JS版本.md",key:"v-76995abd",path:"/pages/js/",headers:[{level:3,title:"介绍",slug:"介绍"},{level:3,title:"价格",slug:"价格"},{level:3,title:"如何购买",slug:"如何购买"},{level:3,title:"限时特惠活动",slug:"限时特惠活动"},{level:3,title:"温馨提示",slug:"温馨提示"},{level:3,title:"超低成本切换JS版本教程",slug:"超低成本切换js版本教程"},{level:3,title:"相关截图",slug:"相关截图"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"赞助",frontmatter:{title:"赞助",date:"2024-06-16T00:00:00.000Z",permalink:"/pages/sponsor/",article:!1,readingShow:"top"},regularPath:"/05.%E8%B5%9E%E5%8A%A9/01.%E8%B5%9E%E5%8A%A9.html",relativePath:"05.赞助/01.赞助.md",key:"v-53cdbc15",path:"/pages/sponsor/",headers:[{level:2,title:"企业赞助",slug:"企业赞助"},{level:2,title:"个人赞助",slug:"个人赞助"},{level:3,title:"赞助名单",slug:"赞助名单"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"Max版本",frontmatter:{title:"Max版本",date:"2024-10-14T00:00:00.000Z",permalink:"/pages/max/",article:!1,readingShow:"top"},regularPath:"/04.Max%E7%89%88%E6%9C%AC/01.Max%E7%89%88%E6%9C%AC.html",relativePath:"04.Max版本/01.Max版本.md",key:"v-59680145",path:"/pages/max/",headers:[{level:3,title:"介绍",slug:"介绍"},{level:3,title:"价格",slug:"价格"},{level:3,title:"如何购买",slug:"如何购买"},{level:3,title:"限时特惠活动",slug:"限时特惠活动"},{level:3,title:"温馨提示",slug:"温馨提示"},{level:3,title:"功能截图",slug:"功能截图"},{level:4,title:"① 新款菜单导航模式（左侧双栏菜单）",slug:"_1-新款菜单导航模式-左侧双栏菜单"},{level:4,title:"② 悬浮按钮功能",slug:"_2-悬浮按钮功能"},{level:4,title:"③ 新增繁體中文、日语、韩语的内置支持",slug:"_3-新增繁體中文、日语、韩语的内置支持"},{level:4,title:"④ 字典管理",slug:"_4-字典管理"},{level:4,title:"⑤ 多租户管理",slug:"_5-多租户管理"},{level:4,title:"⑥ 页头添加整体风格快捷操作按钮",slug:"_6-页头添加整体风格快捷操作按钮"}],lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"归档",frontmatter:{archivesPage:!0,title:"归档",permalink:"/archives/",article:!1,readingShow:"top"},regularPath:"/@pages/archivesPage.html",relativePath:"@pages/archivesPage.md",key:"v-6f67f025",path:"/archives/",lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3},{title:"Home",frontmatter:{home:!0,heroImage:"/img/pure.png",heroText:"Pure Admin",tagline:"一款开源完全免费且开箱即用的中后台管理系统模版",actionText:"快速开始 →",actionLink:"/pages/introduction/",bannerBg:"none",features:[{title:"保持稳定的同时采用最新技术栈",details:"基于Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等最新技术栈开发"},{title:"轻快热重载完善的打包优化方案",details:"无论应用程序大小如何，都始终极快的模块热重载（HMR），内置完善的打包优化方案"},{title:"简易上手内置丰富组件工具函数",details:"使用单文件组件语法<script setup>，提供了很多丰富的开箱即用的组件和工具库"},{title:"提供精简版永久同步完整版代码",details:"提供国际化和非国际化两种精简版本，开启brotli压缩和cdn替换本地库模式后，打包大小低于350kb"},{title:"高度可配置主题和四种菜单布局",details:"高度可配置的主题以及暗黑主题适配，并且提供左侧、顶部、混合、双栏四种菜单布局模式"},{title:"RBAC权限管理可控粒度的权限",details:"采用目前最常用的 RBAC 基于角色的权限控制（ 用户 -> 角色 -> 权限 ），可配置各种粒度的权限"}],postList:"none",readingShow:"top"},regularPath:"/",relativePath:"index.md",key:"v-24424384",path:"/",lastUpdated:"2024/11/26, 03:03:22",lastUpdatedTimestamp:1732590202e3}],themeConfig:{nav:[{text:"指南",link:"/pages/introduction/",items:[{text:"介绍",link:"/pages/introduction/"},{text:"快速开始",link:"/pages/start/"},{text:"目录结构",link:"/pages/directory/"},{text:"vscode文件夹详解",link:"/pages/vscode/"},{text:"平台配置",link:"/pages/config/"},{text:"布局",link:"/pages/layout/"},{text:"路由和菜单",link:"/pages/routerMenu/"},{text:"http请求",link:"/pages/request/"},{text:"打包和部署",link:"/pages/build/"},{text:"进阶",items:[{text:"图标",link:"/pages/icon/"},{text:"主题和暗黑模式",link:"/pages/theme/"},{text:"国际化",link:"/pages/i18n/"},{text:"Tailwind CSS",link:"/pages/tailwindcss/"},{text:"RBAC权限",link:"/pages/RBAC/"},{text:"类型声明",link:"/pages/typescript/"},{text:"单点登录",link:"/pages/sso/"},{text:"自定义免登录",link:"/pages/nologin/"},{text:"打包优化",link:"/pages/buildgood/"},{text:"vite预构建",link:"/pages/optimize/"}]},{text:"生态",items:[{text:"对接平台的前后端项目",link:"/pages/opensource/"},{text:"函数工具库",link:"/pages/utils/"},{text:"组件库",link:"/pages/components/"},{text:"vite插件",link:"/pages/viteplugin/"}]},{text:"其他",items:[{text:"常见问题",link:"/pages/FAQ/"},{text:"非平台问题跟踪记录",link:"/pages/track/"},{text:"git常用命令",link:"/pages/git/"},{text:"技术网站推荐",link:"/pages/recommendation/"}]}]},{text:"链接",items:[{text:"后端项目",link:"/pages/opensource/"},{text:"",items:[{text:"哔哩哔哩",link:"https://space.bilibili.com/301103230"}]},{text:"日志",items:[{text:"Github日志",link:"https://github.com/pure-admin/vue-pure-admin/releases"},{text:"Gitee日志",link:"https://gitee.com/yiming_chang/vue-pure-admin/releases"}]},{text:"预览",items:[{text:"完整版",link:"https://pure-admin.github.io/vue-pure-admin/#/login"},{text:"精简版",link:"https://pure-admin-thin.netlify.app/#/login"},{text:"max版",link:"https://pure-admin.github.io/vue-pure-admin-max/#/login"},{text:"utils文档",link:"https://pure-admin-utils.netlify.app/"}]},{text:"Github源码",items:[{text:"完整版",link:"https://github.com/pure-admin/vue-pure-admin"},{text:"精简版",link:"https://github.com/pure-admin/pure-admin-thin"},{text:"Tauri版",link:"https://github.com/pure-admin/tauri-pure-admin"},{text:"Electron版",link:"https://github.com/pure-admin/electron-pure-admin"},{text:"配套后端",link:"https://github.com/pure-admin/pure-admin-backend"},{text:"文档",link:"https://github.com/pure-admin/pure-admin-doc"},{text:"utils文档",link:"https://github.com/pure-admin/pure-admin-utils-docs"}]},{text:"Gitee源码",items:[{text:"完整版",link:"https://gitee.com/yiming_chang/vue-pure-admin"},{text:"精简版",link:"https://gitee.com/yiming_chang/pure-admin-thin"},{text:"Tauri版",link:"https://gitee.com/yiming_chang/tauri-pure-admin"},{text:"Electron版",link:"https://gitee.com/yiming_chang/electron-pure-admin"},{text:"配套后端",link:"https://gitee.com/yiming_chang/pure-admin-backend"},{text:"文档",link:"https://gitee.com/yiming_chang/pure-admin-doc"},{text:"utils文档",link:"https://gitee.com/yiming_chang/pure-admin-utils-docs"}]}]},{text:"优质服务",link:"/pages/service/"},{text:"JS版本",link:"/pages/js/"},{text:"Max版本",link:"/pages/max/"},{text:"赞助",link:"/pages/sponsor/"}],sidebarDepth:2,searchMaxSuggestions:10,lastUpdated:"上次更新",searchPlaceholder:"快速搜索",sidebar:{"/01.指南/":[{title:"指南",collapsable:!1,children:[["01.指南/01.介绍.md","介绍","/pages/introduction"],["01.指南/02.快速开始.md","快速开始","/pages/start"],["01.指南/03.目录结构.md","目录结构","/pages/directory"],["01.指南/04.vscode文件夹详解.md",".vscode文件夹详解","/pages/vscode/"],["01.指南/05.平台配置.md","平台配置","/pages/config/"],["01.指南/06.布局.md","布局","/pages/layout/"],["01.指南/07.路由和菜单.md","路由和菜单","/pages/routerMenu/"],["01.指南/08.http请求.md","http请求","/pages/request/"],["01.指南/09.打包和部署.md","打包和部署","/pages/build/"]]},{title:"进阶",collapsable:!1,children:[["02.进阶/01.图标.md","图标","/pages/icon/"],["02.进阶/02.主题和暗黑模式.md","主题和暗黑模式","/pages/theme/"],["02.进阶/03.国际化.md","国际化","/pages/i18n/"],["02.进阶/04.Tailwind CSS.md","Tailwind CSS","/pages/tailwindcss/"],["02.进阶/05.RBAC权限.md","RBAC权限","/pages/RBAC/"],["02.进阶/06.类型声明.md","类型声明","/pages/typescript/"],["02.进阶/07.单点登录.md","单点登录","/pages/sso/"],["02.进阶/08.自定义免登录.md","自定义免登录","/pages/nologin/"],["02.进阶/09.打包优化.md","打包优化","/pages/buildgood/"],["02.进阶/10.vite预构建.md","vite预构建","/pages/optimize/"]]},{title:"生态",collapsable:!1,children:[["03.生态/01.对接平台的前后端项目.md","对接平台的前后端项目","/pages/opensource/"],["03.生态/02.函数工具库.md","函数工具库","/pages/utils/"],["03.生态/03.组件库.md","组件库","/pages/components/"],["03.生态/04.vite插件.md","vite插件","/pages/viteplugin/"]]},{title:"其他",collapsable:!1,children:[["04.其他/01.常见问题.md","常见问题","/pages/FAQ/"],["04.其他/02.非平台问题跟踪记录.md","非平台问题跟踪记录","/pages/track/"],["04.其他/04.git常用命令.md","git常用命令","/pages/git/"],["04.其他/05.优秀网站推荐.md","技术网站推荐","/pages/recommendation/"]]}],catalogue:{},"/02.优质服务/":[["01.优质服务.md","优质服务","/pages/service/"]],"/03.JS版本/":[["01.JS版本.md","JS版本","/pages/js/"]],"/04.Max版本/":[["01.Max版本.md","Max版本","/pages/max/"]],"/05.赞助/":[["01.赞助.md","赞助","/pages/sponsor/"]]},updateBar:{showToArticle:!0},defaultMode:"light",category:!1,tag:!1,author:{name:"pure-admin",href:"https://github.com/xiaoxian521"},footer:{createYear:2020,copyrightInfo:"pure-admin | MIT License"},htmlModules:{sidebarB:'\x3c!-- 正方形 --\x3e\n      <ins class="adsbygoogle"\n          style="display:block"\n          data-ad-client="ca-pub-7828333725993554"\n          data-ad-slot="3508773082"\n          data-ad-format="auto"\n          data-full-width-responsive="true"></ins>\n      <script>\n          (adsbygoogle = window.adsbygoogle || []).push({});\n      <\/script>',pageB:'\x3c!-- 横向自适应 --\x3e\n      <ins class="adsbygoogle"\n          style="display:block"\n          data-ad-client="ca-pub-7828333725993554"\n          data-ad-slot="6620245489"\n          data-ad-format="auto"\n          data-full-width-responsive="true"></ins>\n      <script>\n          (adsbygoogle = window.adsbygoogle || []).push({});\n      <\/script>',windowRB:'\x3c!-- 固定160*160px --\x3e\n      <ins class="adsbygoogle"\n          style="display:inline-block;width:160px;height:160px"\n          data-ad-client="ca-pub-7828333725993554"\n          data-ad-slot="8377369658"></ins>\n      <script>\n          (adsbygoogle = window.adsbygoogle || []).push({});\n      <\/script>\n      '}}};var wl=n(121),kl=n(122),El=n(20);var Cl={computed:{$filterPosts(){return this.$site.pages.filter(t=>{const{frontmatter:{pageComponent:e,article:n,home:r}}=t;return!(e||!1===n||!0===r)})},$sortPosts(){return(t=this.$filterPosts).sort((t,e)=>{const n=t.frontmatter.sticky,r=e.frontmatter.sticky;return n&&r?n==r?Object(El.a)(t,e):n-r:n&&!r?-1:!n&&r?1:Object(El.a)(t,e)}),t;var t},$sortPostsByDate(){return(t=this.$filterPosts).sort((t,e)=>Object(El.a)(t,e)),t;var t},$groupPosts(){return function(t){const e={},n={};for(let r=0,o=t.length;r<o;r++){const{frontmatter:{categories:o,tags:i}}=t[r];"array"===Object(El.n)(o)&&o.forEach(n=>{n&&(e[n]||(e[n]=[]),e[n].push(t[r]))}),"array"===Object(El.n)(i)&&i.forEach(e=>{e&&(n[e]||(n[e]=[]),n[e].push(t[r]))})}return{categories:e,tags:n}}(this.$sortPosts)},$categoriesAndTags(){return function(t){const e=[],n=[];for(let n in t.categories)e.push({key:n,length:t.categories[n].length});for(let e in t.tags)n.push({key:e,length:t.tags[e].length});return{categories:e,tags:n}}(this.$groupPosts)}}};Gn.component(wl.default),Gn.component(kl.default);function Sl(t){return t.toString().padStart(2,"0")}n(281);Gn.component("BlockToggle",()=>Promise.all([n.e(0),n.e(16)]).then(n.bind(null,539))),Gn.component("Badge",()=>Promise.all([n.e(0),n.e(17)]).then(n.bind(null,571))),Gn.component("CodeBlock",()=>Promise.resolve().then(n.bind(null,121))),Gn.component("CodeGroup",()=>Promise.resolve().then(n.bind(null,122)));n(282);var Ol={name:"ReadingProgress",data:()=>({readingTop:0,readingHeight:1,progressStyle:null,transform:void 0,running:!1}),watch:{$readingShow(){this.progressStyle=this.getProgressStyle(),this.$readingShow&&window.addEventListener("scroll",this.base)}},mounted(){this.transform=this.getTransform(),this.progressStyle=this.getProgressStyle(),this.$readingShow&&window.addEventListener("scroll",this.base)},beforeDestroy(){this.$readingShow&&window.removeEventListener("scroll",this.base)},methods:{base(){this.running||(this.running=!0,requestAnimationFrame(this.getReadingBase))},getReadingBase(){this.readingHeight=this.getReadingHeight()-this.getScreenHeight(),this.readingTop=this.getReadingTop(),this.progressStyle=this.getProgressStyle(),this.running=!1},getReadingHeight:()=>Math.max(document.body.scrollHeight,document.body.offsetHeight,0),getScreenHeight:()=>Math.max(window.innerHeight,document.documentElement.clientHeight,0),getReadingTop:()=>Math.max(window.pageYOffset,document.documentElement.scrollTop,0),getTransform(){const t=document.createElement("div");return["transform","-webkit-transform","-moz-transform","-o-transform","-ms-transform"].find(e=>e in t.style)||void 0},getProgressStyle(){const t=this.readingTop/this.readingHeight;switch(this.$readingShow){case"top":case"bottom":return this.transform?`${this.transform}: scaleX(${t})`:`width: ${100*t}%`;case"left":case"right":return this.transform?`${this.transform}: scaleY(${t})`:`height: ${100*t}%`;default:return null}}}},jl=(n(283),Object(yl.a)(Ol,(function(){var t=this._self._c;return t("ClientOnly",[this.$readingShow?t("div",{staticClass:"reading-progress",class:this.$readingShow},[t("div",{staticClass:"progress",style:this.progressStyle})]):this._e()])}),[],!1,null,"2839e1cb",null).exports),Tl=[({Vue:t,options:e,router:n,siteData:r})=>{},({Vue:t,options:e,router:r,siteData:o,isServer:i})=>{o.pages.map(t=>{const{frontmatter:{date:e,author:n}}=t;"string"==typeof e&&"Z"===e.charAt(e.length-1)&&(t.frontmatter.date=function(t){t instanceof Date||(t=new Date(t));return`${t.getUTCFullYear()}-${Sl(t.getUTCMonth()+1)}-${Sl(t.getUTCDate())} ${Sl(t.getUTCHours())}:${Sl(t.getUTCMinutes())}:${Sl(t.getUTCSeconds())}`}(e)),n?t.author=n:o.themeConfig.author&&(t.author=o.themeConfig.author)}),i||(window.onload=function(){setTimeout(()=>{localStorage.getItem("firstLoad")?localStorage.removeItem("firstLoad"):(localStorage.firstLoad=!0,window.location.reload())},1e3)},n.e(40).then(n.bind(null,536))),t.mixin(Cl)},{},({Vue:t})=>{t.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},({router:t})=>{"undefined"!=typeof window&&(window._hmt=window._hmt||[],function(){var t=document.createElement("script");t.src="https://hm.baidu.com/hm.js?cffd1d66d68028a9190d066cb1c7dc65";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}(),t.afterEach((function(t){_hmt.push(["_trackPageview",t.fullPath])})))},({Vue:t})=>{t.component(jl.name,jl),t.mixin({computed:{$readingShow(){return this.$page.frontmatter.readingShow}}})}],$l=["ReadingProgress","BlockToggle"];class Al extends class{constructor(){this.store=new Gn({data:{state:{}}})}$get(t){return this.store.state[t]}$set(t,e){Gn.set(this.store.state,t,e)}$emit(...t){this.store.$emit(...t)}$on(...t){this.store.$on(...t)}}{}Object.assign(Al.prototype,{getPageAsyncComponent:ss,getLayoutAsyncComponent:ls,getAsyncComponent:cs,getVueComponent:us});var Pl={install(t){const e=new Al;t.$vuepress=e,t.prototype.$vuepress=e}};function Bl(t,e){const n=e.toLowerCase();return t.options.routes.some(t=>t.path.toLowerCase()===n)}var Ll={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(t){const e=this.pageKey||this.$parent.$page.key;return fs("pageKey",e),Gn.component(e)||Gn.component(e,ss(e)),Gn.component(e)?t(e):t("")}},Rl={functional:!0,props:{slotKey:String,required:!0},render:(t,{props:e,slots:n})=>t("div",{class:["content__"+e.slotKey]},n()[e.slotKey])},Dl={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},Il=(n(284),n(285),Object(yl.a)(Dl,(function(){var t=this._self._c;return t("span",[t("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[t("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),t("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),t("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),Ml={functional:!0,render(t,{parent:e,children:n}){if(e._isMounted)return n;e.$once("hook:mounted",()=>{e.$forceUpdate()})}};Gn.config.productionTip=!1,Gn.use(Ha),Gn.use(Pl),Gn.mixin(function(t,e,n=Gn){!function(t){t.locales&&Object.keys(t.locales).forEach(e=>{t.locales[e].path=e});Object.freeze(t)}(e),n.$vuepress.$set("siteData",e);const r=new(t(n.$vuepress.$get("siteData"))),o=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(r)),i={};return Object.keys(o).reduce((t,e)=>(e.startsWith("$")&&(t[e]=o[e].get),t),i),{computed:i}}(t=>class{setPage(t){this.__page=t}get $site(){return t}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:t={}}=this.$site;let e,n;for(const r in t)"/"===r?n=t[r]:0===this.$page.path.indexOf(r)&&(e=t[r]);return e||n||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:t}=this.$page.frontmatter;return"string"==typeof t&&t}get $title(){const t=this.$page,{metaTitle:e}=this.$page.frontmatter;if("string"==typeof e)return e;const n=this.$siteTitle,r=t.frontmatter.home?null:t.frontmatter.title||t.title;return n?r?r+" | "+n:n:r||"VuePress"}get $description(){const t=function(t){if(t){const e=t.filter(t=>"description"===t.name)[0];if(e)return e.content}}(this.$page.frontmatter.meta);return t||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(t,e){for(let n=0;n<t.length;n++){const r=t[n];if(r.path.toLowerCase()===e.toLowerCase())return r}return{path:"",frontmatter:{}}}(this.$site.pages,this.$route.path)}},xl)),Gn.component("Content",Ll),Gn.component("ContentSlotsDistributor",Rl),Gn.component("OutboundLink",Il),Gn.component("ClientOnly",Ml),Gn.component("Layout",ls("Layout")),Gn.component("NotFound",ls("NotFound")),Gn.prototype.$withBase=function(t){const e=this.$site.base;return"/"===t.charAt(0)?e+t.slice(1):t},window.__VUEPRESS__={version:"1.9.9",hash:"fab7107"},async function(t){const e="undefined"!=typeof window&&window.__VUEPRESS_ROUTER_BASE__?window.__VUEPRESS_ROUTER_BASE__:xl.routerBase||xl.base,n=new Ha({base:e,mode:"history",fallback:!1,routes:_l,scrollBehavior:(t,e,n)=>n||(t.hash?!Gn.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(t.hash)}:{x:0,y:0})});!function(t){t.beforeEach((e,n,r)=>{if(Bl(t,e.path))r();else if(/(\/|\.html)$/.test(e.path))if(/\/$/.test(e.path)){const n=e.path.replace(/\/$/,"")+".html";Bl(t,n)?r(n):r()}else r();else{const n=e.path+"/",o=e.path+".html";Bl(t,o)?r(o):Bl(t,n)?r(n):r()}})}(n);const r={};try{await Promise.all(Tl.filter(t=>"function"==typeof t).map(e=>e({Vue:Gn,options:r,router:n,siteData:xl,isServer:t})))}catch(t){console.error(t)}return{app:new Gn(Object.assign(r,{router:n,render:t=>t("div",{attrs:{id:"app"}},[t("RouterView",{ref:"layout"}),t("div",{class:"global-ui"},$l.map(e=>t(e)))])})),router:n}}(!1).then(({app:t,router:e})=>{e.onReady(()=>{t.$mount("#app")})})}]);
\ No newline at end of file
+ */var r=/["'&<>]/;t.exports=function(t){var e,n=""+t,o=r.exec(n);if(!o)return n;var i="",a=0,s=0;for(a=o.index;a<n.length;a++){switch(n.charCodeAt(a)){case 34:e="&quot;";break;case 38:e="&amp;";break;case 39:e="&#39;";break;case 60:e="&lt;";break;case 62:e="&gt;";break;default:continue}s!==a&&(i+=n.substring(s,a)),s=a+1,i+=e}return s!==a?i+n.substring(s,a):i}},function(t,e,n){"use strict";n.r(e);var r={name:"CodeBlock",props:{title:{type:String,required:!0},active:{type:Boolean,default:!1}}},o=(n(279),n(7)),i=Object(o.a)(r,(function(){return(0,this._self._c)("div",{staticClass:"theme-code-block",class:{"theme-code-block__active":this.active}},[this._t("default")],2)}),[],!1,null,"b7295a7e",null);e.default=i.exports},function(t,e,n){"use strict";n.r(e);n(4),n(15),n(17),n(21);var r={name:"CodeGroup",data:()=>({codeTabs:[],activeCodeTabIndex:-1}),watch:{activeCodeTabIndex(t){this.codeTabs.forEach(t=>{t.elm.classList.remove("theme-code-block__active")}),this.codeTabs[t].elm.classList.add("theme-code-block__active")}},mounted(){this.codeTabs=(this.$slots.default||[]).filter(t=>Boolean(t.componentOptions)).map((t,e)=>(""===t.componentOptions.propsData.active&&(this.activeCodeTabIndex=e),{title:t.componentOptions.propsData.title,elm:t.elm})),-1===this.activeCodeTabIndex&&this.codeTabs.length>0&&(this.activeCodeTabIndex=0)},methods:{changeCodeTab(t){this.activeCodeTabIndex=t}}},o=(n(280),n(7)),i=Object(o.a)(r,(function(){var t=this,e=t._self._c;return e("div",{staticClass:"theme-code-group"},[e("div",{staticClass:"theme-code-group__nav"},[e("ul",{staticClass:"theme-code-group__ul"},t._l(t.codeTabs,(function(n,r){return e("li",{key:n.title,staticClass:"theme-code-group__li"},[e("button",{staticClass:"theme-code-group__nav-tab",class:{"theme-code-group__nav-tab-active":r===t.activeCodeTabIndex},on:{click:function(e){return t.changeCodeTab(r)}}},[t._v("\n            "+t._s(n.title)+"\n          ")])])})),0)]),t._v(" "),t._t("default"),t._v(" "),t.codeTabs.length<1?e("pre",{staticClass:"pre-blank"},[t._v("// Make sure to add code blocks to your code group")]):t._e()],2)}),[],!1,null,"d560d5e8",null);e.default=i.exports},function(t,e){t.exports=function(t){var e=null==t?0:t.length;return e?t[e-1]:void 0}},function(t,e,n){t.exports=n(286)},function(t,e,n){"use strict";var r=n(11),o=n(2),i=n(140),a=n(1),s=n(0),l=n(85),u=n(142),c=n(143),p=n(3),f=n(10),d=n(16),h=n(86).IteratorPrototype,v=n(5),g=n(23),m=d("toStringTag"),y=TypeError,b=o.Iterator,_=g||!s(b)||b.prototype!==h||!p((function(){b({})})),x=function(){if(i(this,h),l(this)===h)throw new y("Abstract class Iterator not directly constructable")},w=function(t,e){v?u(h,t,{configurable:!0,get:function(){return e},set:function(e){if(a(this),this===h)throw new y("You can't redefine this property");f(this,t)?this[t]=e:c(this,t,e)}}):h[t]=e};f(h,m)||w(m,"Iterator"),!_&&f(h,"constructor")&&h.constructor!==Object||w("constructor",x),x.prototype=h,r({global:!0,constructor:!0,forced:_},{Iterator:x})},function(t,e,n){"use strict";var r={}.propertyIsEnumerable,o=Object.getOwnPropertyDescriptor,i=o&&!r.call({1:2},1);e.f=i?function(t){var e=o(this,t);return!!e&&e.enumerable}:r},function(t,e,n){"use strict";var r=n(13),o=n(9),i=n(70),a=n(35),s=n(128),l=n(16),u=TypeError,c=l("toPrimitive");t.exports=function(t,e){if(!o(t)||i(t))return t;var n,l=a(t,c);if(l){if(void 0===e&&(e="default"),n=r(l,t,e),!o(n)||i(n))return n;throw new u("Can't convert object to primitive value")}return void 0===e&&(e="number"),s(t,e)}},function(t,e,n){"use strict";var r=n(13),o=n(0),i=n(9),a=TypeError;t.exports=function(t,e){var n,s;if("string"===e&&o(n=t.toString)&&!i(s=r(n,t)))return s;if(o(n=t.valueOf)&&!i(s=r(n,t)))return s;if("string"!==e&&o(n=t.toString)&&!i(s=r(n,t)))return s;throw new a("Can't convert object to primitive value")}},function(t,e,n){"use strict";var r=n(5),o=n(10),i=Function.prototype,a=r&&Object.getOwnPropertyDescriptor,s=o(i,"name"),l=s&&"something"===function(){}.name,u=s&&(!r||r&&a(i,"name").configurable);t.exports={EXISTS:s,PROPER:l,CONFIGURABLE:u}},function(t,e,n){"use strict";var r=n(6),o=n(0),i=n(48),a=r(Function.toString);o(i.inspectSource)||(i.inspectSource=function(t){return a(t)}),t.exports=i.inspectSource},function(t,e,n){"use strict";var r=n(2),o=n(0),i=r.WeakMap;t.exports=o(i)&&/native code/.test(String(i))},function(t,e,n){"use strict";var r=n(33),o=n(6),i=n(133),a=n(138),s=n(1),l=o([].concat);t.exports=r("Reflect","ownKeys")||function(t){var e=i.f(s(t)),n=a.f;return n?l(e,n(t)):e}},function(t,e,n){"use strict";var r=n(83),o=n(53).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){"use strict";var r=n(32),o=n(135),i=n(37),a=function(t){return function(e,n,a){var s=r(e),l=i(s);if(0===l)return!t&&-1;var u,c=o(a,l);if(t&&n!=n){for(;l>c;)if((u=s[c++])!=u)return!0}else for(;l>c;c++)if((t||c in s)&&s[c]===n)return t||c||0;return!t&&-1}};t.exports={includes:a(!0),indexOf:a(!1)}},function(t,e,n){"use strict";var r=n(84),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},function(t,e,n){"use strict";var r=Math.ceil,o=Math.floor;t.exports=Math.trunc||function(t){var e=+t;return(e>0?o:r)(e)}},function(t,e,n){"use strict";var r=n(84),o=Math.min;t.exports=function(t){var e=r(t);return e>0?o(e,9007199254740991):0}},function(t,e,n){"use strict";e.f=Object.getOwnPropertySymbols},function(t,e,n){"use strict";var r=n(3),o=n(0),i=/#|\.prototype\./,a=function(t,e){var n=l[s(t)];return n===c||n!==u&&(o(e)?r(e):!!e)},s=a.normalize=function(t){return String(t).replace(i,".").toLowerCase()},l=a.data={},u=a.NATIVE="N",c=a.POLYFILL="P";t.exports=a},function(t,e,n){"use strict";var r=n(34),o=TypeError;t.exports=function(t,e){if(r(e,t))return t;throw new o("Incorrect invocation")}},function(t,e,n){"use strict";var r=n(3);t.exports=!r((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},function(t,e,n){"use strict";var r=n(80),o=n(18);t.exports=function(t,e,n){return n.get&&r(n.get,e,{getter:!0}),n.set&&r(n.set,e,{setter:!0}),o.f(t,e,n)}},function(t,e,n){"use strict";var r=n(5),o=n(18),i=n(31);t.exports=function(t,e,n){r?o.f(t,e,i(0,n)):t[e]=n}},function(t,e,n){"use strict";var r=n(5),o=n(79),i=n(18),a=n(1),s=n(32),l=n(145);e.f=r&&!o?Object.defineProperties:function(t,e){a(t);for(var n,r=s(e),o=l(e),u=o.length,c=0;u>c;)i.f(t,n=o[c++],r[n]);return t}},function(t,e,n){"use strict";var r=n(83),o=n(53);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){"use strict";var r=n(33);t.exports=r("document","documentElement")},function(t,e,n){"use strict";var r=n(11),o=n(13),i=n(8),a=n(1),s=n(25),l=n(88),u=n(89),c=n(23),p=l((function(){for(var t,e,n=this.iterator,r=this.predicate,i=this.next;;){if(t=a(o(i,n)),this.done=!!t.done)return;if(e=t.value,u(n,r,[e,this.counter++],!0))return e}}));r({target:"Iterator",proto:!0,real:!0,forced:c},{filter:function(t){return a(this),i(t),new p(s(this),{predicate:t})}})},function(t,e,n){"use strict";var r=n(50);t.exports=function(t,e,n){for(var o in e)r(t,o,e[o],n);return t}},function(t,e,n){"use strict";t.exports=function(t,e){return{value:t,done:e}}},function(t,e,n){"use strict";var r=n(11),o=n(151);r({target:"Iterator",proto:!0,real:!0,forced:n(23)},{map:o})},function(t,e,n){"use strict";var r=n(13),o=n(8),i=n(1),a=n(25),s=n(88),l=n(89),u=s((function(){var t=this.iterator,e=i(r(this.next,t));if(!(this.done=!!e.done))return l(t,this.mapper,[e.value,this.counter++],!0)}));t.exports=function(t){return i(this),o(t),new u(a(this),{mapper:t})}},function(t,e,n){"use strict";var r=n(11),o=n(153).left,i=n(154),a=n(73);r({target:"Array",proto:!0,forced:!n(155)&&a>79&&a<83||!i("reduce")},{reduce:function(t){var e=arguments.length;return o(this,t,e,e>1?arguments[1]:void 0)}})},function(t,e,n){"use strict";var r=n(8),o=n(36),i=n(68),a=n(37),s=TypeError,l="Reduce of empty array with no initial value",u=function(t){return function(e,n,u,c){var p=o(e),f=i(p),d=a(p);if(r(n),0===d&&u<2)throw new s(l);var h=t?d-1:0,v=t?-1:1;if(u<2)for(;;){if(h in f){c=f[h],h+=v;break}if(h+=v,t?h<0:d<=h)throw new s(l)}for(;t?h>=0:d>h;h+=v)h in f&&(c=n(c,f[h],h,p));return c}};t.exports={left:u(!1),right:u(!0)}},function(t,e,n){"use strict";var r=n(3);t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){return 1},1)}))}},function(t,e,n){"use strict";var r=n(156);t.exports="NODE"===r},function(t,e,n){"use strict";var r=n(2),o=n(74),i=n(27),a=function(t){return o.slice(0,t.length)===t};t.exports=a("Bun/")?"BUN":a("Cloudflare-Workers")?"CLOUDFLARE":a("Deno/")?"DENO":a("Node.js/")?"NODE":r.Bun&&"string"==typeof Bun.version?"BUN":r.Deno&&"object"==typeof Deno.version?"DENO":"process"===i(r.process)?"NODE":r.window&&r.document?"BROWSER":"REST"},function(t,e,n){"use strict";var r=n(11),o=n(44),i=n(8),a=n(1),s=n(25);r({target:"Iterator",proto:!0,real:!0},{forEach:function(t){a(this),i(t);var e=s(this),n=0;o(e,(function(e){t(e,n++)}),{IS_RECORD:!0})}})},function(t,e,n){"use strict";var r=n(159),o=n(8),i=n(30),a=r(r.bind);t.exports=function(t,e){return o(t),void 0===e?t:i?a(t,e):function(){return t.apply(e,arguments)}}},function(t,e,n){"use strict";var r=n(27),o=n(6);t.exports=function(t){if("Function"===r(t))return o(t)}},function(t,e,n){"use strict";var r=n(16),o=n(90),i=r("iterator"),a=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||a[i]===t)}},function(t,e,n){"use strict";var r=n(13),o=n(8),i=n(1),a=n(47),s=n(91),l=TypeError;t.exports=function(t,e){var n=arguments.length<2?s(t):e;if(o(n))return i(r(n,t));throw new l(a(t)+" is not iterable")}},function(t,e,n){"use strict";var r={};r[n(16)("toStringTag")]="z",t.exports="[object z]"===String(r)},function(t,e,n){"use strict";n(164)},function(t,e,n){"use strict";var r=n(11),o=n(44),i=n(8),a=n(1),s=n(25),l=TypeError;r({target:"Iterator",proto:!0,real:!0},{reduce:function(t){a(this),i(t);var e=s(this),n=arguments.length<2,r=n?void 0:arguments[1],u=0;if(o(e,(function(e){n?(n=!1,r=e):r=t(r,e,u),u++}),{IS_RECORD:!0}),n)throw new l("Reduce of empty iterator with no initial value");return r}})},function(t,e,n){"use strict";var r=n(11),o=n(2),i=n(166),a=n(167),s=o.WebAssembly,l=7!==new Error("e",{cause:7}).cause,u=function(t,e){var n={};n[t]=a(t,e,l),r({global:!0,constructor:!0,arity:1,forced:l},n)},c=function(t,e){if(s&&s[t]){var n={};n[t]=a("WebAssembly."+t,e,l),r({target:"WebAssembly",stat:!0,constructor:!0,arity:1,forced:l},n)}};u("Error",(function(t){return function(e){return i(t,this,arguments)}})),u("EvalError",(function(t){return function(e){return i(t,this,arguments)}})),u("RangeError",(function(t){return function(e){return i(t,this,arguments)}})),u("ReferenceError",(function(t){return function(e){return i(t,this,arguments)}})),u("SyntaxError",(function(t){return function(e){return i(t,this,arguments)}})),u("TypeError",(function(t){return function(e){return i(t,this,arguments)}})),u("URIError",(function(t){return function(e){return i(t,this,arguments)}})),c("CompileError",(function(t){return function(e){return i(t,this,arguments)}})),c("LinkError",(function(t){return function(e){return i(t,this,arguments)}})),c("RuntimeError",(function(t){return function(e){return i(t,this,arguments)}}))},function(t,e,n){"use strict";var r=n(30),o=Function.prototype,i=o.apply,a=o.call;t.exports="object"==typeof Reflect&&Reflect.apply||(r?a.bind(i):function(){return a.apply(i,arguments)})},function(t,e,n){"use strict";var r=n(33),o=n(10),i=n(24),a=n(34),s=n(93),l=n(82),u=n(171),c=n(172),p=n(173),f=n(175),d=n(176),h=n(5),v=n(23);t.exports=function(t,e,n,g){var m=g?2:1,y=t.split("."),b=y[y.length-1],_=r.apply(null,y);if(_){var x=_.prototype;if(!v&&o(x,"cause")&&delete x.cause,!n)return _;var w=r("Error"),k=e((function(t,e){var n=p(g?e:t,void 0),r=g?new _(t):new _;return void 0!==n&&i(r,"message",n),d(r,k,r.stack,2),this&&a(x,this)&&c(r,this,k),arguments.length>m&&f(r,arguments[m]),r}));if(k.prototype=x,"Error"!==b?s?s(k,w):l(k,w,{name:!0}):h&&"stackTraceLimit"in _&&(u(k,_,"stackTraceLimit"),u(k,_,"prepareStackTrace")),l(k,_),!v)try{x.name!==b&&i(x,"name",b),x.constructor=k}catch(t){}return k}}},function(t,e,n){"use strict";var r=n(6),o=n(8);t.exports=function(t,e,n){try{return r(o(Object.getOwnPropertyDescriptor(t,e)[n]))}catch(t){}}},function(t,e,n){"use strict";var r=n(170),o=String,i=TypeError;t.exports=function(t){if(r(t))return t;throw new i("Can't set "+o(t)+" as a prototype")}},function(t,e,n){"use strict";var r=n(9);t.exports=function(t){return r(t)||null===t}},function(t,e,n){"use strict";var r=n(18).f;t.exports=function(t,e,n){n in t||r(t,n,{configurable:!0,get:function(){return e[n]},set:function(t){e[n]=t}})}},function(t,e,n){"use strict";var r=n(0),o=n(9),i=n(93);t.exports=function(t,e,n){var a,s;return i&&r(a=e.constructor)&&a!==n&&o(s=a.prototype)&&s!==n.prototype&&i(t,s),t}},function(t,e,n){"use strict";var r=n(174);t.exports=function(t,e){return void 0===t?arguments.length<2?"":e:r(t)}},function(t,e,n){"use strict";var r=n(92),o=String;t.exports=function(t){if("Symbol"===r(t))throw new TypeError("Cannot convert a Symbol value to a string");return o(t)}},function(t,e,n){"use strict";var r=n(9),o=n(24);t.exports=function(t,e){r(e)&&"cause"in e&&o(t,"cause",e.cause)}},function(t,e,n){"use strict";var r=n(24),o=n(177),i=n(178),a=Error.captureStackTrace;t.exports=function(t,e,n,s){i&&(a?a(t,e):r(t,"stack",o(n,s)))}},function(t,e,n){"use strict";var r=n(6),o=Error,i=r("".replace),a=String(new o("zxcasd").stack),s=/\n\s*at [^:]*:[^\n]*/,l=s.test(a);t.exports=function(t,e){if(l&&"string"==typeof t&&!o.prepareStackTrace)for(;e--;)t=i(t,s,"");return t}},function(t,e,n){"use strict";var r=n(3),o=n(31);t.exports=!r((function(){var t=new Error("a");return!("stack"in t)||(Object.defineProperty(t,"stack",o(1,7)),7!==t.stack)}))},function(t,e,n){"use strict";var r=n(5),o=n(180),i=TypeError,a=Object.getOwnPropertyDescriptor,s=r&&!function(){if(void 0!==this)return!0;try{Object.defineProperty([],"length",{writable:!1}).length=1}catch(t){return t instanceof TypeError}}();t.exports=s?function(t,e){if(o(t)&&!a(t,"length").writable)throw new i("Cannot set read only .length");return t.length=e}:function(t,e){return t.length=e}},function(t,e,n){"use strict";var r=n(27);t.exports=Array.isArray||function(t){return"Array"===r(t)}},function(t,e,n){"use strict";var r=TypeError;t.exports=function(t){if(t>9007199254740991)throw r("Maximum allowed index exceeded");return t}},function(t,e,n){var r=n(94),o=n(183);t.exports=function t(e,n,i,a,s){var l=-1,u=e.length;for(i||(i=o),s||(s=[]);++l<u;){var c=e[l];n>0&&i(c)?n>1?t(c,n-1,i,a,s):r(s,c):a||(s[s.length]=c)}return s}},function(t,e,n){var r=n(28),o=n(55),i=n(12),a=r?r.isConcatSpreadable:void 0;t.exports=function(t){return i(t)||o(t)||!!(a&&t&&t[a])}},function(t,e,n){var r=n(26),o=n(22);t.exports=function(t){return o(t)&&"[object Arguments]"==r(t)}},function(t,e,n){var r=n(28),o=Object.prototype,i=o.hasOwnProperty,a=o.toString,s=r?r.toStringTag:void 0;t.exports=function(t){var e=i.call(t,s),n=t[s];try{t[s]=void 0;var r=!0}catch(t){}var o=a.call(t);return r&&(e?t[s]=n:delete t[s]),o}},function(t,e){var n=Object.prototype.toString;t.exports=function(t){return n.call(t)}},function(t,e,n){var r=n(188),o=n(244),i=n(63),a=n(12),s=n(255);t.exports=function(t){return"function"==typeof t?t:null==t?i:"object"==typeof t?a(t)?o(t[0],t[1]):r(t):s(t)}},function(t,e,n){var r=n(189),o=n(243),i=n(111);t.exports=function(t){var e=o(t);return 1==e.length&&e[0][2]?i(e[0][0],e[0][1]):function(n){return n===t||r(n,t,e)}}},function(t,e,n){var r=n(96),o=n(100);t.exports=function(t,e,n,i){var a=n.length,s=a,l=!i;if(null==t)return!s;for(t=Object(t);a--;){var u=n[a];if(l&&u[2]?u[1]!==t[u[0]]:!(u[0]in t))return!1}for(;++a<s;){var c=(u=n[a])[0],p=t[c],f=u[1];if(l&&u[2]){if(void 0===p&&!(c in t))return!1}else{var d=new r;if(i)var h=i(p,f,c,t,e,d);if(!(void 0===h?o(f,p,3,i,d):h))return!1}}return!0}},function(t,e){t.exports=function(){this.__data__=[],this.size=0}},function(t,e,n){var r=n(39),o=Array.prototype.splice;t.exports=function(t){var e=this.__data__,n=r(e,t);return!(n<0)&&(n==e.length-1?e.pop():o.call(e,n,1),--this.size,!0)}},function(t,e,n){var r=n(39);t.exports=function(t){var e=this.__data__,n=r(e,t);return n<0?void 0:e[n][1]}},function(t,e,n){var r=n(39);t.exports=function(t){return r(this.__data__,t)>-1}},function(t,e,n){var r=n(39);t.exports=function(t,e){var n=this.__data__,o=r(n,t);return o<0?(++this.size,n.push([t,e])):n[o][1]=e,this}},function(t,e,n){var r=n(38);t.exports=function(){this.__data__=new r,this.size=0}},function(t,e){t.exports=function(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n}},function(t,e){t.exports=function(t){return this.__data__.get(t)}},function(t,e){t.exports=function(t){return this.__data__.has(t)}},function(t,e,n){var r=n(38),o=n(56),i=n(58);t.exports=function(t,e){var n=this.__data__;if(n instanceof r){var a=n.__data__;if(!o||a.length<199)return a.push([t,e]),this.size=++n.size,this;n=this.__data__=new i(a)}return n.set(t,e),this.size=n.size,this}},function(t,e,n){var r=n(98),o=n(201),i=n(57),a=n(99),s=/^\[object .+?Constructor\]$/,l=Function.prototype,u=Object.prototype,c=l.toString,p=u.hasOwnProperty,f=RegExp("^"+c.call(p).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");t.exports=function(t){return!(!i(t)||o(t))&&(r(t)?f:s).test(a(t))}},function(t,e,n){var r,o=n(202),i=(r=/[^.]+$/.exec(o&&o.keys&&o.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"";t.exports=function(t){return!!i&&i in t}},function(t,e,n){var r=n(14)["__core-js_shared__"];t.exports=r},function(t,e){t.exports=function(t,e){return null==t?void 0:t[e]}},function(t,e,n){var r=n(205),o=n(38),i=n(56);t.exports=function(){this.size=0,this.__data__={hash:new r,map:new(i||o),string:new r}}},function(t,e,n){var r=n(206),o=n(207),i=n(208),a=n(209),s=n(210);function l(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}l.prototype.clear=r,l.prototype.delete=o,l.prototype.get=i,l.prototype.has=a,l.prototype.set=s,t.exports=l},function(t,e,n){var r=n(40);t.exports=function(){this.__data__=r?r(null):{},this.size=0}},function(t,e){t.exports=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}},function(t,e,n){var r=n(40),o=Object.prototype.hasOwnProperty;t.exports=function(t){var e=this.__data__;if(r){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return o.call(e,t)?e[t]:void 0}},function(t,e,n){var r=n(40),o=Object.prototype.hasOwnProperty;t.exports=function(t){var e=this.__data__;return r?void 0!==e[t]:o.call(e,t)}},function(t,e,n){var r=n(40);t.exports=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=r&&void 0===e?"__lodash_hash_undefined__":e,this}},function(t,e,n){var r=n(41);t.exports=function(t){var e=r(this,t).delete(t);return this.size-=e?1:0,e}},function(t,e){t.exports=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t}},function(t,e,n){var r=n(41);t.exports=function(t){return r(this,t).get(t)}},function(t,e,n){var r=n(41);t.exports=function(t){return r(this,t).has(t)}},function(t,e,n){var r=n(41);t.exports=function(t,e){var n=r(this,t),o=n.size;return n.set(t,e),this.size+=n.size==o?0:1,this}},function(t,e,n){var r=n(96),o=n(101),i=n(220),a=n(223),s=n(239),l=n(12),u=n(105),c=n(107),p="[object Object]",f=Object.prototype.hasOwnProperty;t.exports=function(t,e,n,d,h,v){var g=l(t),m=l(e),y=g?"[object Array]":s(t),b=m?"[object Array]":s(e),_=(y="[object Arguments]"==y?p:y)==p,x=(b="[object Arguments]"==b?p:b)==p,w=y==b;if(w&&u(t)){if(!u(e))return!1;g=!0,_=!1}if(w&&!_)return v||(v=new r),g||c(t)?o(t,e,n,d,h,v):i(t,e,y,n,d,h,v);if(!(1&n)){var k=_&&f.call(t,"__wrapped__"),E=x&&f.call(e,"__wrapped__");if(k||E){var C=k?t.value():t,S=E?e.value():e;return v||(v=new r),h(C,S,n,d,v)}}return!!w&&(v||(v=new r),a(t,e,n,d,h,v))}},function(t,e){t.exports=function(t){return this.__data__.set(t,"__lodash_hash_undefined__"),this}},function(t,e){t.exports=function(t){return this.__data__.has(t)}},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length;++n<r;)if(e(t[n],n,t))return!0;return!1}},function(t,e,n){var r=n(28),o=n(221),i=n(97),a=n(101),s=n(222),l=n(59),u=r?r.prototype:void 0,c=u?u.valueOf:void 0;t.exports=function(t,e,n,r,u,p,f){switch(n){case"[object DataView]":if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(t.byteLength!=e.byteLength||!p(new o(t),new o(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return i(+t,+e);case"[object Error]":return t.name==e.name&&t.message==e.message;case"[object RegExp]":case"[object String]":return t==e+"";case"[object Map]":var d=s;case"[object Set]":var h=1&r;if(d||(d=l),t.size!=e.size&&!h)return!1;var v=f.get(t);if(v)return v==e;r|=2,f.set(t,e);var g=a(d(t),d(e),r,u,p,f);return f.delete(t),g;case"[object Symbol]":if(c)return c.call(t)==c.call(e)}return!1}},function(t,e,n){var r=n(14).Uint8Array;t.exports=r},function(t,e){t.exports=function(t){var e=-1,n=Array(t.size);return t.forEach((function(t,r){n[++e]=[r,t]})),n}},function(t,e,n){var r=n(224),o=Object.prototype.hasOwnProperty;t.exports=function(t,e,n,i,a,s){var l=1&n,u=r(t),c=u.length;if(c!=r(e).length&&!l)return!1;for(var p=c;p--;){var f=u[p];if(!(l?f in e:o.call(e,f)))return!1}var d=s.get(t),h=s.get(e);if(d&&h)return d==e&&h==t;var v=!0;s.set(t,e),s.set(e,t);for(var g=l;++p<c;){var m=t[f=u[p]],y=e[f];if(i)var b=l?i(y,m,f,e,t,s):i(m,y,f,t,e,s);if(!(void 0===b?m===y||a(m,y,n,i,s):b)){v=!1;break}g||(g="constructor"==f)}if(v&&!g){var _=t.constructor,x=e.constructor;_==x||!("constructor"in t)||!("constructor"in e)||"function"==typeof _&&_ instanceof _&&"function"==typeof x&&x instanceof x||(v=!1)}return s.delete(t),s.delete(e),v}},function(t,e,n){var r=n(225),o=n(226),i=n(104);t.exports=function(t){return r(t,i,o)}},function(t,e,n){var r=n(94),o=n(12);t.exports=function(t,e,n){var i=e(t);return o(t)?i:r(i,n(t))}},function(t,e,n){var r=n(227),o=n(228),i=Object.prototype.propertyIsEnumerable,a=Object.getOwnPropertySymbols,s=a?function(t){return null==t?[]:(t=Object(t),r(a(t),(function(e){return i.call(t,e)})))}:o;t.exports=s},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length,o=0,i=[];++n<r;){var a=t[n];e(a,n,t)&&(i[o++]=a)}return i}},function(t,e){t.exports=function(){return[]}},function(t,e,n){var r=n(230),o=n(55),i=n(12),a=n(105),s=n(106),l=n(107),u=Object.prototype.hasOwnProperty;t.exports=function(t,e){var n=i(t),c=!n&&o(t),p=!n&&!c&&a(t),f=!n&&!c&&!p&&l(t),d=n||c||p||f,h=d?r(t.length,String):[],v=h.length;for(var g in t)!e&&!u.call(t,g)||d&&("length"==g||p&&("offset"==g||"parent"==g)||f&&("buffer"==g||"byteLength"==g||"byteOffset"==g)||s(g,v))||h.push(g);return h}},function(t,e){t.exports=function(t,e){for(var n=-1,r=Array(t);++n<t;)r[n]=e(n);return r}},function(t,e){t.exports=function(){return!1}},function(t,e,n){var r=n(26),o=n(60),i=n(22),a={};a["[object Float32Array]"]=a["[object Float64Array]"]=a["[object Int8Array]"]=a["[object Int16Array]"]=a["[object Int32Array]"]=a["[object Uint8Array]"]=a["[object Uint8ClampedArray]"]=a["[object Uint16Array]"]=a["[object Uint32Array]"]=!0,a["[object Arguments]"]=a["[object Array]"]=a["[object ArrayBuffer]"]=a["[object Boolean]"]=a["[object DataView]"]=a["[object Date]"]=a["[object Error]"]=a["[object Function]"]=a["[object Map]"]=a["[object Number]"]=a["[object Object]"]=a["[object RegExp]"]=a["[object Set]"]=a["[object String]"]=a["[object WeakMap]"]=!1,t.exports=function(t){return i(t)&&o(t.length)&&!!a[r(t)]}},function(t,e){t.exports=function(t){return function(e){return t(e)}}},function(t,e,n){(function(t){var r=n(95),o=e&&!e.nodeType&&e,i=o&&"object"==typeof t&&t&&!t.nodeType&&t,a=i&&i.exports===o&&r.process,s=function(){try{var t=i&&i.require&&i.require("util").types;return t||a&&a.binding&&a.binding("util")}catch(t){}}();t.exports=s}).call(this,n(65)(t))},function(t,e,n){var r=n(236),o=n(237),i=Object.prototype.hasOwnProperty;t.exports=function(t){if(!r(t))return o(t);var e=[];for(var n in Object(t))i.call(t,n)&&"constructor"!=n&&e.push(n);return e}},function(t,e){var n=Object.prototype;t.exports=function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype||n)}},function(t,e,n){var r=n(238)(Object.keys,Object);t.exports=r},function(t,e){t.exports=function(t,e){return function(n){return t(e(n))}}},function(t,e,n){var r=n(240),o=n(56),i=n(241),a=n(109),s=n(242),l=n(26),u=n(99),c=u(r),p=u(o),f=u(i),d=u(a),h=u(s),v=l;(r&&"[object DataView]"!=v(new r(new ArrayBuffer(1)))||o&&"[object Map]"!=v(new o)||i&&"[object Promise]"!=v(i.resolve())||a&&"[object Set]"!=v(new a)||s&&"[object WeakMap]"!=v(new s))&&(v=function(t){var e=l(t),n="[object Object]"==e?t.constructor:void 0,r=n?u(n):"";if(r)switch(r){case c:return"[object DataView]";case p:return"[object Map]";case f:return"[object Promise]";case d:return"[object Set]";case h:return"[object WeakMap]"}return e}),t.exports=v},function(t,e,n){var r=n(19)(n(14),"DataView");t.exports=r},function(t,e,n){var r=n(19)(n(14),"Promise");t.exports=r},function(t,e,n){var r=n(19)(n(14),"WeakMap");t.exports=r},function(t,e,n){var r=n(110),o=n(104);t.exports=function(t){for(var e=o(t),n=e.length;n--;){var i=e[n],a=t[i];e[n]=[i,a,r(a)]}return e}},function(t,e,n){var r=n(100),o=n(245),i=n(252),a=n(61),s=n(110),l=n(111),u=n(42);t.exports=function(t,e){return a(t)&&s(e)?l(u(t),e):function(n){var a=o(n,t);return void 0===a&&a===e?i(n,t):r(e,a,3)}}},function(t,e,n){var r=n(112);t.exports=function(t,e,n){var o=null==t?void 0:r(t,e);return void 0===o?n:o}},function(t,e,n){var r=n(247),o=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,i=/\\(\\)?/g,a=r((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(o,(function(t,n,r,o){e.push(r?o.replace(i,"$1"):n||t)})),e}));t.exports=a},function(t,e,n){var r=n(248);t.exports=function(t){var e=r(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}},function(t,e,n){var r=n(58);function o(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=t.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(o.Cache||r),n}o.Cache=r,t.exports=o},function(t,e,n){var r=n(250);t.exports=function(t){return null==t?"":r(t)}},function(t,e,n){var r=n(28),o=n(251),i=n(12),a=n(62),s=r?r.prototype:void 0,l=s?s.toString:void 0;t.exports=function t(e){if("string"==typeof e)return e;if(i(e))return o(e,t)+"";if(a(e))return l?l.call(e):"";var n=e+"";return"0"==n&&1/e==-1/0?"-0":n}},function(t,e){t.exports=function(t,e){for(var n=-1,r=null==t?0:t.length,o=Array(r);++n<r;)o[n]=e(t[n],n,t);return o}},function(t,e,n){var r=n(253),o=n(254);t.exports=function(t,e){return null!=t&&o(t,e,r)}},function(t,e){t.exports=function(t,e){return null!=t&&e in Object(t)}},function(t,e,n){var r=n(113),o=n(55),i=n(12),a=n(106),s=n(60),l=n(42);t.exports=function(t,e,n){for(var u=-1,c=(e=r(e,t)).length,p=!1;++u<c;){var f=l(e[u]);if(!(p=null!=t&&n(t,f)))break;t=t[f]}return p||++u!=c?p:!!(c=null==t?0:t.length)&&s(c)&&a(f,c)&&(i(t)||o(t))}},function(t,e,n){var r=n(256),o=n(257),i=n(61),a=n(42);t.exports=function(t){return i(t)?r(a(t)):o(t)}},function(t,e){t.exports=function(t){return function(e){return null==e?void 0:e[t]}}},function(t,e,n){var r=n(112);t.exports=function(t){return function(e){return r(e,t)}}},function(t,e,n){var r=n(63),o=n(259),i=n(261);t.exports=function(t,e){return i(o(t,e,r),t+"")}},function(t,e,n){var r=n(260),o=Math.max;t.exports=function(t,e,n){return e=o(void 0===e?t.length-1:e,0),function(){for(var i=arguments,a=-1,s=o(i.length-e,0),l=Array(s);++a<s;)l[a]=i[e+a];a=-1;for(var u=Array(e+1);++a<e;)u[a]=i[a];return u[e]=n(l),r(t,this,u)}}},function(t,e){t.exports=function(t,e,n){switch(n.length){case 0:return t.call(e);case 1:return t.call(e,n[0]);case 2:return t.call(e,n[0],n[1]);case 3:return t.call(e,n[0],n[1],n[2])}return t.apply(e,n)}},function(t,e,n){var r=n(262),o=n(265)(r);t.exports=o},function(t,e,n){var r=n(263),o=n(264),i=n(63),a=o?function(t,e){return o(t,"toString",{configurable:!0,enumerable:!1,value:r(e),writable:!0})}:i;t.exports=a},function(t,e){t.exports=function(t){return function(){return t}}},function(t,e,n){var r=n(19),o=function(){try{var t=r(Object,"defineProperty");return t({},"",{}),t}catch(t){}}();t.exports=o},function(t,e){var n=Date.now;t.exports=function(t){var e=0,r=0;return function(){var o=n(),i=16-(o-r);if(r=o,i>0){if(++e>=800)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}},function(t,e,n){var r=n(102),o=n(267),i=n(272),a=n(103),s=n(273),l=n(59);t.exports=function(t,e,n){var u=-1,c=o,p=t.length,f=!0,d=[],h=d;if(n)f=!1,c=i;else if(p>=200){var v=e?null:s(t);if(v)return l(v);f=!1,c=a,h=new r}else h=e?[]:d;t:for(;++u<p;){var g=t[u],m=e?e(g):g;if(g=n||0!==g?g:0,f&&m==m){for(var y=h.length;y--;)if(h[y]===m)continue t;e&&h.push(m),d.push(g)}else c(h,m,n)||(h!==d&&h.push(m),d.push(g))}return d}},function(t,e,n){var r=n(268);t.exports=function(t,e){return!!(null==t?0:t.length)&&r(t,e,0)>-1}},function(t,e,n){var r=n(269),o=n(270),i=n(271);t.exports=function(t,e,n){return e==e?i(t,e,n):r(t,o,n)}},function(t,e){t.exports=function(t,e,n,r){for(var o=t.length,i=n+(r?1:-1);r?i--:++i<o;)if(e(t[i],i,t))return i;return-1}},function(t,e){t.exports=function(t){return t!=t}},function(t,e){t.exports=function(t,e,n){for(var r=n-1,o=t.length;++r<o;)if(t[r]===e)return r;return-1}},function(t,e){t.exports=function(t,e,n){for(var r=-1,o=null==t?0:t.length;++r<o;)if(n(e,t[r]))return!0;return!1}},function(t,e,n){var r=n(109),o=n(274),i=n(59),a=r&&1/i(new r([,-0]))[1]==1/0?function(t){return new r(t)}:o;t.exports=a},function(t,e){t.exports=function(){}},function(t,e,n){var r=n(108),o=n(22);t.exports=function(t){return o(t)&&r(t)}},function(t,e,n){"use strict";var r=n(11),o=n(44),i=n(8),a=n(1),s=n(25);r({target:"Iterator",proto:!0,real:!0},{some:function(t){a(this),i(t);var e=s(this),n=0;return o(e,(function(e,r){if(t(e,n++))return r()}),{IS_RECORD:!0,INTERRUPTED:!0}).stopped}})},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n(114)},function(t,e,n){"use strict";n(115)},function(t,e,n){},function(t,e,n){},function(t,e,n){"use strict";n(116)},function(t,e,n){"use strict";n(117)},function(t,e,n){"use strict";n(118)},function(t,e,n){"use strict";n.r(e);n(4),n(15),n(21);var r=Object.freeze({}),o=Array.isArray;function i(t){return null==t}function a(t){return null!=t}function s(t){return!0===t}function l(t){return"string"==typeof t||"number"==typeof t||"symbol"==typeof t||"boolean"==typeof t}function u(t){return"function"==typeof t}function c(t){return null!==t&&"object"==typeof t}var p=Object.prototype.toString;function f(t){return"[object Object]"===p.call(t)}function d(t){return"[object RegExp]"===p.call(t)}function h(t){var e=parseFloat(String(t));return e>=0&&Math.floor(e)===e&&isFinite(t)}function v(t){return a(t)&&"function"==typeof t.then&&"function"==typeof t.catch}function g(t){return null==t?"":Array.isArray(t)||f(t)&&t.toString===p?JSON.stringify(t,m,2):String(t)}function m(t,e){return e&&e.__v_isRef?e.value:e}function y(t){var e=parseFloat(t);return isNaN(e)?t:e}function b(t,e){for(var n=Object.create(null),r=t.split(","),o=0;o<r.length;o++)n[r[o]]=!0;return e?function(t){return n[t.toLowerCase()]}:function(t){return n[t]}}b("slot,component",!0);var _=b("key,ref,slot,slot-scope,is");function x(t,e){var n=t.length;if(n){if(e===t[n-1])return void(t.length=n-1);var r=t.indexOf(e);if(r>-1)return t.splice(r,1)}}var w=Object.prototype.hasOwnProperty;function k(t,e){return w.call(t,e)}function E(t){var e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}var C=/-(\w)/g,S=E((function(t){return t.replace(C,(function(t,e){return e?e.toUpperCase():""}))})),O=E((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})),j=/\B([A-Z])/g,T=E((function(t){return t.replace(j,"-$1").toLowerCase()}));var $=Function.prototype.bind?function(t,e){return t.bind(e)}:function(t,e){function n(n){var r=arguments.length;return r?r>1?t.apply(e,arguments):t.call(e,n):t.call(e)}return n._length=t.length,n};function A(t,e){e=e||0;for(var n=t.length-e,r=new Array(n);n--;)r[n]=t[n+e];return r}function P(t,e){for(var n in e)t[n]=e[n];return t}function B(t){for(var e={},n=0;n<t.length;n++)t[n]&&P(e,t[n]);return e}function L(t,e,n){}var R=function(t,e,n){return!1},D=function(t){return t};function I(t,e){if(t===e)return!0;var n=c(t),r=c(e);if(!n||!r)return!n&&!r&&String(t)===String(e);try{var o=Array.isArray(t),i=Array.isArray(e);if(o&&i)return t.length===e.length&&t.every((function(t,n){return I(t,e[n])}));if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();if(o||i)return!1;var a=Object.keys(t),s=Object.keys(e);return a.length===s.length&&a.every((function(n){return I(t[n],e[n])}))}catch(t){return!1}}function M(t,e){for(var n=0;n<t.length;n++)if(I(t[n],e))return n;return-1}function U(t){var e=!1;return function(){e||(e=!0,t.apply(this,arguments))}}function z(t,e){return t===e?0===t&&1/t!=1/e:t==t||e==e}var N=["component","directive","filter"],F=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","activated","deactivated","errorCaptured","serverPrefetch","renderTracked","renderTriggered"],q={optionMergeStrategies:Object.create(null),silent:!1,productionTip:!1,devtools:!1,performance:!1,errorHandler:null,warnHandler:null,ignoredElements:[],keyCodes:Object.create(null),isReservedTag:R,isReservedAttr:R,isUnknownElement:R,getTagNamespace:L,parsePlatformTagName:D,mustUseProp:R,async:!0,_lifecycleHooks:F},V=/a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;function H(t){var e=(t+"").charCodeAt(0);return 36===e||95===e}function W(t,e,n,r){Object.defineProperty(t,e,{value:n,enumerable:!!r,writable:!0,configurable:!0})}var G=new RegExp("[^".concat(V.source,".$_\\d]"));var Z="__proto__"in{},J="undefined"!=typeof window,K=J&&window.navigator.userAgent.toLowerCase(),X=K&&/msie|trident/.test(K),Y=K&&K.indexOf("msie 9.0")>0,Q=K&&K.indexOf("edge/")>0;K&&K.indexOf("android");var tt=K&&/iphone|ipad|ipod|ios/.test(K);K&&/chrome\/\d+/.test(K),K&&/phantomjs/.test(K);var et,nt=K&&K.match(/firefox\/(\d+)/),rt={}.watch,ot=!1;if(J)try{var it={};Object.defineProperty(it,"passive",{get:function(){ot=!0}}),window.addEventListener("test-passive",null,it)}catch(t){}var at=function(){return void 0===et&&(et=!J&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),et},st=J&&window.__VUE_DEVTOOLS_GLOBAL_HOOK__;function lt(t){return"function"==typeof t&&/native code/.test(t.toString())}var ut,ct="undefined"!=typeof Symbol&&lt(Symbol)&&"undefined"!=typeof Reflect&&lt(Reflect.ownKeys);ut="undefined"!=typeof Set&&lt(Set)?Set:function(){function t(){this.set=Object.create(null)}return t.prototype.has=function(t){return!0===this.set[t]},t.prototype.add=function(t){this.set[t]=!0},t.prototype.clear=function(){this.set=Object.create(null)},t}();var pt=null;function ft(t){void 0===t&&(t=null),t||pt&&pt._scope.off(),pt=t,t&&t._scope.on()}var dt=function(){function t(t,e,n,r,o,i,a,s){this.tag=t,this.data=e,this.children=n,this.text=r,this.elm=o,this.ns=void 0,this.context=i,this.fnContext=void 0,this.fnOptions=void 0,this.fnScopeId=void 0,this.key=e&&e.key,this.componentOptions=a,this.componentInstance=void 0,this.parent=void 0,this.raw=!1,this.isStatic=!1,this.isRootInsert=!0,this.isComment=!1,this.isCloned=!1,this.isOnce=!1,this.asyncFactory=s,this.asyncMeta=void 0,this.isAsyncPlaceholder=!1}return Object.defineProperty(t.prototype,"child",{get:function(){return this.componentInstance},enumerable:!1,configurable:!0}),t}(),ht=function(t){void 0===t&&(t="");var e=new dt;return e.text=t,e.isComment=!0,e};function vt(t){return new dt(void 0,void 0,void 0,String(t))}function gt(t){var e=new dt(t.tag,t.data,t.children&&t.children.slice(),t.text,t.elm,t.context,t.componentOptions,t.asyncFactory);return e.ns=t.ns,e.isStatic=t.isStatic,e.key=t.key,e.isComment=t.isComment,e.fnContext=t.fnContext,e.fnOptions=t.fnOptions,e.fnScopeId=t.fnScopeId,e.asyncMeta=t.asyncMeta,e.isCloned=!0,e}"function"==typeof SuppressedError&&SuppressedError;var mt=0,yt=[],bt=function(){function t(){this._pending=!1,this.id=mt++,this.subs=[]}return t.prototype.addSub=function(t){this.subs.push(t)},t.prototype.removeSub=function(t){this.subs[this.subs.indexOf(t)]=null,this._pending||(this._pending=!0,yt.push(this))},t.prototype.depend=function(e){t.target&&t.target.addDep(this)},t.prototype.notify=function(t){var e=this.subs.filter((function(t){return t}));for(var n=0,r=e.length;n<r;n++){0,e[n].update()}},t}();bt.target=null;var _t=[];function xt(t){_t.push(t),bt.target=t}function wt(){_t.pop(),bt.target=_t[_t.length-1]}var kt=Array.prototype,Et=Object.create(kt);["push","pop","shift","unshift","splice","sort","reverse"].forEach((function(t){var e=kt[t];W(Et,t,(function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var o,i=e.apply(this,n),a=this.__ob__;switch(t){case"push":case"unshift":o=n;break;case"splice":o=n.slice(2)}return o&&a.observeArray(o),a.dep.notify(),i}))}));var Ct=Object.getOwnPropertyNames(Et),St={},Ot=!0;function jt(t){Ot=t}var Tt={notify:L,depend:L,addSub:L,removeSub:L},$t=function(){function t(t,e,n){if(void 0===e&&(e=!1),void 0===n&&(n=!1),this.value=t,this.shallow=e,this.mock=n,this.dep=n?Tt:new bt,this.vmCount=0,W(t,"__ob__",this),o(t)){if(!n)if(Z)t.__proto__=Et;else for(var r=0,i=Ct.length;r<i;r++){W(t,s=Ct[r],Et[s])}e||this.observeArray(t)}else{var a=Object.keys(t);for(r=0;r<a.length;r++){var s;Pt(t,s=a[r],St,void 0,e,n)}}}return t.prototype.observeArray=function(t){for(var e=0,n=t.length;e<n;e++)At(t[e],!1,this.mock)},t}();function At(t,e,n){return t&&k(t,"__ob__")&&t.__ob__ instanceof $t?t.__ob__:!Ot||!n&&at()||!o(t)&&!f(t)||!Object.isExtensible(t)||t.__v_skip||Ut(t)||t instanceof dt?void 0:new $t(t,e,n)}function Pt(t,e,n,r,i,a,s){void 0===s&&(s=!1);var l=new bt,u=Object.getOwnPropertyDescriptor(t,e);if(!u||!1!==u.configurable){var c=u&&u.get,p=u&&u.set;c&&!p||n!==St&&2!==arguments.length||(n=t[e]);var f=i?n&&n.__ob__:At(n,!1,a);return Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){var e=c?c.call(t):n;return bt.target&&(l.depend(),f&&(f.dep.depend(),o(e)&&Rt(e))),Ut(e)&&!i?e.value:e},set:function(e){var r=c?c.call(t):n;if(z(r,e)){if(p)p.call(t,e);else{if(c)return;if(!i&&Ut(r)&&!Ut(e))return void(r.value=e);n=e}f=i?e&&e.__ob__:At(e,!1,a),l.notify()}}}),l}}function Bt(t,e,n){if(!Mt(t)){var r=t.__ob__;return o(t)&&h(e)?(t.length=Math.max(t.length,e),t.splice(e,1,n),r&&!r.shallow&&r.mock&&At(n,!1,!0),n):e in t&&!(e in Object.prototype)?(t[e]=n,n):t._isVue||r&&r.vmCount?n:r?(Pt(r.value,e,n,void 0,r.shallow,r.mock),r.dep.notify(),n):(t[e]=n,n)}}function Lt(t,e){if(o(t)&&h(e))t.splice(e,1);else{var n=t.__ob__;t._isVue||n&&n.vmCount||Mt(t)||k(t,e)&&(delete t[e],n&&n.dep.notify())}}function Rt(t){for(var e=void 0,n=0,r=t.length;n<r;n++)(e=t[n])&&e.__ob__&&e.__ob__.dep.depend(),o(e)&&Rt(e)}function Dt(t){return It(t,!0),W(t,"__v_isShallow",!0),t}function It(t,e){if(!Mt(t)){At(t,e,at());0}}function Mt(t){return!(!t||!t.__v_isReadonly)}function Ut(t){return!(!t||!0!==t.__v_isRef)}function zt(t,e,n){Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:function(){var t=e[n];if(Ut(t))return t.value;var r=t&&t.__ob__;return r&&r.dep.depend(),t},set:function(t){var r=e[n];Ut(r)&&!Ut(t)?r.value=t:e[n]=t}})}"".concat("watcher"," callback"),"".concat("watcher"," getter"),"".concat("watcher"," cleanup");var Nt;var Ft=function(){function t(t){void 0===t&&(t=!1),this.detached=t,this.active=!0,this.effects=[],this.cleanups=[],this.parent=Nt,!t&&Nt&&(this.index=(Nt.scopes||(Nt.scopes=[])).push(this)-1)}return t.prototype.run=function(t){if(this.active){var e=Nt;try{return Nt=this,t()}finally{Nt=e}}else 0},t.prototype.on=function(){Nt=this},t.prototype.off=function(){Nt=this.parent},t.prototype.stop=function(t){if(this.active){var e=void 0,n=void 0;for(e=0,n=this.effects.length;e<n;e++)this.effects[e].teardown();for(e=0,n=this.cleanups.length;e<n;e++)this.cleanups[e]();if(this.scopes)for(e=0,n=this.scopes.length;e<n;e++)this.scopes[e].stop(!0);if(!this.detached&&this.parent&&!t){var r=this.parent.scopes.pop();r&&r!==this&&(this.parent.scopes[this.index]=r,r.index=this.index)}this.parent=void 0,this.active=!1}},t}();function qt(t){var e=t._provided,n=t.$parent&&t.$parent._provided;return n===e?t._provided=Object.create(n):e}var Vt=E((function(t){var e="&"===t.charAt(0),n="~"===(t=e?t.slice(1):t).charAt(0),r="!"===(t=n?t.slice(1):t).charAt(0);return{name:t=r?t.slice(1):t,once:n,capture:r,passive:e}}));function Ht(t,e){function n(){var t=n.fns;if(!o(t))return Oe(t,null,arguments,e,"v-on handler");for(var r=t.slice(),i=0;i<r.length;i++)Oe(r[i],null,arguments,e,"v-on handler")}return n.fns=t,n}function Wt(t,e,n,r,o,a){var l,u,c,p;for(l in t)u=t[l],c=e[l],p=Vt(l),i(u)||(i(c)?(i(u.fns)&&(u=t[l]=Ht(u,a)),s(p.once)&&(u=t[l]=o(p.name,u,p.capture)),n(p.name,u,p.capture,p.passive,p.params)):u!==c&&(c.fns=u,t[l]=c));for(l in e)i(t[l])&&r((p=Vt(l)).name,e[l],p.capture)}function Gt(t,e,n){var r;t instanceof dt&&(t=t.data.hook||(t.data.hook={}));var o=t[e];function l(){n.apply(this,arguments),x(r.fns,l)}i(o)?r=Ht([l]):a(o.fns)&&s(o.merged)?(r=o).fns.push(l):r=Ht([o,l]),r.merged=!0,t[e]=r}function Zt(t,e,n,r,o){if(a(e)){if(k(e,n))return t[n]=e[n],o||delete e[n],!0;if(k(e,r))return t[n]=e[r],o||delete e[r],!0}return!1}function Jt(t){return l(t)?[vt(t)]:o(t)?function t(e,n){var r,u,c,p,f=[];for(r=0;r<e.length;r++)i(u=e[r])||"boolean"==typeof u||(c=f.length-1,p=f[c],o(u)?u.length>0&&(Kt((u=t(u,"".concat(n||"","_").concat(r)))[0])&&Kt(p)&&(f[c]=vt(p.text+u[0].text),u.shift()),f.push.apply(f,u)):l(u)?Kt(p)?f[c]=vt(p.text+u):""!==u&&f.push(vt(u)):Kt(u)&&Kt(p)?f[c]=vt(p.text+u.text):(s(e._isVList)&&a(u.tag)&&i(u.key)&&a(n)&&(u.key="__vlist".concat(n,"_").concat(r,"__")),f.push(u)));return f}(t):void 0}function Kt(t){return a(t)&&a(t.text)&&!1===t.isComment}function Xt(t,e){var n,r,i,s,l=null;if(o(t)||"string"==typeof t)for(l=new Array(t.length),n=0,r=t.length;n<r;n++)l[n]=e(t[n],n);else if("number"==typeof t)for(l=new Array(t),n=0;n<t;n++)l[n]=e(n+1,n);else if(c(t))if(ct&&t[Symbol.iterator]){l=[];for(var u=t[Symbol.iterator](),p=u.next();!p.done;)l.push(e(p.value,l.length)),p=u.next()}else for(i=Object.keys(t),l=new Array(i.length),n=0,r=i.length;n<r;n++)s=i[n],l[n]=e(t[s],s,n);return a(l)||(l=[]),l._isVList=!0,l}function Yt(t,e,n,r){var o,i=this.$scopedSlots[t];i?(n=n||{},r&&(n=P(P({},r),n)),o=i(n)||(u(e)?e():e)):o=this.$slots[t]||(u(e)?e():e);var a=n&&n.slot;return a?this.$createElement("template",{slot:a},o):o}function Qt(t){return An(this.$options,"filters",t,!0)||D}function te(t,e){return o(t)?-1===t.indexOf(e):t!==e}function ee(t,e,n,r,o){var i=q.keyCodes[e]||n;return o&&r&&!q.keyCodes[e]?te(o,r):i?te(i,t):r?T(r)!==e:void 0===t}function ne(t,e,n,r,i){if(n)if(c(n)){o(n)&&(n=B(n));var a=void 0,s=function(o){if("class"===o||"style"===o||_(o))a=t;else{var s=t.attrs&&t.attrs.type;a=r||q.mustUseProp(e,s,o)?t.domProps||(t.domProps={}):t.attrs||(t.attrs={})}var l=S(o),u=T(o);l in a||u in a||(a[o]=n[o],i&&((t.on||(t.on={}))["update:".concat(o)]=function(t){n[o]=t}))};for(var l in n)s(l)}else;return t}function re(t,e){var n=this._staticTrees||(this._staticTrees=[]),r=n[t];return r&&!e||ie(r=n[t]=this.$options.staticRenderFns[t].call(this._renderProxy,this._c,this),"__static__".concat(t),!1),r}function oe(t,e,n){return ie(t,"__once__".concat(e).concat(n?"_".concat(n):""),!0),t}function ie(t,e,n){if(o(t))for(var r=0;r<t.length;r++)t[r]&&"string"!=typeof t[r]&&ae(t[r],"".concat(e,"_").concat(r),n);else ae(t,e,n)}function ae(t,e,n){t.isStatic=!0,t.key=e,t.isOnce=n}function se(t,e){if(e)if(f(e)){var n=t.on=t.on?P({},t.on):{};for(var r in e){var o=n[r],i=e[r];n[r]=o?[].concat(o,i):i}}else;return t}function le(t,e,n,r){e=e||{$stable:!n};for(var i=0;i<t.length;i++){var a=t[i];o(a)?le(a,e,n):a&&(a.proxy&&(a.fn.proxy=!0),e[a.key]=a.fn)}return r&&(e.$key=r),e}function ue(t,e){for(var n=0;n<e.length;n+=2){var r=e[n];"string"==typeof r&&r&&(t[e[n]]=e[n+1])}return t}function ce(t,e){return"string"==typeof t?e+t:t}function pe(t){t._o=oe,t._n=y,t._s=g,t._l=Xt,t._t=Yt,t._q=I,t._i=M,t._m=re,t._f=Qt,t._k=ee,t._b=ne,t._v=vt,t._e=ht,t._u=le,t._g=se,t._d=ue,t._p=ce}function fe(t,e){if(!t||!t.length)return{};for(var n={},r=0,o=t.length;r<o;r++){var i=t[r],a=i.data;if(a&&a.attrs&&a.attrs.slot&&delete a.attrs.slot,i.context!==e&&i.fnContext!==e||!a||null==a.slot)(n.default||(n.default=[])).push(i);else{var s=a.slot,l=n[s]||(n[s]=[]);"template"===i.tag?l.push.apply(l,i.children||[]):l.push(i)}}for(var u in n)n[u].every(de)&&delete n[u];return n}function de(t){return t.isComment&&!t.asyncFactory||" "===t.text}function he(t){return t.isComment&&t.asyncFactory}function ve(t,e,n,o){var i,a=Object.keys(n).length>0,s=e?!!e.$stable:!a,l=e&&e.$key;if(e){if(e._normalized)return e._normalized;if(s&&o&&o!==r&&l===o.$key&&!a&&!o.$hasNormal)return o;for(var u in i={},e)e[u]&&"$"!==u[0]&&(i[u]=ge(t,n,u,e[u]))}else i={};for(var c in n)c in i||(i[c]=me(n,c));return e&&Object.isExtensible(e)&&(e._normalized=i),W(i,"$stable",s),W(i,"$key",l),W(i,"$hasNormal",a),i}function ge(t,e,n,r){var i=function(){var e=pt;ft(t);var n=arguments.length?r.apply(null,arguments):r({}),i=(n=n&&"object"==typeof n&&!o(n)?[n]:Jt(n))&&n[0];return ft(e),n&&(!i||1===n.length&&i.isComment&&!he(i))?void 0:n};return r.proxy&&Object.defineProperty(e,n,{get:i,enumerable:!0,configurable:!0}),i}function me(t,e){return function(){return t[e]}}function ye(t){return{get attrs(){if(!t._attrsProxy){var e=t._attrsProxy={};W(e,"_v_attr_proxy",!0),be(e,t.$attrs,r,t,"$attrs")}return t._attrsProxy},get listeners(){t._listenersProxy||be(t._listenersProxy={},t.$listeners,r,t,"$listeners");return t._listenersProxy},get slots(){return function(t){t._slotsProxy||xe(t._slotsProxy={},t.$scopedSlots);return t._slotsProxy}(t)},emit:$(t.$emit,t),expose:function(e){e&&Object.keys(e).forEach((function(n){return zt(t,e,n)}))}}}function be(t,e,n,r,o){var i=!1;for(var a in e)a in t?e[a]!==n[a]&&(i=!0):(i=!0,_e(t,a,r,o));for(var a in t)a in e||(i=!0,delete t[a]);return i}function _e(t,e,n,r){Object.defineProperty(t,e,{enumerable:!0,configurable:!0,get:function(){return n[r][e]}})}function xe(t,e){for(var n in e)t[n]=e[n];for(var n in t)n in e||delete t[n]}var we=null;function ke(t,e){return(t.__esModule||ct&&"Module"===t[Symbol.toStringTag])&&(t=t.default),c(t)?e.extend(t):t}function Ee(t){if(o(t))for(var e=0;e<t.length;e++){var n=t[e];if(a(n)&&(a(n.componentOptions)||he(n)))return n}}function Ce(t,e,n,r,p,f){return(o(n)||l(n))&&(p=r,r=n,n=void 0),s(f)&&(p=2),function(t,e,n,r,l){if(a(n)&&a(n.__ob__))return ht();a(n)&&a(n.is)&&(e=n.is);if(!e)return ht();0;o(r)&&u(r[0])&&((n=n||{}).scopedSlots={default:r[0]},r.length=0);2===l?r=Jt(r):1===l&&(r=function(t){for(var e=0;e<t.length;e++)if(o(t[e]))return Array.prototype.concat.apply([],t);return t}(r));var p,f;if("string"==typeof e){var d=void 0;f=t.$vnode&&t.$vnode.ns||q.getTagNamespace(e),p=q.isReservedTag(e)?new dt(q.parsePlatformTagName(e),n,r,void 0,void 0,t):n&&n.pre||!a(d=An(t.$options,"components",e))?new dt(e,n,r,void 0,void 0,t):xn(d,n,t,r,e)}else p=xn(e,n,t,r);return o(p)?p:a(p)?(a(f)&&function t(e,n,r){e.ns=n,"foreignObject"===e.tag&&(n=void 0,r=!0);if(a(e.children))for(var o=0,l=e.children.length;o<l;o++){var u=e.children[o];a(u.tag)&&(i(u.ns)||s(r)&&"svg"!==u.tag)&&t(u,n,r)}}(p,f),a(n)&&function(t){c(t.style)&&Fe(t.style);c(t.class)&&Fe(t.class)}(n),p):ht()}(t,e,n,r,p)}function Se(t,e,n){xt();try{if(e)for(var r=e;r=r.$parent;){var o=r.$options.errorCaptured;if(o)for(var i=0;i<o.length;i++)try{if(!1===o[i].call(r,t,e,n))return}catch(t){je(t,r,"errorCaptured hook")}}je(t,e,n)}finally{wt()}}function Oe(t,e,n,r,o){var i;try{(i=n?t.apply(e,n):t.call(e))&&!i._isVue&&v(i)&&!i._handled&&(i.catch((function(t){return Se(t,r,o+" (Promise/async)")})),i._handled=!0)}catch(t){Se(t,r,o)}return i}function je(t,e,n){if(q.errorHandler)try{return q.errorHandler.call(null,t,e,n)}catch(e){e!==t&&Te(e,null,"config.errorHandler")}Te(t,e,n)}function Te(t,e,n){if(!J||"undefined"==typeof console)throw t;console.error(t)}var $e,Ae=!1,Pe=[],Be=!1;function Le(){Be=!1;var t=Pe.slice(0);Pe.length=0;for(var e=0;e<t.length;e++)t[e]()}if("undefined"!=typeof Promise&&lt(Promise)){var Re=Promise.resolve();$e=function(){Re.then(Le),tt&&setTimeout(L)},Ae=!0}else if(X||"undefined"==typeof MutationObserver||!lt(MutationObserver)&&"[object MutationObserverConstructor]"!==MutationObserver.toString())$e="undefined"!=typeof setImmediate&&lt(setImmediate)?function(){setImmediate(Le)}:function(){setTimeout(Le,0)};else{var De=1,Ie=new MutationObserver(Le),Me=document.createTextNode(String(De));Ie.observe(Me,{characterData:!0}),$e=function(){De=(De+1)%2,Me.data=String(De)},Ae=!0}function Ue(t,e){var n;if(Pe.push((function(){if(t)try{t.call(e)}catch(t){Se(t,e,"nextTick")}else n&&n(e)})),Be||(Be=!0,$e()),!t&&"undefined"!=typeof Promise)return new Promise((function(t){n=t}))}function ze(t){return function(e,n){if(void 0===n&&(n=pt),n)return function(t,e,n){var r=t.$options;r[e]=On(r[e],n)}(n,t,e)}}ze("beforeMount"),ze("mounted"),ze("beforeUpdate"),ze("updated"),ze("beforeDestroy"),ze("destroyed"),ze("activated"),ze("deactivated"),ze("serverPrefetch"),ze("renderTracked"),ze("renderTriggered"),ze("errorCaptured");var Ne=new ut;function Fe(t){return function t(e,n){var r,i,a=o(e);if(!a&&!c(e)||e.__v_skip||Object.isFrozen(e)||e instanceof dt)return;if(e.__ob__){var s=e.__ob__.dep.id;if(n.has(s))return;n.add(s)}if(a)for(r=e.length;r--;)t(e[r],n);else if(Ut(e))t(e.value,n);else for(i=Object.keys(e),r=i.length;r--;)t(e[i[r]],n)}(t,Ne),Ne.clear(),t}var qe,Ve=0,He=function(){function t(t,e,n,r,o){var i,a;i=this,void 0===(a=Nt&&!Nt._vm?Nt:t?t._scope:void 0)&&(a=Nt),a&&a.active&&a.effects.push(i),(this.vm=t)&&o&&(t._watcher=this),r?(this.deep=!!r.deep,this.user=!!r.user,this.lazy=!!r.lazy,this.sync=!!r.sync,this.before=r.before):this.deep=this.user=this.lazy=this.sync=!1,this.cb=n,this.id=++Ve,this.active=!0,this.post=!1,this.dirty=this.lazy,this.deps=[],this.newDeps=[],this.depIds=new ut,this.newDepIds=new ut,this.expression="",u(e)?this.getter=e:(this.getter=function(t){if(!G.test(t)){var e=t.split(".");return function(t){for(var n=0;n<e.length;n++){if(!t)return;t=t[e[n]]}return t}}}(e),this.getter||(this.getter=L)),this.value=this.lazy?void 0:this.get()}return t.prototype.get=function(){var t;xt(this);var e=this.vm;try{t=this.getter.call(e,e)}catch(t){if(!this.user)throw t;Se(t,e,'getter for watcher "'.concat(this.expression,'"'))}finally{this.deep&&Fe(t),wt(),this.cleanupDeps()}return t},t.prototype.addDep=function(t){var e=t.id;this.newDepIds.has(e)||(this.newDepIds.add(e),this.newDeps.push(t),this.depIds.has(e)||t.addSub(this))},t.prototype.cleanupDeps=function(){for(var t=this.deps.length;t--;){var e=this.deps[t];this.newDepIds.has(e.id)||e.removeSub(this)}var n=this.depIds;this.depIds=this.newDepIds,this.newDepIds=n,this.newDepIds.clear(),n=this.deps,this.deps=this.newDeps,this.newDeps=n,this.newDeps.length=0},t.prototype.update=function(){this.lazy?this.dirty=!0:this.sync?this.run():dn(this)},t.prototype.run=function(){if(this.active){var t=this.get();if(t!==this.value||c(t)||this.deep){var e=this.value;if(this.value=t,this.user){var n='callback for watcher "'.concat(this.expression,'"');Oe(this.cb,this.vm,[t,e],this.vm,n)}else this.cb.call(this.vm,t,e)}}},t.prototype.evaluate=function(){this.value=this.get(),this.dirty=!1},t.prototype.depend=function(){for(var t=this.deps.length;t--;)this.deps[t].depend()},t.prototype.teardown=function(){if(this.vm&&!this.vm._isBeingDestroyed&&x(this.vm._scope.effects,this),this.active){for(var t=this.deps.length;t--;)this.deps[t].removeSub(this);this.active=!1,this.onStop&&this.onStop()}},t}();function We(t,e){qe.$on(t,e)}function Ge(t,e){qe.$off(t,e)}function Ze(t,e){var n=qe;return function r(){var o=e.apply(null,arguments);null!==o&&n.$off(t,r)}}function Je(t,e,n){qe=t,Wt(e,n||{},We,Ge,Ze,t),qe=void 0}var Ke=null;function Xe(t){var e=Ke;return Ke=t,function(){Ke=e}}function Ye(t){for(;t&&(t=t.$parent);)if(t._inactive)return!0;return!1}function Qe(t,e){if(e){if(t._directInactive=!1,Ye(t))return}else if(t._directInactive)return;if(t._inactive||null===t._inactive){t._inactive=!1;for(var n=0;n<t.$children.length;n++)Qe(t.$children[n]);tn(t,"activated")}}function tn(t,e,n,r){void 0===r&&(r=!0),xt();var o=pt,i=Nt;r&&ft(t);var a=t.$options[e],s="".concat(e," hook");if(a)for(var l=0,u=a.length;l<u;l++)Oe(a[l],t,n||null,t,s);t._hasHookEvent&&t.$emit("hook:"+e),r&&(ft(o),i&&i.on()),wt()}var en=[],nn=[],rn={},on=!1,an=!1,sn=0;var ln=0,un=Date.now;if(J&&!X){var cn=window.performance;cn&&"function"==typeof cn.now&&un()>document.createEvent("Event").timeStamp&&(un=function(){return cn.now()})}var pn=function(t,e){if(t.post){if(!e.post)return 1}else if(e.post)return-1;return t.id-e.id};function fn(){var t,e;for(ln=un(),an=!0,en.sort(pn),sn=0;sn<en.length;sn++)(t=en[sn]).before&&t.before(),e=t.id,rn[e]=null,t.run();var n=nn.slice(),r=en.slice();sn=en.length=nn.length=0,rn={},on=an=!1,function(t){for(var e=0;e<t.length;e++)t[e]._inactive=!0,Qe(t[e],!0)}(n),function(t){var e=t.length;for(;e--;){var n=t[e],r=n.vm;r&&r._watcher===n&&r._isMounted&&!r._isDestroyed&&tn(r,"updated")}}(r),function(){for(var t=0;t<yt.length;t++){var e=yt[t];e.subs=e.subs.filter((function(t){return t})),e._pending=!1}yt.length=0}(),st&&q.devtools&&st.emit("flush")}function dn(t){var e=t.id;if(null==rn[e]&&(t!==bt.target||!t.noRecurse)){if(rn[e]=!0,an){for(var n=en.length-1;n>sn&&en[n].id>t.id;)n--;en.splice(n+1,0,t)}else en.push(t);on||(on=!0,Ue(fn))}}function hn(t,e){if(t){for(var n=Object.create(null),r=ct?Reflect.ownKeys(t):Object.keys(t),o=0;o<r.length;o++){var i=r[o];if("__ob__"!==i){var a=t[i].from;if(a in e._provided)n[i]=e._provided[a];else if("default"in t[i]){var s=t[i].default;n[i]=u(s)?s.call(e):s}else 0}}return n}}function vn(t,e,n,i,a){var l,u=this,c=a.options;k(i,"_uid")?(l=Object.create(i))._original=i:(l=i,i=i._original);var p=s(c._compiled),f=!p;this.data=t,this.props=e,this.children=n,this.parent=i,this.listeners=t.on||r,this.injections=hn(c.inject,i),this.slots=function(){return u.$slots||ve(i,t.scopedSlots,u.$slots=fe(n,i)),u.$slots},Object.defineProperty(this,"scopedSlots",{enumerable:!0,get:function(){return ve(i,t.scopedSlots,this.slots())}}),p&&(this.$options=c,this.$slots=this.slots(),this.$scopedSlots=ve(i,t.scopedSlots,this.$slots)),c._scopeId?this._c=function(t,e,n,r){var a=Ce(l,t,e,n,r,f);return a&&!o(a)&&(a.fnScopeId=c._scopeId,a.fnContext=i),a}:this._c=function(t,e,n,r){return Ce(l,t,e,n,r,f)}}function gn(t,e,n,r,o){var i=gt(t);return i.fnContext=n,i.fnOptions=r,e.slot&&((i.data||(i.data={})).slot=e.slot),i}function mn(t,e){for(var n in e)t[S(n)]=e[n]}function yn(t){return t.name||t.__name||t._componentTag}pe(vn.prototype);var bn={init:function(t,e){if(t.componentInstance&&!t.componentInstance._isDestroyed&&t.data.keepAlive){var n=t;bn.prepatch(n,n)}else{(t.componentInstance=function(t,e){var n={_isComponent:!0,_parentVnode:t,parent:e},r=t.data.inlineTemplate;a(r)&&(n.render=r.render,n.staticRenderFns=r.staticRenderFns);return new t.componentOptions.Ctor(n)}(t,Ke)).$mount(e?t.elm:void 0,e)}},prepatch:function(t,e){var n=e.componentOptions;!function(t,e,n,o,i){var a=o.data.scopedSlots,s=t.$scopedSlots,l=!!(a&&!a.$stable||s!==r&&!s.$stable||a&&t.$scopedSlots.$key!==a.$key||!a&&t.$scopedSlots.$key),u=!!(i||t.$options._renderChildren||l),c=t.$vnode;t.$options._parentVnode=o,t.$vnode=o,t._vnode&&(t._vnode.parent=o),t.$options._renderChildren=i;var p=o.data.attrs||r;t._attrsProxy&&be(t._attrsProxy,p,c.data&&c.data.attrs||r,t,"$attrs")&&(u=!0),t.$attrs=p,n=n||r;var f=t.$options._parentListeners;if(t._listenersProxy&&be(t._listenersProxy,n,f||r,t,"$listeners"),t.$listeners=t.$options._parentListeners=n,Je(t,n,f),e&&t.$options.props){jt(!1);for(var d=t._props,h=t.$options._propKeys||[],v=0;v<h.length;v++){var g=h[v],m=t.$options.props;d[g]=Pn(g,m,e,t)}jt(!0),t.$options.propsData=e}u&&(t.$slots=fe(i,o.context),t.$forceUpdate())}(e.componentInstance=t.componentInstance,n.propsData,n.listeners,e,n.children)},insert:function(t){var e,n=t.context,r=t.componentInstance;r._isMounted||(r._isMounted=!0,tn(r,"mounted")),t.data.keepAlive&&(n._isMounted?((e=r)._inactive=!1,nn.push(e)):Qe(r,!0))},destroy:function(t){var e=t.componentInstance;e._isDestroyed||(t.data.keepAlive?function t(e,n){if(!(n&&(e._directInactive=!0,Ye(e))||e._inactive)){e._inactive=!0;for(var r=0;r<e.$children.length;r++)t(e.$children[r]);tn(e,"deactivated")}}(e,!0):e.$destroy())}},_n=Object.keys(bn);function xn(t,e,n,l,u){if(!i(t)){var p=n.$options._base;if(c(t)&&(t=p.extend(t)),"function"==typeof t){var f;if(i(t.cid)&&void 0===(t=function(t,e){if(s(t.error)&&a(t.errorComp))return t.errorComp;if(a(t.resolved))return t.resolved;var n=we;if(n&&a(t.owners)&&-1===t.owners.indexOf(n)&&t.owners.push(n),s(t.loading)&&a(t.loadingComp))return t.loadingComp;if(n&&!a(t.owners)){var r=t.owners=[n],o=!0,l=null,u=null;n.$on("hook:destroyed",(function(){return x(r,n)}));var p=function(t){for(var e=0,n=r.length;e<n;e++)r[e].$forceUpdate();t&&(r.length=0,null!==l&&(clearTimeout(l),l=null),null!==u&&(clearTimeout(u),u=null))},f=U((function(n){t.resolved=ke(n,e),o?r.length=0:p(!0)})),d=U((function(e){a(t.errorComp)&&(t.error=!0,p(!0))})),h=t(f,d);return c(h)&&(v(h)?i(t.resolved)&&h.then(f,d):v(h.component)&&(h.component.then(f,d),a(h.error)&&(t.errorComp=ke(h.error,e)),a(h.loading)&&(t.loadingComp=ke(h.loading,e),0===h.delay?t.loading=!0:l=setTimeout((function(){l=null,i(t.resolved)&&i(t.error)&&(t.loading=!0,p(!1))}),h.delay||200)),a(h.timeout)&&(u=setTimeout((function(){u=null,i(t.resolved)&&d(null)}),h.timeout)))),o=!1,t.loading?t.loadingComp:t.resolved}}(f=t,p)))return function(t,e,n,r,o){var i=ht();return i.asyncFactory=t,i.asyncMeta={data:e,context:n,children:r,tag:o},i}(f,e,n,l,u);e=e||{},Wn(t),a(e.model)&&function(t,e){var n=t.model&&t.model.prop||"value",r=t.model&&t.model.event||"input";(e.attrs||(e.attrs={}))[n]=e.model.value;var i=e.on||(e.on={}),s=i[r],l=e.model.callback;a(s)?(o(s)?-1===s.indexOf(l):s!==l)&&(i[r]=[l].concat(s)):i[r]=l}(t.options,e);var d=function(t,e,n){var r=e.options.props;if(!i(r)){var o={},s=t.attrs,l=t.props;if(a(s)||a(l))for(var u in r){var c=T(u);Zt(o,l,u,c,!0)||Zt(o,s,u,c,!1)}return o}}(e,t);if(s(t.options.functional))return function(t,e,n,i,s){var l=t.options,u={},c=l.props;if(a(c))for(var p in c)u[p]=Pn(p,c,e||r);else a(n.attrs)&&mn(u,n.attrs),a(n.props)&&mn(u,n.props);var f=new vn(n,u,s,i,t),d=l.render.call(null,f._c,f);if(d instanceof dt)return gn(d,n,f.parent,l,f);if(o(d)){for(var h=Jt(d)||[],v=new Array(h.length),g=0;g<h.length;g++)v[g]=gn(h[g],n,f.parent,l,f);return v}}(t,d,e,n,l);var h=e.on;if(e.on=e.nativeOn,s(t.options.abstract)){var g=e.slot;e={},g&&(e.slot=g)}!function(t){for(var e=t.hook||(t.hook={}),n=0;n<_n.length;n++){var r=_n[n],o=e[r],i=bn[r];o===i||o&&o._merged||(e[r]=o?wn(i,o):i)}}(e);var m=yn(t.options)||u;return new dt("vue-component-".concat(t.cid).concat(m?"-".concat(m):""),e,void 0,void 0,void 0,n,{Ctor:t,propsData:d,listeners:h,tag:u,children:l},f)}}}function wn(t,e){var n=function(n,r){t(n,r),e(n,r)};return n._merged=!0,n}var kn=L,En=q.optionMergeStrategies;function Cn(t,e,n){if(void 0===n&&(n=!0),!e)return t;for(var r,o,i,a=ct?Reflect.ownKeys(e):Object.keys(e),s=0;s<a.length;s++)"__ob__"!==(r=a[s])&&(o=t[r],i=e[r],n&&k(t,r)?o!==i&&f(o)&&f(i)&&Cn(o,i):Bt(t,r,i));return t}function Sn(t,e,n){return n?function(){var r=u(e)?e.call(n,n):e,o=u(t)?t.call(n,n):t;return r?Cn(r,o):o}:e?t?function(){return Cn(u(e)?e.call(this,this):e,u(t)?t.call(this,this):t)}:e:t}function On(t,e){var n=e?t?t.concat(e):o(e)?e:[e]:t;return n?function(t){for(var e=[],n=0;n<t.length;n++)-1===e.indexOf(t[n])&&e.push(t[n]);return e}(n):n}function jn(t,e,n,r){var o=Object.create(t||null);return e?P(o,e):o}En.data=function(t,e,n){return n?Sn(t,e,n):e&&"function"!=typeof e?t:Sn(t,e)},F.forEach((function(t){En[t]=On})),N.forEach((function(t){En[t+"s"]=jn})),En.watch=function(t,e,n,r){if(t===rt&&(t=void 0),e===rt&&(e=void 0),!e)return Object.create(t||null);if(!t)return e;var i={};for(var a in P(i,t),e){var s=i[a],l=e[a];s&&!o(s)&&(s=[s]),i[a]=s?s.concat(l):o(l)?l:[l]}return i},En.props=En.methods=En.inject=En.computed=function(t,e,n,r){if(!t)return e;var o=Object.create(null);return P(o,t),e&&P(o,e),o},En.provide=function(t,e){return t?function(){var n=Object.create(null);return Cn(n,u(t)?t.call(this):t),e&&Cn(n,u(e)?e.call(this):e,!1),n}:e};var Tn=function(t,e){return void 0===e?t:e};function $n(t,e,n){if(u(e)&&(e=e.options),function(t,e){var n=t.props;if(n){var r,i,a={};if(o(n))for(r=n.length;r--;)"string"==typeof(i=n[r])&&(a[S(i)]={type:null});else if(f(n))for(var s in n)i=n[s],a[S(s)]=f(i)?i:{type:i};else 0;t.props=a}}(e),function(t,e){var n=t.inject;if(n){var r=t.inject={};if(o(n))for(var i=0;i<n.length;i++)r[n[i]]={from:n[i]};else if(f(n))for(var a in n){var s=n[a];r[a]=f(s)?P({from:a},s):{from:s}}else 0}}(e),function(t){var e=t.directives;if(e)for(var n in e){var r=e[n];u(r)&&(e[n]={bind:r,update:r})}}(e),!e._base&&(e.extends&&(t=$n(t,e.extends,n)),e.mixins))for(var r=0,i=e.mixins.length;r<i;r++)t=$n(t,e.mixins[r],n);var a,s={};for(a in t)l(a);for(a in e)k(t,a)||l(a);function l(r){var o=En[r]||Tn;s[r]=o(t[r],e[r],n,r)}return s}function An(t,e,n,r){if("string"==typeof n){var o=t[e];if(k(o,n))return o[n];var i=S(n);if(k(o,i))return o[i];var a=O(i);return k(o,a)?o[a]:o[n]||o[i]||o[a]}}function Pn(t,e,n,r){var o=e[t],i=!k(n,t),a=n[t],s=Dn(Boolean,o.type);if(s>-1)if(i&&!k(o,"default"))a=!1;else if(""===a||a===T(t)){var l=Dn(String,o.type);(l<0||s<l)&&(a=!0)}if(void 0===a){a=function(t,e,n){if(!k(e,"default"))return;var r=e.default;0;if(t&&t.$options.propsData&&void 0===t.$options.propsData[n]&&void 0!==t._props[n])return t._props[n];return u(r)&&"Function"!==Ln(e.type)?r.call(t):r}(r,o,t);var c=Ot;jt(!0),At(a),jt(c)}return a}var Bn=/^\s*function (\w+)/;function Ln(t){var e=t&&t.toString().match(Bn);return e?e[1]:""}function Rn(t,e){return Ln(t)===Ln(e)}function Dn(t,e){if(!o(e))return Rn(e,t)?0:-1;for(var n=0,r=e.length;n<r;n++)if(Rn(e[n],t))return n;return-1}var In={enumerable:!0,configurable:!0,get:L,set:L};function Mn(t,e,n){In.get=function(){return this[e][n]},In.set=function(t){this[e][n]=t},Object.defineProperty(t,n,In)}function Un(t){var e=t.$options;if(e.props&&function(t,e){var n=t.$options.propsData||{},r=t._props=Dt({}),o=t.$options._propKeys=[];t.$parent&&jt(!1);var i=function(i){o.push(i);var a=Pn(i,e,n,t);Pt(r,i,a,void 0,!0),i in t||Mn(t,"_props",i)};for(var a in e)i(a);jt(!0)}(t,e.props),function(t){var e=t.$options,n=e.setup;if(n){var r=t._setupContext=ye(t);ft(t),xt();var o=Oe(n,null,[t._props||Dt({}),r],t,"setup");if(wt(),ft(),u(o))e.render=o;else if(c(o))if(t._setupState=o,o.__sfc){var i=t._setupProxy={};for(var a in o)"__sfc"!==a&&zt(i,o,a)}else for(var a in o)H(a)||zt(t,o,a);else 0}}(t),e.methods&&function(t,e){t.$options.props;for(var n in e)t[n]="function"!=typeof e[n]?L:$(e[n],t)}(t,e.methods),e.data)!function(t){var e=t.$options.data;f(e=t._data=u(e)?function(t,e){xt();try{return t.call(e,e)}catch(t){return Se(t,e,"data()"),{}}finally{wt()}}(e,t):e||{})||(e={});var n=Object.keys(e),r=t.$options.props,o=(t.$options.methods,n.length);for(;o--;){var i=n[o];0,r&&k(r,i)||H(i)||Mn(t,"_data",i)}var a=At(e);a&&a.vmCount++}(t);else{var n=At(t._data={});n&&n.vmCount++}e.computed&&function(t,e){var n=t._computedWatchers=Object.create(null),r=at();for(var o in e){var i=e[o],a=u(i)?i:i.get;0,r||(n[o]=new He(t,a||L,L,zn)),o in t||Nn(t,o,i)}}(t,e.computed),e.watch&&e.watch!==rt&&function(t,e){for(var n in e){var r=e[n];if(o(r))for(var i=0;i<r.length;i++)Vn(t,n,r[i]);else Vn(t,n,r)}}(t,e.watch)}var zn={lazy:!0};function Nn(t,e,n){var r=!at();u(n)?(In.get=r?Fn(e):qn(n),In.set=L):(In.get=n.get?r&&!1!==n.cache?Fn(e):qn(n.get):L,In.set=n.set||L),Object.defineProperty(t,e,In)}function Fn(t){return function(){var e=this._computedWatchers&&this._computedWatchers[t];if(e)return e.dirty&&e.evaluate(),bt.target&&e.depend(),e.value}}function qn(t){return function(){return t.call(this,this)}}function Vn(t,e,n,r){return f(n)&&(r=n,n=n.handler),"string"==typeof n&&(n=t[n]),t.$watch(e,n,r)}var Hn=0;function Wn(t){var e=t.options;if(t.super){var n=Wn(t.super);if(n!==t.superOptions){t.superOptions=n;var r=function(t){var e,n=t.options,r=t.sealedOptions;for(var o in n)n[o]!==r[o]&&(e||(e={}),e[o]=n[o]);return e}(t);r&&P(t.extendOptions,r),(e=t.options=$n(n,t.extendOptions)).name&&(e.components[e.name]=t)}}return e}function Gn(t){this._init(t)}function Zn(t){t.cid=0;var e=1;t.extend=function(t){t=t||{};var n=this,r=n.cid,o=t._Ctor||(t._Ctor={});if(o[r])return o[r];var i=yn(t)||yn(n.options);var a=function(t){this._init(t)};return(a.prototype=Object.create(n.prototype)).constructor=a,a.cid=e++,a.options=$n(n.options,t),a.super=n,a.options.props&&function(t){var e=t.options.props;for(var n in e)Mn(t.prototype,"_props",n)}(a),a.options.computed&&function(t){var e=t.options.computed;for(var n in e)Nn(t.prototype,n,e[n])}(a),a.extend=n.extend,a.mixin=n.mixin,a.use=n.use,N.forEach((function(t){a[t]=n[t]})),i&&(a.options.components[i]=a),a.superOptions=n.options,a.extendOptions=t,a.sealedOptions=P({},a.options),o[r]=a,a}}function Jn(t){return t&&(yn(t.Ctor.options)||t.tag)}function Kn(t,e){return o(t)?t.indexOf(e)>-1:"string"==typeof t?t.split(",").indexOf(e)>-1:!!d(t)&&t.test(e)}function Xn(t,e){var n=t.cache,r=t.keys,o=t._vnode,i=t.$vnode;for(var a in n){var s=n[a];if(s){var l=s.name;l&&!e(l)&&Yn(n,a,r,o)}}i.componentOptions.children=void 0}function Yn(t,e,n,r){var o=t[e];!o||r&&o.tag===r.tag||o.componentInstance.$destroy(),t[e]=null,x(n,e)}!function(t){t.prototype._init=function(t){var e=this;e._uid=Hn++,e._isVue=!0,e.__v_skip=!0,e._scope=new Ft(!0),e._scope.parent=void 0,e._scope._vm=!0,t&&t._isComponent?function(t,e){var n=t.$options=Object.create(t.constructor.options),r=e._parentVnode;n.parent=e.parent,n._parentVnode=r;var o=r.componentOptions;n.propsData=o.propsData,n._parentListeners=o.listeners,n._renderChildren=o.children,n._componentTag=o.tag,e.render&&(n.render=e.render,n.staticRenderFns=e.staticRenderFns)}(e,t):e.$options=$n(Wn(e.constructor),t||{},e),e._renderProxy=e,e._self=e,function(t){var e=t.$options,n=e.parent;if(n&&!e.abstract){for(;n.$options.abstract&&n.$parent;)n=n.$parent;n.$children.push(t)}t.$parent=n,t.$root=n?n.$root:t,t.$children=[],t.$refs={},t._provided=n?n._provided:Object.create(null),t._watcher=null,t._inactive=null,t._directInactive=!1,t._isMounted=!1,t._isDestroyed=!1,t._isBeingDestroyed=!1}(e),function(t){t._events=Object.create(null),t._hasHookEvent=!1;var e=t.$options._parentListeners;e&&Je(t,e)}(e),function(t){t._vnode=null,t._staticTrees=null;var e=t.$options,n=t.$vnode=e._parentVnode,o=n&&n.context;t.$slots=fe(e._renderChildren,o),t.$scopedSlots=n?ve(t.$parent,n.data.scopedSlots,t.$slots):r,t._c=function(e,n,r,o){return Ce(t,e,n,r,o,!1)},t.$createElement=function(e,n,r,o){return Ce(t,e,n,r,o,!0)};var i=n&&n.data;Pt(t,"$attrs",i&&i.attrs||r,null,!0),Pt(t,"$listeners",e._parentListeners||r,null,!0)}(e),tn(e,"beforeCreate",void 0,!1),function(t){var e=hn(t.$options.inject,t);e&&(jt(!1),Object.keys(e).forEach((function(n){Pt(t,n,e[n])})),jt(!0))}(e),Un(e),function(t){var e=t.$options.provide;if(e){var n=u(e)?e.call(t):e;if(!c(n))return;for(var r=qt(t),o=ct?Reflect.ownKeys(n):Object.keys(n),i=0;i<o.length;i++){var a=o[i];Object.defineProperty(r,a,Object.getOwnPropertyDescriptor(n,a))}}}(e),tn(e,"created"),e.$options.el&&e.$mount(e.$options.el)}}(Gn),function(t){var e={get:function(){return this._data}},n={get:function(){return this._props}};Object.defineProperty(t.prototype,"$data",e),Object.defineProperty(t.prototype,"$props",n),t.prototype.$set=Bt,t.prototype.$delete=Lt,t.prototype.$watch=function(t,e,n){if(f(e))return Vn(this,t,e,n);(n=n||{}).user=!0;var r=new He(this,t,e,n);if(n.immediate){var o='callback for immediate watcher "'.concat(r.expression,'"');xt(),Oe(e,this,[r.value],this,o),wt()}return function(){r.teardown()}}}(Gn),function(t){var e=/^hook:/;t.prototype.$on=function(t,n){var r=this;if(o(t))for(var i=0,a=t.length;i<a;i++)r.$on(t[i],n);else(r._events[t]||(r._events[t]=[])).push(n),e.test(t)&&(r._hasHookEvent=!0);return r},t.prototype.$once=function(t,e){var n=this;function r(){n.$off(t,r),e.apply(n,arguments)}return r.fn=e,n.$on(t,r),n},t.prototype.$off=function(t,e){var n=this;if(!arguments.length)return n._events=Object.create(null),n;if(o(t)){for(var r=0,i=t.length;r<i;r++)n.$off(t[r],e);return n}var a,s=n._events[t];if(!s)return n;if(!e)return n._events[t]=null,n;for(var l=s.length;l--;)if((a=s[l])===e||a.fn===e){s.splice(l,1);break}return n},t.prototype.$emit=function(t){var e=this,n=e._events[t];if(n){n=n.length>1?A(n):n;for(var r=A(arguments,1),o='event handler for "'.concat(t,'"'),i=0,a=n.length;i<a;i++)Oe(n[i],e,r,e,o)}return e}}(Gn),function(t){t.prototype._update=function(t,e){var n=this,r=n.$el,o=n._vnode,i=Xe(n);n._vnode=t,n.$el=o?n.__patch__(o,t):n.__patch__(n.$el,t,e,!1),i(),r&&(r.__vue__=null),n.$el&&(n.$el.__vue__=n);for(var a=n;a&&a.$vnode&&a.$parent&&a.$vnode===a.$parent._vnode;)a.$parent.$el=a.$el,a=a.$parent},t.prototype.$forceUpdate=function(){this._watcher&&this._watcher.update()},t.prototype.$destroy=function(){var t=this;if(!t._isBeingDestroyed){tn(t,"beforeDestroy"),t._isBeingDestroyed=!0;var e=t.$parent;!e||e._isBeingDestroyed||t.$options.abstract||x(e.$children,t),t._scope.stop(),t._data.__ob__&&t._data.__ob__.vmCount--,t._isDestroyed=!0,t.__patch__(t._vnode,null),tn(t,"destroyed"),t.$off(),t.$el&&(t.$el.__vue__=null),t.$vnode&&(t.$vnode.parent=null)}}}(Gn),function(t){pe(t.prototype),t.prototype.$nextTick=function(t){return Ue(t,this)},t.prototype._render=function(){var t=this,e=t.$options,n=e.render,r=e._parentVnode;r&&t._isMounted&&(t.$scopedSlots=ve(t.$parent,r.data.scopedSlots,t.$slots,t.$scopedSlots),t._slotsProxy&&xe(t._slotsProxy,t.$scopedSlots)),t.$vnode=r;var i,a=pt,s=we;try{ft(t),we=t,i=n.call(t._renderProxy,t.$createElement)}catch(e){Se(e,t,"render"),i=t._vnode}finally{we=s,ft(a)}return o(i)&&1===i.length&&(i=i[0]),i instanceof dt||(i=ht()),i.parent=r,i}}(Gn);var Qn=[String,RegExp,Array],tr={KeepAlive:{name:"keep-alive",abstract:!0,props:{include:Qn,exclude:Qn,max:[String,Number]},methods:{cacheVNode:function(){var t=this.cache,e=this.keys,n=this.vnodeToCache,r=this.keyToCache;if(n){var o=n.tag,i=n.componentInstance,a=n.componentOptions;t[r]={name:Jn(a),tag:o,componentInstance:i},e.push(r),this.max&&e.length>parseInt(this.max)&&Yn(t,e[0],e,this._vnode),this.vnodeToCache=null}}},created:function(){this.cache=Object.create(null),this.keys=[]},destroyed:function(){for(var t in this.cache)Yn(this.cache,t,this.keys)},mounted:function(){var t=this;this.cacheVNode(),this.$watch("include",(function(e){Xn(t,(function(t){return Kn(e,t)}))})),this.$watch("exclude",(function(e){Xn(t,(function(t){return!Kn(e,t)}))}))},updated:function(){this.cacheVNode()},render:function(){var t=this.$slots.default,e=Ee(t),n=e&&e.componentOptions;if(n){var r=Jn(n),o=this.include,i=this.exclude;if(o&&(!r||!Kn(o,r))||i&&r&&Kn(i,r))return e;var a=this.cache,s=this.keys,l=null==e.key?n.Ctor.cid+(n.tag?"::".concat(n.tag):""):e.key;a[l]?(e.componentInstance=a[l].componentInstance,x(s,l),s.push(l)):(this.vnodeToCache=e,this.keyToCache=l),e.data.keepAlive=!0}return e||t&&t[0]}}};!function(t){var e={get:function(){return q}};Object.defineProperty(t,"config",e),t.util={warn:kn,extend:P,mergeOptions:$n,defineReactive:Pt},t.set=Bt,t.delete=Lt,t.nextTick=Ue,t.observable=function(t){return At(t),t},t.options=Object.create(null),N.forEach((function(e){t.options[e+"s"]=Object.create(null)})),t.options._base=t,P(t.options.components,tr),function(t){t.use=function(t){var e=this._installedPlugins||(this._installedPlugins=[]);if(e.indexOf(t)>-1)return this;var n=A(arguments,1);return n.unshift(this),u(t.install)?t.install.apply(t,n):u(t)&&t.apply(null,n),e.push(t),this}}(t),function(t){t.mixin=function(t){return this.options=$n(this.options,t),this}}(t),Zn(t),function(t){N.forEach((function(e){t[e]=function(t,n){return n?("component"===e&&f(n)&&(n.name=n.name||t,n=this.options._base.extend(n)),"directive"===e&&u(n)&&(n={bind:n,update:n}),this.options[e+"s"][t]=n,n):this.options[e+"s"][t]}}))}(t)}(Gn),Object.defineProperty(Gn.prototype,"$isServer",{get:at}),Object.defineProperty(Gn.prototype,"$ssrContext",{get:function(){return this.$vnode&&this.$vnode.ssrContext}}),Object.defineProperty(Gn,"FunctionalRenderContext",{value:vn}),Gn.version="2.7.16";var er=b("style,class"),nr=b("input,textarea,option,select,progress"),rr=b("contenteditable,draggable,spellcheck"),or=b("events,caret,typing,plaintext-only"),ir=b("allowfullscreen,async,autofocus,autoplay,checked,compact,controls,declare,default,defaultchecked,defaultmuted,defaultselected,defer,disabled,enabled,formnovalidate,hidden,indeterminate,inert,ismap,itemscope,loop,multiple,muted,nohref,noresize,noshade,novalidate,nowrap,open,pauseonexit,readonly,required,reversed,scoped,seamless,selected,sortable,truespeed,typemustmatch,visible"),ar="http://www.w3.org/1999/xlink",sr=function(t){return":"===t.charAt(5)&&"xlink"===t.slice(0,5)},lr=function(t){return sr(t)?t.slice(6,t.length):""},ur=function(t){return null==t||!1===t};function cr(t){for(var e=t.data,n=t,r=t;a(r.componentInstance);)(r=r.componentInstance._vnode)&&r.data&&(e=pr(r.data,e));for(;a(n=n.parent);)n&&n.data&&(e=pr(e,n.data));return function(t,e){if(a(t)||a(e))return fr(t,dr(e));return""}(e.staticClass,e.class)}function pr(t,e){return{staticClass:fr(t.staticClass,e.staticClass),class:a(t.class)?[t.class,e.class]:e.class}}function fr(t,e){return t?e?t+" "+e:t:e||""}function dr(t){return Array.isArray(t)?function(t){for(var e,n="",r=0,o=t.length;r<o;r++)a(e=dr(t[r]))&&""!==e&&(n&&(n+=" "),n+=e);return n}(t):c(t)?function(t){var e="";for(var n in t)t[n]&&(e&&(e+=" "),e+=n);return e}(t):"string"==typeof t?t:""}var hr={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"},vr=b("html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"),gr=b("svg,animate,circle,clippath,cursor,defs,desc,ellipse,filter,font-face,foreignobject,g,glyph,image,line,marker,mask,missing-glyph,path,pattern,polygon,polyline,rect,switch,symbol,text,textpath,tspan,use,view",!0),mr=function(t){return vr(t)||gr(t)};var yr=Object.create(null);var br=b("text,number,password,search,email,tel,url");var _r=Object.freeze({__proto__:null,createElement:function(t,e){var n=document.createElement(t);return"select"!==t||e.data&&e.data.attrs&&void 0!==e.data.attrs.multiple&&n.setAttribute("multiple","multiple"),n},createElementNS:function(t,e){return document.createElementNS(hr[t],e)},createTextNode:function(t){return document.createTextNode(t)},createComment:function(t){return document.createComment(t)},insertBefore:function(t,e,n){t.insertBefore(e,n)},removeChild:function(t,e){t.removeChild(e)},appendChild:function(t,e){t.appendChild(e)},parentNode:function(t){return t.parentNode},nextSibling:function(t){return t.nextSibling},tagName:function(t){return t.tagName},setTextContent:function(t,e){t.textContent=e},setStyleScope:function(t,e){t.setAttribute(e,"")}}),xr={create:function(t,e){wr(e)},update:function(t,e){t.data.ref!==e.data.ref&&(wr(t,!0),wr(e))},destroy:function(t){wr(t,!0)}};function wr(t,e){var n=t.data.ref;if(a(n)){var r=t.context,i=t.componentInstance||t.elm,s=e?null:i,l=e?void 0:i;if(u(n))Oe(n,r,[s],r,"template ref function");else{var c=t.data.refInFor,p="string"==typeof n||"number"==typeof n,f=Ut(n),d=r.$refs;if(p||f)if(c){var h=p?d[n]:n.value;e?o(h)&&x(h,i):o(h)?h.includes(i)||h.push(i):p?(d[n]=[i],kr(r,n,d[n])):n.value=[i]}else if(p){if(e&&d[n]!==i)return;d[n]=l,kr(r,n,s)}else if(f){if(e&&n.value!==i)return;n.value=s}else 0}}}function kr(t,e,n){var r=t._setupState;r&&k(r,e)&&(Ut(r[e])?r[e].value=n:r[e]=n)}var Er=new dt("",{},[]),Cr=["create","activate","update","remove","destroy"];function Sr(t,e){return t.key===e.key&&t.asyncFactory===e.asyncFactory&&(t.tag===e.tag&&t.isComment===e.isComment&&a(t.data)===a(e.data)&&function(t,e){if("input"!==t.tag)return!0;var n,r=a(n=t.data)&&a(n=n.attrs)&&n.type,o=a(n=e.data)&&a(n=n.attrs)&&n.type;return r===o||br(r)&&br(o)}(t,e)||s(t.isAsyncPlaceholder)&&i(e.asyncFactory.error))}function Or(t,e,n){var r,o,i={};for(r=e;r<=n;++r)a(o=t[r].key)&&(i[o]=r);return i}var jr={create:Tr,update:Tr,destroy:function(t){Tr(t,Er)}};function Tr(t,e){(t.data.directives||e.data.directives)&&function(t,e){var n,r,o,i=t===Er,a=e===Er,s=Ar(t.data.directives,t.context),l=Ar(e.data.directives,e.context),u=[],c=[];for(n in l)r=s[n],o=l[n],r?(o.oldValue=r.value,o.oldArg=r.arg,Br(o,"update",e,t),o.def&&o.def.componentUpdated&&c.push(o)):(Br(o,"bind",e,t),o.def&&o.def.inserted&&u.push(o));if(u.length){var p=function(){for(var n=0;n<u.length;n++)Br(u[n],"inserted",e,t)};i?Gt(e,"insert",p):p()}c.length&&Gt(e,"postpatch",(function(){for(var n=0;n<c.length;n++)Br(c[n],"componentUpdated",e,t)}));if(!i)for(n in s)l[n]||Br(s[n],"unbind",t,t,a)}(t,e)}var $r=Object.create(null);function Ar(t,e){var n,r,o=Object.create(null);if(!t)return o;for(n=0;n<t.length;n++){if((r=t[n]).modifiers||(r.modifiers=$r),o[Pr(r)]=r,e._setupState&&e._setupState.__sfc){var i=r.def||An(e,"_setupState","v-"+r.name);r.def="function"==typeof i?{bind:i,update:i}:i}r.def=r.def||An(e.$options,"directives",r.name)}return o}function Pr(t){return t.rawName||"".concat(t.name,".").concat(Object.keys(t.modifiers||{}).join("."))}function Br(t,e,n,r,o){var i=t.def&&t.def[e];if(i)try{i(n.elm,t,n,r,o)}catch(r){Se(r,n.context,"directive ".concat(t.name," ").concat(e," hook"))}}var Lr=[xr,jr];function Rr(t,e){var n=e.componentOptions;if(!(a(n)&&!1===n.Ctor.options.inheritAttrs||i(t.data.attrs)&&i(e.data.attrs))){var r,o,l=e.elm,u=t.data.attrs||{},c=e.data.attrs||{};for(r in(a(c.__ob__)||s(c._v_attr_proxy))&&(c=e.data.attrs=P({},c)),c)o=c[r],u[r]!==o&&Dr(l,r,o,e.data.pre);for(r in(X||Q)&&c.value!==u.value&&Dr(l,"value",c.value),u)i(c[r])&&(sr(r)?l.removeAttributeNS(ar,lr(r)):rr(r)||l.removeAttribute(r))}}function Dr(t,e,n,r){r||t.tagName.indexOf("-")>-1?Ir(t,e,n):ir(e)?ur(n)?t.removeAttribute(e):(n="allowfullscreen"===e&&"EMBED"===t.tagName?"true":e,t.setAttribute(e,n)):rr(e)?t.setAttribute(e,function(t,e){return ur(e)||"false"===e?"false":"contenteditable"===t&&or(e)?e:"true"}(e,n)):sr(e)?ur(n)?t.removeAttributeNS(ar,lr(e)):t.setAttributeNS(ar,e,n):Ir(t,e,n)}function Ir(t,e,n){if(ur(n))t.removeAttribute(e);else{if(X&&!Y&&"TEXTAREA"===t.tagName&&"placeholder"===e&&""!==n&&!t.__ieph){var r=function(e){e.stopImmediatePropagation(),t.removeEventListener("input",r)};t.addEventListener("input",r),t.__ieph=!0}t.setAttribute(e,n)}}var Mr={create:Rr,update:Rr};function Ur(t,e){var n=e.elm,r=e.data,o=t.data;if(!(i(r.staticClass)&&i(r.class)&&(i(o)||i(o.staticClass)&&i(o.class)))){var s=cr(e),l=n._transitionClasses;a(l)&&(s=fr(s,dr(l))),s!==n._prevClass&&(n.setAttribute("class",s),n._prevClass=s)}}var zr,Nr={create:Ur,update:Ur};function Fr(t,e,n){var r=zr;return function o(){var i=e.apply(null,arguments);null!==i&&Hr(t,o,n,r)}}var qr=Ae&&!(nt&&Number(nt[1])<=53);function Vr(t,e,n,r){if(qr){var o=ln,i=e;e=i._wrapper=function(t){if(t.target===t.currentTarget||t.timeStamp>=o||t.timeStamp<=0||t.target.ownerDocument!==document)return i.apply(this,arguments)}}zr.addEventListener(t,e,ot?{capture:n,passive:r}:n)}function Hr(t,e,n,r){(r||zr).removeEventListener(t,e._wrapper||e,n)}function Wr(t,e){if(!i(t.data.on)||!i(e.data.on)){var n=e.data.on||{},r=t.data.on||{};zr=e.elm||t.elm,function(t){if(a(t.__r)){var e=X?"change":"input";t[e]=[].concat(t.__r,t[e]||[]),delete t.__r}a(t.__c)&&(t.change=[].concat(t.__c,t.change||[]),delete t.__c)}(n),Wt(n,r,Vr,Hr,Fr,e.context),zr=void 0}}var Gr,Zr={create:Wr,update:Wr,destroy:function(t){return Wr(t,Er)}};function Jr(t,e){if(!i(t.data.domProps)||!i(e.data.domProps)){var n,r,o=e.elm,l=t.data.domProps||{},u=e.data.domProps||{};for(n in(a(u.__ob__)||s(u._v_attr_proxy))&&(u=e.data.domProps=P({},u)),l)n in u||(o[n]="");for(n in u){if(r=u[n],"textContent"===n||"innerHTML"===n){if(e.children&&(e.children.length=0),r===l[n])continue;1===o.childNodes.length&&o.removeChild(o.childNodes[0])}if("value"===n&&"PROGRESS"!==o.tagName){o._value=r;var c=i(r)?"":String(r);Kr(o,c)&&(o.value=c)}else if("innerHTML"===n&&gr(o.tagName)&&i(o.innerHTML)){(Gr=Gr||document.createElement("div")).innerHTML="<svg>".concat(r,"</svg>");for(var p=Gr.firstChild;o.firstChild;)o.removeChild(o.firstChild);for(;p.firstChild;)o.appendChild(p.firstChild)}else if(r!==l[n])try{o[n]=r}catch(t){}}}}function Kr(t,e){return!t.composing&&("OPTION"===t.tagName||function(t,e){var n=!0;try{n=document.activeElement!==t}catch(t){}return n&&t.value!==e}(t,e)||function(t,e){var n=t.value,r=t._vModifiers;if(a(r)){if(r.number)return y(n)!==y(e);if(r.trim)return n.trim()!==e.trim()}return n!==e}(t,e))}var Xr={create:Jr,update:Jr},Yr=E((function(t){var e={},n=/:(.+)/;return t.split(/;(?![^(]*\))/g).forEach((function(t){if(t){var r=t.split(n);r.length>1&&(e[r[0].trim()]=r[1].trim())}})),e}));function Qr(t){var e=to(t.style);return t.staticStyle?P(t.staticStyle,e):e}function to(t){return Array.isArray(t)?B(t):"string"==typeof t?Yr(t):t}var eo,no=/^--/,ro=/\s*!important$/,oo=function(t,e,n){if(no.test(e))t.style.setProperty(e,n);else if(ro.test(n))t.style.setProperty(T(e),n.replace(ro,""),"important");else{var r=ao(e);if(Array.isArray(n))for(var o=0,i=n.length;o<i;o++)t.style[r]=n[o];else t.style[r]=n}},io=["Webkit","Moz","ms"],ao=E((function(t){if(eo=eo||document.createElement("div").style,"filter"!==(t=S(t))&&t in eo)return t;for(var e=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<io.length;n++){var r=io[n]+e;if(r in eo)return r}}));function so(t,e){var n=e.data,r=t.data;if(!(i(n.staticStyle)&&i(n.style)&&i(r.staticStyle)&&i(r.style))){var o,s,l=e.elm,u=r.staticStyle,c=r.normalizedStyle||r.style||{},p=u||c,f=to(e.data.style)||{};e.data.normalizedStyle=a(f.__ob__)?P({},f):f;var d=function(t,e){var n,r={};if(e)for(var o=t;o.componentInstance;)(o=o.componentInstance._vnode)&&o.data&&(n=Qr(o.data))&&P(r,n);(n=Qr(t.data))&&P(r,n);for(var i=t;i=i.parent;)i.data&&(n=Qr(i.data))&&P(r,n);return r}(e,!0);for(s in p)i(d[s])&&oo(l,s,"");for(s in d)o=d[s],oo(l,s,null==o?"":o)}}var lo={create:so,update:so},uo=/\s+/;function co(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(uo).forEach((function(e){return t.classList.add(e)})):t.classList.add(e);else{var n=" ".concat(t.getAttribute("class")||""," ");n.indexOf(" "+e+" ")<0&&t.setAttribute("class",(n+e).trim())}}function po(t,e){if(e&&(e=e.trim()))if(t.classList)e.indexOf(" ")>-1?e.split(uo).forEach((function(e){return t.classList.remove(e)})):t.classList.remove(e),t.classList.length||t.removeAttribute("class");else{for(var n=" ".concat(t.getAttribute("class")||""," "),r=" "+e+" ";n.indexOf(r)>=0;)n=n.replace(r," ");(n=n.trim())?t.setAttribute("class",n):t.removeAttribute("class")}}function fo(t){if(t){if("object"==typeof t){var e={};return!1!==t.css&&P(e,ho(t.name||"v")),P(e,t),e}return"string"==typeof t?ho(t):void 0}}var ho=E((function(t){return{enterClass:"".concat(t,"-enter"),enterToClass:"".concat(t,"-enter-to"),enterActiveClass:"".concat(t,"-enter-active"),leaveClass:"".concat(t,"-leave"),leaveToClass:"".concat(t,"-leave-to"),leaveActiveClass:"".concat(t,"-leave-active")}})),vo=J&&!Y,go="transition",mo="transitionend",yo="animation",bo="animationend";vo&&(void 0===window.ontransitionend&&void 0!==window.onwebkittransitionend&&(go="WebkitTransition",mo="webkitTransitionEnd"),void 0===window.onanimationend&&void 0!==window.onwebkitanimationend&&(yo="WebkitAnimation",bo="webkitAnimationEnd"));var _o=J?window.requestAnimationFrame?window.requestAnimationFrame.bind(window):setTimeout:function(t){return t()};function xo(t){_o((function(){_o(t)}))}function wo(t,e){var n=t._transitionClasses||(t._transitionClasses=[]);n.indexOf(e)<0&&(n.push(e),co(t,e))}function ko(t,e){t._transitionClasses&&x(t._transitionClasses,e),po(t,e)}function Eo(t,e,n){var r=So(t,e),o=r.type,i=r.timeout,a=r.propCount;if(!o)return n();var s="transition"===o?mo:bo,l=0,u=function(){t.removeEventListener(s,c),n()},c=function(e){e.target===t&&++l>=a&&u()};setTimeout((function(){l<a&&u()}),i+1),t.addEventListener(s,c)}var Co=/\b(transform|all)(,|$)/;function So(t,e){var n,r=window.getComputedStyle(t),o=(r[go+"Delay"]||"").split(", "),i=(r[go+"Duration"]||"").split(", "),a=Oo(o,i),s=(r[yo+"Delay"]||"").split(", "),l=(r[yo+"Duration"]||"").split(", "),u=Oo(s,l),c=0,p=0;return"transition"===e?a>0&&(n="transition",c=a,p=i.length):"animation"===e?u>0&&(n="animation",c=u,p=l.length):p=(n=(c=Math.max(a,u))>0?a>u?"transition":"animation":null)?"transition"===n?i.length:l.length:0,{type:n,timeout:c,propCount:p,hasTransform:"transition"===n&&Co.test(r[go+"Property"])}}function Oo(t,e){for(;t.length<e.length;)t=t.concat(t);return Math.max.apply(null,e.map((function(e,n){return jo(e)+jo(t[n])})))}function jo(t){return 1e3*Number(t.slice(0,-1).replace(",","."))}function To(t,e){var n=t.elm;a(n._leaveCb)&&(n._leaveCb.cancelled=!0,n._leaveCb());var r=fo(t.data.transition);if(!i(r)&&!a(n._enterCb)&&1===n.nodeType){for(var o=r.css,s=r.type,l=r.enterClass,p=r.enterToClass,f=r.enterActiveClass,d=r.appearClass,h=r.appearToClass,v=r.appearActiveClass,g=r.beforeEnter,m=r.enter,b=r.afterEnter,_=r.enterCancelled,x=r.beforeAppear,w=r.appear,k=r.afterAppear,E=r.appearCancelled,C=r.duration,S=Ke,O=Ke.$vnode;O&&O.parent;)S=O.context,O=O.parent;var j=!S._isMounted||!t.isRootInsert;if(!j||w||""===w){var T=j&&d?d:l,$=j&&v?v:f,A=j&&h?h:p,P=j&&x||g,B=j&&u(w)?w:m,L=j&&k||b,R=j&&E||_,D=y(c(C)?C.enter:C);0;var I=!1!==o&&!Y,M=Po(B),z=n._enterCb=U((function(){I&&(ko(n,A),ko(n,$)),z.cancelled?(I&&ko(n,T),R&&R(n)):L&&L(n),n._enterCb=null}));t.data.show||Gt(t,"insert",(function(){var e=n.parentNode,r=e&&e._pending&&e._pending[t.key];r&&r.tag===t.tag&&r.elm._leaveCb&&r.elm._leaveCb(),B&&B(n,z)})),P&&P(n),I&&(wo(n,T),wo(n,$),xo((function(){ko(n,T),z.cancelled||(wo(n,A),M||(Ao(D)?setTimeout(z,D):Eo(n,s,z)))}))),t.data.show&&(e&&e(),B&&B(n,z)),I||M||z()}}}function $o(t,e){var n=t.elm;a(n._enterCb)&&(n._enterCb.cancelled=!0,n._enterCb());var r=fo(t.data.transition);if(i(r)||1!==n.nodeType)return e();if(!a(n._leaveCb)){var o=r.css,s=r.type,l=r.leaveClass,u=r.leaveToClass,p=r.leaveActiveClass,f=r.beforeLeave,d=r.leave,h=r.afterLeave,v=r.leaveCancelled,g=r.delayLeave,m=r.duration,b=!1!==o&&!Y,_=Po(d),x=y(c(m)?m.leave:m);0;var w=n._leaveCb=U((function(){n.parentNode&&n.parentNode._pending&&(n.parentNode._pending[t.key]=null),b&&(ko(n,u),ko(n,p)),w.cancelled?(b&&ko(n,l),v&&v(n)):(e(),h&&h(n)),n._leaveCb=null}));g?g(k):k()}function k(){w.cancelled||(!t.data.show&&n.parentNode&&((n.parentNode._pending||(n.parentNode._pending={}))[t.key]=t),f&&f(n),b&&(wo(n,l),wo(n,p),xo((function(){ko(n,l),w.cancelled||(wo(n,u),_||(Ao(x)?setTimeout(w,x):Eo(n,s,w)))}))),d&&d(n,w),b||_||w())}}function Ao(t){return"number"==typeof t&&!isNaN(t)}function Po(t){if(i(t))return!1;var e=t.fns;return a(e)?Po(Array.isArray(e)?e[0]:e):(t._length||t.length)>1}function Bo(t,e){!0!==e.data.show&&To(e)}var Lo=function(t){var e,n,r={},u=t.modules,c=t.nodeOps;for(e=0;e<Cr.length;++e)for(r[Cr[e]]=[],n=0;n<u.length;++n)a(u[n][Cr[e]])&&r[Cr[e]].push(u[n][Cr[e]]);function p(t){var e=c.parentNode(t);a(e)&&c.removeChild(e,t)}function f(t,e,n,o,i,l,u){if(a(t.elm)&&a(l)&&(t=l[u]=gt(t)),t.isRootInsert=!i,!function(t,e,n,o){var i=t.data;if(a(i)){var l=a(t.componentInstance)&&i.keepAlive;if(a(i=i.hook)&&a(i=i.init)&&i(t,!1),a(t.componentInstance))return d(t,e),h(n,t.elm,o),s(l)&&function(t,e,n,o){var i,s=t;for(;s.componentInstance;)if(s=s.componentInstance._vnode,a(i=s.data)&&a(i=i.transition)){for(i=0;i<r.activate.length;++i)r.activate[i](Er,s);e.push(s);break}h(n,t.elm,o)}(t,e,n,o),!0}}(t,e,n,o)){var p=t.data,f=t.children,g=t.tag;a(g)?(t.elm=t.ns?c.createElementNS(t.ns,g):c.createElement(g,t),y(t),v(t,f,e),a(p)&&m(t,e),h(n,t.elm,o)):s(t.isComment)?(t.elm=c.createComment(t.text),h(n,t.elm,o)):(t.elm=c.createTextNode(t.text),h(n,t.elm,o))}}function d(t,e){a(t.data.pendingInsert)&&(e.push.apply(e,t.data.pendingInsert),t.data.pendingInsert=null),t.elm=t.componentInstance.$el,g(t)?(m(t,e),y(t)):(wr(t),e.push(t))}function h(t,e,n){a(t)&&(a(n)?c.parentNode(n)===t&&c.insertBefore(t,e,n):c.appendChild(t,e))}function v(t,e,n){if(o(e)){0;for(var r=0;r<e.length;++r)f(e[r],n,t.elm,null,!0,e,r)}else l(t.text)&&c.appendChild(t.elm,c.createTextNode(String(t.text)))}function g(t){for(;t.componentInstance;)t=t.componentInstance._vnode;return a(t.tag)}function m(t,n){for(var o=0;o<r.create.length;++o)r.create[o](Er,t);a(e=t.data.hook)&&(a(e.create)&&e.create(Er,t),a(e.insert)&&n.push(t))}function y(t){var e;if(a(e=t.fnScopeId))c.setStyleScope(t.elm,e);else for(var n=t;n;)a(e=n.context)&&a(e=e.$options._scopeId)&&c.setStyleScope(t.elm,e),n=n.parent;a(e=Ke)&&e!==t.context&&e!==t.fnContext&&a(e=e.$options._scopeId)&&c.setStyleScope(t.elm,e)}function _(t,e,n,r,o,i){for(;r<=o;++r)f(n[r],i,t,e,!1,n,r)}function x(t){var e,n,o=t.data;if(a(o))for(a(e=o.hook)&&a(e=e.destroy)&&e(t),e=0;e<r.destroy.length;++e)r.destroy[e](t);if(a(e=t.children))for(n=0;n<t.children.length;++n)x(t.children[n])}function w(t,e,n){for(;e<=n;++e){var r=t[e];a(r)&&(a(r.tag)?(k(r),x(r)):p(r.elm))}}function k(t,e){if(a(e)||a(t.data)){var n,o=r.remove.length+1;for(a(e)?e.listeners+=o:e=function(t,e){function n(){0==--n.listeners&&p(t)}return n.listeners=e,n}(t.elm,o),a(n=t.componentInstance)&&a(n=n._vnode)&&a(n.data)&&k(n,e),n=0;n<r.remove.length;++n)r.remove[n](t,e);a(n=t.data.hook)&&a(n=n.remove)?n(t,e):e()}else p(t.elm)}function E(t,e,n,r){for(var o=n;o<r;o++){var i=e[o];if(a(i)&&Sr(t,i))return o}}function C(t,e,n,o,l,u){if(t!==e){a(e.elm)&&a(o)&&(e=o[l]=gt(e));var p=e.elm=t.elm;if(s(t.isAsyncPlaceholder))a(e.asyncFactory.resolved)?j(t.elm,e,n):e.isAsyncPlaceholder=!0;else if(s(e.isStatic)&&s(t.isStatic)&&e.key===t.key&&(s(e.isCloned)||s(e.isOnce)))e.componentInstance=t.componentInstance;else{var d,h=e.data;a(h)&&a(d=h.hook)&&a(d=d.prepatch)&&d(t,e);var v=t.children,m=e.children;if(a(h)&&g(e)){for(d=0;d<r.update.length;++d)r.update[d](t,e);a(d=h.hook)&&a(d=d.update)&&d(t,e)}i(e.text)?a(v)&&a(m)?v!==m&&function(t,e,n,r,o){var s,l,u,p=0,d=0,h=e.length-1,v=e[0],g=e[h],m=n.length-1,y=n[0],b=n[m],x=!o;for(0;p<=h&&d<=m;)i(v)?v=e[++p]:i(g)?g=e[--h]:Sr(v,y)?(C(v,y,r,n,d),v=e[++p],y=n[++d]):Sr(g,b)?(C(g,b,r,n,m),g=e[--h],b=n[--m]):Sr(v,b)?(C(v,b,r,n,m),x&&c.insertBefore(t,v.elm,c.nextSibling(g.elm)),v=e[++p],b=n[--m]):Sr(g,y)?(C(g,y,r,n,d),x&&c.insertBefore(t,g.elm,v.elm),g=e[--h],y=n[++d]):(i(s)&&(s=Or(e,p,h)),i(l=a(y.key)?s[y.key]:E(y,e,p,h))?f(y,r,t,v.elm,!1,n,d):Sr(u=e[l],y)?(C(u,y,r,n,d),e[l]=void 0,x&&c.insertBefore(t,u.elm,v.elm)):f(y,r,t,v.elm,!1,n,d),y=n[++d]);p>h?_(t,i(n[m+1])?null:n[m+1].elm,n,d,m,r):d>m&&w(e,p,h)}(p,v,m,n,u):a(m)?(a(t.text)&&c.setTextContent(p,""),_(p,null,m,0,m.length-1,n)):a(v)?w(v,0,v.length-1):a(t.text)&&c.setTextContent(p,""):t.text!==e.text&&c.setTextContent(p,e.text),a(h)&&a(d=h.hook)&&a(d=d.postpatch)&&d(t,e)}}}function S(t,e,n){if(s(n)&&a(t.parent))t.parent.data.pendingInsert=e;else for(var r=0;r<e.length;++r)e[r].data.hook.insert(e[r])}var O=b("attrs,class,staticClass,staticStyle,key");function j(t,e,n,r){var o,i=e.tag,l=e.data,u=e.children;if(r=r||l&&l.pre,e.elm=t,s(e.isComment)&&a(e.asyncFactory))return e.isAsyncPlaceholder=!0,!0;if(a(l)&&(a(o=l.hook)&&a(o=o.init)&&o(e,!0),a(o=e.componentInstance)))return d(e,n),!0;if(a(i)){if(a(u))if(t.hasChildNodes())if(a(o=l)&&a(o=o.domProps)&&a(o=o.innerHTML)){if(o!==t.innerHTML)return!1}else{for(var c=!0,p=t.firstChild,f=0;f<u.length;f++){if(!p||!j(p,u[f],n,r)){c=!1;break}p=p.nextSibling}if(!c||p)return!1}else v(e,u,n);if(a(l)){var h=!1;for(var g in l)if(!O(g)){h=!0,m(e,n);break}!h&&l.class&&Fe(l.class)}}else t.data!==e.text&&(t.data=e.text);return!0}return function(t,e,n,o){if(!i(e)){var l,u=!1,p=[];if(i(t))u=!0,f(e,p);else{var d=a(t.nodeType);if(!d&&Sr(t,e))C(t,e,p,null,null,o);else{if(d){if(1===t.nodeType&&t.hasAttribute("data-server-rendered")&&(t.removeAttribute("data-server-rendered"),n=!0),s(n)&&j(t,e,p))return S(e,p,!0),t;l=t,t=new dt(c.tagName(l).toLowerCase(),{},[],void 0,l)}var h=t.elm,v=c.parentNode(h);if(f(e,p,h._leaveCb?null:v,c.nextSibling(h)),a(e.parent))for(var m=e.parent,y=g(e);m;){for(var b=0;b<r.destroy.length;++b)r.destroy[b](m);if(m.elm=e.elm,y){for(var _=0;_<r.create.length;++_)r.create[_](Er,m);var k=m.data.hook.insert;if(k.merged)for(var E=k.fns.slice(1),O=0;O<E.length;O++)E[O]()}else wr(m);m=m.parent}a(v)?w([t],0,0):a(t.tag)&&x(t)}}return S(e,p,u),e.elm}a(t)&&x(t)}}({nodeOps:_r,modules:[Mr,Nr,Zr,Xr,lo,J?{create:Bo,activate:Bo,remove:function(t,e){!0!==t.data.show?$o(t,e):e()}}:{}].concat(Lr)});Y&&document.addEventListener("selectionchange",(function(){var t=document.activeElement;t&&t.vmodel&&Fo(t,"input")}));var Ro={inserted:function(t,e,n,r){"select"===n.tag?(r.elm&&!r.elm._vOptions?Gt(n,"postpatch",(function(){Ro.componentUpdated(t,e,n)})):Do(t,e,n.context),t._vOptions=[].map.call(t.options,Uo)):("textarea"===n.tag||br(t.type))&&(t._vModifiers=e.modifiers,e.modifiers.lazy||(t.addEventListener("compositionstart",zo),t.addEventListener("compositionend",No),t.addEventListener("change",No),Y&&(t.vmodel=!0)))},componentUpdated:function(t,e,n){if("select"===n.tag){Do(t,e,n.context);var r=t._vOptions,o=t._vOptions=[].map.call(t.options,Uo);if(o.some((function(t,e){return!I(t,r[e])})))(t.multiple?e.value.some((function(t){return Mo(t,o)})):e.value!==e.oldValue&&Mo(e.value,o))&&Fo(t,"change")}}};function Do(t,e,n){Io(t,e,n),(X||Q)&&setTimeout((function(){Io(t,e,n)}),0)}function Io(t,e,n){var r=e.value,o=t.multiple;if(!o||Array.isArray(r)){for(var i,a,s=0,l=t.options.length;s<l;s++)if(a=t.options[s],o)i=M(r,Uo(a))>-1,a.selected!==i&&(a.selected=i);else if(I(Uo(a),r))return void(t.selectedIndex!==s&&(t.selectedIndex=s));o||(t.selectedIndex=-1)}}function Mo(t,e){return e.every((function(e){return!I(e,t)}))}function Uo(t){return"_value"in t?t._value:t.value}function zo(t){t.target.composing=!0}function No(t){t.target.composing&&(t.target.composing=!1,Fo(t.target,"input"))}function Fo(t,e){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0),t.dispatchEvent(n)}function qo(t){return!t.componentInstance||t.data&&t.data.transition?t:qo(t.componentInstance._vnode)}var Vo={model:Ro,show:{bind:function(t,e,n){var r=e.value,o=(n=qo(n)).data&&n.data.transition,i=t.__vOriginalDisplay="none"===t.style.display?"":t.style.display;r&&o?(n.data.show=!0,To(n,(function(){t.style.display=i}))):t.style.display=r?i:"none"},update:function(t,e,n){var r=e.value;!r!=!e.oldValue&&((n=qo(n)).data&&n.data.transition?(n.data.show=!0,r?To(n,(function(){t.style.display=t.__vOriginalDisplay})):$o(n,(function(){t.style.display="none"}))):t.style.display=r?t.__vOriginalDisplay:"none")},unbind:function(t,e,n,r,o){o||(t.style.display=t.__vOriginalDisplay)}}},Ho={name:String,appear:Boolean,css:Boolean,mode:String,type:String,enterClass:String,leaveClass:String,enterToClass:String,leaveToClass:String,enterActiveClass:String,leaveActiveClass:String,appearClass:String,appearActiveClass:String,appearToClass:String,duration:[Number,String,Object]};function Wo(t){var e=t&&t.componentOptions;return e&&e.Ctor.options.abstract?Wo(Ee(e.children)):t}function Go(t){var e={},n=t.$options;for(var r in n.propsData)e[r]=t[r];var o=n._parentListeners;for(var r in o)e[S(r)]=o[r];return e}function Zo(t,e){if(/\d-keep-alive$/.test(e.tag))return t("keep-alive",{props:e.componentOptions.propsData})}var Jo=function(t){return t.tag||he(t)},Ko=function(t){return"show"===t.name},Xo={name:"transition",props:Ho,abstract:!0,render:function(t){var e=this,n=this.$slots.default;if(n&&(n=n.filter(Jo)).length){0;var r=this.mode;0;var o=n[0];if(function(t){for(;t=t.parent;)if(t.data.transition)return!0}(this.$vnode))return o;var i=Wo(o);if(!i)return o;if(this._leaving)return Zo(t,o);var a="__transition-".concat(this._uid,"-");i.key=null==i.key?i.isComment?a+"comment":a+i.tag:l(i.key)?0===String(i.key).indexOf(a)?i.key:a+i.key:i.key;var s=(i.data||(i.data={})).transition=Go(this),u=this._vnode,c=Wo(u);if(i.data.directives&&i.data.directives.some(Ko)&&(i.data.show=!0),c&&c.data&&!function(t,e){return e.key===t.key&&e.tag===t.tag}(i,c)&&!he(c)&&(!c.componentInstance||!c.componentInstance._vnode.isComment)){var p=c.data.transition=P({},s);if("out-in"===r)return this._leaving=!0,Gt(p,"afterLeave",(function(){e._leaving=!1,e.$forceUpdate()})),Zo(t,o);if("in-out"===r){if(he(i))return u;var f,d=function(){f()};Gt(s,"afterEnter",d),Gt(s,"enterCancelled",d),Gt(p,"delayLeave",(function(t){f=t}))}}return o}}},Yo=P({tag:String,moveClass:String},Ho);function Qo(t){t.elm._moveCb&&t.elm._moveCb(),t.elm._enterCb&&t.elm._enterCb()}function ti(t){t.data.newPos=t.elm.getBoundingClientRect()}function ei(t){var e=t.data.pos,n=t.data.newPos,r=e.left-n.left,o=e.top-n.top;if(r||o){t.data.moved=!0;var i=t.elm.style;i.transform=i.WebkitTransform="translate(".concat(r,"px,").concat(o,"px)"),i.transitionDuration="0s"}}delete Yo.mode;var ni={Transition:Xo,TransitionGroup:{props:Yo,beforeMount:function(){var t=this,e=this._update;this._update=function(n,r){var o=Xe(t);t.__patch__(t._vnode,t.kept,!1,!0),t._vnode=t.kept,o(),e.call(t,n,r)}},render:function(t){for(var e=this.tag||this.$vnode.data.tag||"span",n=Object.create(null),r=this.prevChildren=this.children,o=this.$slots.default||[],i=this.children=[],a=Go(this),s=0;s<o.length;s++){if((c=o[s]).tag)if(null!=c.key&&0!==String(c.key).indexOf("__vlist"))i.push(c),n[c.key]=c,(c.data||(c.data={})).transition=a;else;}if(r){var l=[],u=[];for(s=0;s<r.length;s++){var c;(c=r[s]).data.transition=a,c.data.pos=c.elm.getBoundingClientRect(),n[c.key]?l.push(c):u.push(c)}this.kept=t(e,null,l),this.removed=u}return t(e,null,i)},updated:function(){var t=this.prevChildren,e=this.moveClass||(this.name||"v")+"-move";t.length&&this.hasMove(t[0].elm,e)&&(t.forEach(Qo),t.forEach(ti),t.forEach(ei),this._reflow=document.body.offsetHeight,t.forEach((function(t){if(t.data.moved){var n=t.elm,r=n.style;wo(n,e),r.transform=r.WebkitTransform=r.transitionDuration="",n.addEventListener(mo,n._moveCb=function t(r){r&&r.target!==n||r&&!/transform$/.test(r.propertyName)||(n.removeEventListener(mo,t),n._moveCb=null,ko(n,e))})}})))},methods:{hasMove:function(t,e){if(!vo)return!1;if(this._hasMove)return this._hasMove;var n=t.cloneNode();t._transitionClasses&&t._transitionClasses.forEach((function(t){po(n,t)})),co(n,e),n.style.display="none",this.$el.appendChild(n);var r=So(n);return this.$el.removeChild(n),this._hasMove=r.hasTransform}}}};function ri(t,e){for(var n in e)t[n]=e[n];return t}Gn.config.mustUseProp=function(t,e,n){return"value"===n&&nr(t)&&"button"!==e||"selected"===n&&"option"===t||"checked"===n&&"input"===t||"muted"===n&&"video"===t},Gn.config.isReservedTag=mr,Gn.config.isReservedAttr=er,Gn.config.getTagNamespace=function(t){return gr(t)?"svg":"math"===t?"math":void 0},Gn.config.isUnknownElement=function(t){if(!J)return!0;if(mr(t))return!1;if(t=t.toLowerCase(),null!=yr[t])return yr[t];var e=document.createElement(t);return t.indexOf("-")>-1?yr[t]=e.constructor===window.HTMLUnknownElement||e.constructor===window.HTMLElement:yr[t]=/HTMLUnknownElement/.test(e.toString())},P(Gn.options.directives,Vo),P(Gn.options.components,ni),Gn.prototype.__patch__=J?Lo:L,Gn.prototype.$mount=function(t,e){return function(t,e,n){var r;t.$el=e,t.$options.render||(t.$options.render=ht),tn(t,"beforeMount"),r=function(){t._update(t._render(),n)},new He(t,r,L,{before:function(){t._isMounted&&!t._isDestroyed&&tn(t,"beforeUpdate")}},!0),n=!1;var o=t._preWatchers;if(o)for(var i=0;i<o.length;i++)o[i].run();return null==t.$vnode&&(t._isMounted=!0,tn(t,"mounted")),t}(this,t=t&&J?function(t){if("string"==typeof t){var e=document.querySelector(t);return e||document.createElement("div")}return t}(t):void 0,e)},J&&setTimeout((function(){q.devtools&&st&&st.emit("init",Gn)}),0);var oi=/[!'()*]/g,ii=function(t){return"%"+t.charCodeAt(0).toString(16)},ai=/%2C/g,si=function(t){return encodeURIComponent(t).replace(oi,ii).replace(ai,",")};function li(t){try{return decodeURIComponent(t)}catch(t){0}return t}var ui=function(t){return null==t||"object"==typeof t?t:String(t)};function ci(t){var e={};return(t=t.trim().replace(/^(\?|#|&)/,""))?(t.split("&").forEach((function(t){var n=t.replace(/\+/g," ").split("="),r=li(n.shift()),o=n.length>0?li(n.join("=")):null;void 0===e[r]?e[r]=o:Array.isArray(e[r])?e[r].push(o):e[r]=[e[r],o]})),e):e}function pi(t){var e=t?Object.keys(t).map((function(e){var n=t[e];if(void 0===n)return"";if(null===n)return si(e);if(Array.isArray(n)){var r=[];return n.forEach((function(t){void 0!==t&&(null===t?r.push(si(e)):r.push(si(e)+"="+si(t)))})),r.join("&")}return si(e)+"="+si(n)})).filter((function(t){return t.length>0})).join("&"):null;return e?"?"+e:""}var fi=/\/?$/;function di(t,e,n,r){var o=r&&r.options.stringifyQuery,i=e.query||{};try{i=hi(i)}catch(t){}var a={name:e.name||t&&t.name,meta:t&&t.meta||{},path:e.path||"/",hash:e.hash||"",query:i,params:e.params||{},fullPath:mi(e,o),matched:t?gi(t):[]};return n&&(a.redirectedFrom=mi(n,o)),Object.freeze(a)}function hi(t){if(Array.isArray(t))return t.map(hi);if(t&&"object"==typeof t){var e={};for(var n in t)e[n]=hi(t[n]);return e}return t}var vi=di(null,{path:"/"});function gi(t){for(var e=[];t;)e.unshift(t),t=t.parent;return e}function mi(t,e){var n=t.path,r=t.query;void 0===r&&(r={});var o=t.hash;return void 0===o&&(o=""),(n||"/")+(e||pi)(r)+o}function yi(t,e,n){return e===vi?t===e:!!e&&(t.path&&e.path?t.path.replace(fi,"")===e.path.replace(fi,"")&&(n||t.hash===e.hash&&bi(t.query,e.query)):!(!t.name||!e.name)&&(t.name===e.name&&(n||t.hash===e.hash&&bi(t.query,e.query)&&bi(t.params,e.params))))}function bi(t,e){if(void 0===t&&(t={}),void 0===e&&(e={}),!t||!e)return t===e;var n=Object.keys(t).sort(),r=Object.keys(e).sort();return n.length===r.length&&n.every((function(n,o){var i=t[n];if(r[o]!==n)return!1;var a=e[n];return null==i||null==a?i===a:"object"==typeof i&&"object"==typeof a?bi(i,a):String(i)===String(a)}))}function _i(t){for(var e=0;e<t.matched.length;e++){var n=t.matched[e];for(var r in n.instances){var o=n.instances[r],i=n.enteredCbs[r];if(o&&i){delete n.enteredCbs[r];for(var a=0;a<i.length;a++)o._isBeingDestroyed||i[a](o)}}}}var xi={name:"RouterView",functional:!0,props:{name:{type:String,default:"default"}},render:function(t,e){var n=e.props,r=e.children,o=e.parent,i=e.data;i.routerView=!0;for(var a=o.$createElement,s=n.name,l=o.$route,u=o._routerViewCache||(o._routerViewCache={}),c=0,p=!1;o&&o._routerRoot!==o;){var f=o.$vnode?o.$vnode.data:{};f.routerView&&c++,f.keepAlive&&o._directInactive&&o._inactive&&(p=!0),o=o.$parent}if(i.routerViewDepth=c,p){var d=u[s],h=d&&d.component;return h?(d.configProps&&wi(h,i,d.route,d.configProps),a(h,i,r)):a()}var v=l.matched[c],g=v&&v.components[s];if(!v||!g)return u[s]=null,a();u[s]={component:g},i.registerRouteInstance=function(t,e){var n=v.instances[s];(e&&n!==t||!e&&n===t)&&(v.instances[s]=e)},(i.hook||(i.hook={})).prepatch=function(t,e){v.instances[s]=e.componentInstance},i.hook.init=function(t){t.data.keepAlive&&t.componentInstance&&t.componentInstance!==v.instances[s]&&(v.instances[s]=t.componentInstance),_i(l)};var m=v.props&&v.props[s];return m&&(ri(u[s],{route:l,configProps:m}),wi(g,i,l,m)),a(g,i,r)}};function wi(t,e,n,r){var o=e.props=function(t,e){switch(typeof e){case"undefined":return;case"object":return e;case"function":return e(t);case"boolean":return e?t.params:void 0;default:0}}(n,r);if(o){o=e.props=ri({},o);var i=e.attrs=e.attrs||{};for(var a in o)t.props&&a in t.props||(i[a]=o[a],delete o[a])}}function ki(t,e,n){var r=t.charAt(0);if("/"===r)return t;if("?"===r||"#"===r)return e+t;var o=e.split("/");n&&o[o.length-1]||o.pop();for(var i=t.replace(/^\//,"").split("/"),a=0;a<i.length;a++){var s=i[a];".."===s?o.pop():"."!==s&&o.push(s)}return""!==o[0]&&o.unshift(""),o.join("/")}function Ei(t){return t.replace(/\/(?:\s*\/)+/g,"/")}var Ci=Array.isArray||function(t){return"[object Array]"==Object.prototype.toString.call(t)},Si=zi,Oi=Pi,ji=function(t,e){return Li(Pi(t,e),e)},Ti=Li,$i=Ui,Ai=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function Pi(t,e){for(var n,r=[],o=0,i=0,a="",s=e&&e.delimiter||"/";null!=(n=Ai.exec(t));){var l=n[0],u=n[1],c=n.index;if(a+=t.slice(i,c),i=c+l.length,u)a+=u[1];else{var p=t[i],f=n[2],d=n[3],h=n[4],v=n[5],g=n[6],m=n[7];a&&(r.push(a),a="");var y=null!=f&&null!=p&&p!==f,b="+"===g||"*"===g,_="?"===g||"*"===g,x=n[2]||s,w=h||v;r.push({name:d||o++,prefix:f||"",delimiter:x,optional:_,repeat:b,partial:y,asterisk:!!m,pattern:w?Di(w):m?".*":"[^"+Ri(x)+"]+?"})}}return i<t.length&&(a+=t.substr(i)),a&&r.push(a),r}function Bi(t){return encodeURI(t).replace(/[\/?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()}))}function Li(t,e){for(var n=new Array(t.length),r=0;r<t.length;r++)"object"==typeof t[r]&&(n[r]=new RegExp("^(?:"+t[r].pattern+")$",Mi(e)));return function(e,r){for(var o="",i=e||{},a=(r||{}).pretty?Bi:encodeURIComponent,s=0;s<t.length;s++){var l=t[s];if("string"!=typeof l){var u,c=i[l.name];if(null==c){if(l.optional){l.partial&&(o+=l.prefix);continue}throw new TypeError('Expected "'+l.name+'" to be defined')}if(Ci(c)){if(!l.repeat)throw new TypeError('Expected "'+l.name+'" to not repeat, but received `'+JSON.stringify(c)+"`");if(0===c.length){if(l.optional)continue;throw new TypeError('Expected "'+l.name+'" to not be empty')}for(var p=0;p<c.length;p++){if(u=a(c[p]),!n[s].test(u))throw new TypeError('Expected all "'+l.name+'" to match "'+l.pattern+'", but received `'+JSON.stringify(u)+"`");o+=(0===p?l.prefix:l.delimiter)+u}}else{if(u=l.asterisk?encodeURI(c).replace(/[?#]/g,(function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})):a(c),!n[s].test(u))throw new TypeError('Expected "'+l.name+'" to match "'+l.pattern+'", but received "'+u+'"');o+=l.prefix+u}}else o+=l}return o}}function Ri(t){return t.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function Di(t){return t.replace(/([=!:$\/()])/g,"\\$1")}function Ii(t,e){return t.keys=e,t}function Mi(t){return t&&t.sensitive?"":"i"}function Ui(t,e,n){Ci(e)||(n=e||n,e=[]);for(var r=(n=n||{}).strict,o=!1!==n.end,i="",a=0;a<t.length;a++){var s=t[a];if("string"==typeof s)i+=Ri(s);else{var l=Ri(s.prefix),u="(?:"+s.pattern+")";e.push(s),s.repeat&&(u+="(?:"+l+u+")*"),i+=u=s.optional?s.partial?l+"("+u+")?":"(?:"+l+"("+u+"))?":l+"("+u+")"}}var c=Ri(n.delimiter||"/"),p=i.slice(-c.length)===c;return r||(i=(p?i.slice(0,-c.length):i)+"(?:"+c+"(?=$))?"),i+=o?"$":r&&p?"":"(?="+c+"|$)",Ii(new RegExp("^"+i,Mi(n)),e)}function zi(t,e,n){return Ci(e)||(n=e||n,e=[]),n=n||{},t instanceof RegExp?function(t,e){var n=t.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)e.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return Ii(t,e)}(t,e):Ci(t)?function(t,e,n){for(var r=[],o=0;o<t.length;o++)r.push(zi(t[o],e,n).source);return Ii(new RegExp("(?:"+r.join("|")+")",Mi(n)),e)}(t,e,n):function(t,e,n){return Ui(Pi(t,n),e,n)}(t,e,n)}Si.parse=Oi,Si.compile=ji,Si.tokensToFunction=Ti,Si.tokensToRegExp=$i;var Ni=Object.create(null);function Fi(t,e,n){e=e||{};try{var r=Ni[t]||(Ni[t]=Si.compile(t));return"string"==typeof e.pathMatch&&(e[0]=e.pathMatch),r(e,{pretty:!0})}catch(t){return""}finally{delete e[0]}}function qi(t,e,n,r){var o="string"==typeof t?{path:t}:t;if(o._normalized)return o;if(o.name){var i=(o=ri({},t)).params;return i&&"object"==typeof i&&(o.params=ri({},i)),o}if(!o.path&&o.params&&e){(o=ri({},o))._normalized=!0;var a=ri(ri({},e.params),o.params);if(e.name)o.name=e.name,o.params=a;else if(e.matched.length){var s=e.matched[e.matched.length-1].path;o.path=Fi(s,a,e.path)}else 0;return o}var l=function(t){var e="",n="",r=t.indexOf("#");r>=0&&(e=t.slice(r),t=t.slice(0,r));var o=t.indexOf("?");return o>=0&&(n=t.slice(o+1),t=t.slice(0,o)),{path:t,query:n,hash:e}}(o.path||""),u=e&&e.path||"/",c=l.path?ki(l.path,u,n||o.append):u,p=function(t,e,n){void 0===e&&(e={});var r,o=n||ci;try{r=o(t||"")}catch(t){r={}}for(var i in e){var a=e[i];r[i]=Array.isArray(a)?a.map(ui):ui(a)}return r}(l.query,o.query,r&&r.options.parseQuery),f=o.hash||l.hash;return f&&"#"!==f.charAt(0)&&(f="#"+f),{_normalized:!0,path:c,query:p,hash:f}}var Vi,Hi=function(){},Wi={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(t){var e=this,n=this.$router,r=this.$route,o=n.resolve(this.to,r,this.append),i=o.location,a=o.route,s=o.href,l={},u=n.options.linkActiveClass,c=n.options.linkExactActiveClass,p=null==u?"router-link-active":u,f=null==c?"router-link-exact-active":c,d=null==this.activeClass?p:this.activeClass,h=null==this.exactActiveClass?f:this.exactActiveClass,v=a.redirectedFrom?di(null,qi(a.redirectedFrom),null,n):a;l[h]=yi(r,v,this.exactPath),l[d]=this.exact||this.exactPath?l[h]:function(t,e){return 0===t.path.replace(fi,"/").indexOf(e.path.replace(fi,"/"))&&(!e.hash||t.hash===e.hash)&&function(t,e){for(var n in e)if(!(n in t))return!1;return!0}(t.query,e.query)}(r,v);var g=l[h]?this.ariaCurrentValue:null,m=function(t){Gi(t)&&(e.replace?n.replace(i,Hi):n.push(i,Hi))},y={click:Gi};Array.isArray(this.event)?this.event.forEach((function(t){y[t]=m})):y[this.event]=m;var b={class:l},_=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:s,route:a,navigate:m,isActive:l[d],isExactActive:l[h]});if(_){if(1===_.length)return _[0];if(_.length>1||!_.length)return 0===_.length?t():t("span",{},_)}if("a"===this.tag)b.on=y,b.attrs={href:s,"aria-current":g};else{var x=function t(e){var n;if(e)for(var r=0;r<e.length;r++){if("a"===(n=e[r]).tag)return n;if(n.children&&(n=t(n.children)))return n}}(this.$slots.default);if(x){x.isStatic=!1;var w=x.data=ri({},x.data);for(var k in w.on=w.on||{},w.on){var E=w.on[k];k in y&&(w.on[k]=Array.isArray(E)?E:[E])}for(var C in y)C in w.on?w.on[C].push(y[C]):w.on[C]=m;var S=x.data.attrs=ri({},x.data.attrs);S.href=s,S["aria-current"]=g}else b.on=y}return t(this.tag,b,this.$slots.default)}};function Gi(t){if(!(t.metaKey||t.altKey||t.ctrlKey||t.shiftKey||t.defaultPrevented||void 0!==t.button&&0!==t.button)){if(t.currentTarget&&t.currentTarget.getAttribute){var e=t.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(e))return}return t.preventDefault&&t.preventDefault(),!0}}var Zi="undefined"!=typeof window;function Ji(t,e,n,r,o){var i=e||[],a=n||Object.create(null),s=r||Object.create(null);t.forEach((function(t){!function t(e,n,r,o,i,a){var s=o.path,l=o.name;0;var u=o.pathToRegexpOptions||{},c=function(t,e,n){n||(t=t.replace(/\/$/,""));if("/"===t[0])return t;if(null==e)return t;return Ei(e.path+"/"+t)}(s,i,u.strict);"boolean"==typeof o.caseSensitive&&(u.sensitive=o.caseSensitive);var p={path:c,regex:Ki(c,u),components:o.components||{default:o.component},alias:o.alias?"string"==typeof o.alias?[o.alias]:o.alias:[],instances:{},enteredCbs:{},name:l,parent:i,matchAs:a,redirect:o.redirect,beforeEnter:o.beforeEnter,meta:o.meta||{},props:null==o.props?{}:o.components?o.props:{default:o.props}};o.children&&o.children.forEach((function(o){var i=a?Ei(a+"/"+o.path):void 0;t(e,n,r,o,p,i)}));n[p.path]||(e.push(p.path),n[p.path]=p);if(void 0!==o.alias)for(var f=Array.isArray(o.alias)?o.alias:[o.alias],d=0;d<f.length;++d){0;var h={path:f[d],children:o.children};t(e,n,r,h,i,p.path||"/")}l&&(r[l]||(r[l]=p))}(i,a,s,t,o)}));for(var l=0,u=i.length;l<u;l++)"*"===i[l]&&(i.push(i.splice(l,1)[0]),u--,l--);return{pathList:i,pathMap:a,nameMap:s}}function Ki(t,e){return Si(t,[],e)}function Xi(t,e){var n=Ji(t),r=n.pathList,o=n.pathMap,i=n.nameMap;function a(t,n,a){var s=qi(t,n,!1,e),u=s.name;if(u){var c=i[u];if(!c)return l(null,s);var p=c.regex.keys.filter((function(t){return!t.optional})).map((function(t){return t.name}));if("object"!=typeof s.params&&(s.params={}),n&&"object"==typeof n.params)for(var f in n.params)!(f in s.params)&&p.indexOf(f)>-1&&(s.params[f]=n.params[f]);return s.path=Fi(c.path,s.params),l(c,s,a)}if(s.path){s.params={};for(var d=0;d<r.length;d++){var h=r[d],v=o[h];if(Yi(v.regex,s.path,s.params))return l(v,s,a)}}return l(null,s)}function s(t,n){var r=t.redirect,o="function"==typeof r?r(di(t,n,null,e)):r;if("string"==typeof o&&(o={path:o}),!o||"object"!=typeof o)return l(null,n);var s=o,u=s.name,c=s.path,p=n.query,f=n.hash,d=n.params;if(p=s.hasOwnProperty("query")?s.query:p,f=s.hasOwnProperty("hash")?s.hash:f,d=s.hasOwnProperty("params")?s.params:d,u){i[u];return a({_normalized:!0,name:u,query:p,hash:f,params:d},void 0,n)}if(c){var h=function(t,e){return ki(t,e.parent?e.parent.path:"/",!0)}(c,t);return a({_normalized:!0,path:Fi(h,d),query:p,hash:f},void 0,n)}return l(null,n)}function l(t,n,r){return t&&t.redirect?s(t,r||n):t&&t.matchAs?function(t,e,n){var r=a({_normalized:!0,path:Fi(n,e.params)});if(r){var o=r.matched,i=o[o.length-1];return e.params=r.params,l(i,e)}return l(null,e)}(0,n,t.matchAs):di(t,n,r,e)}return{match:a,addRoute:function(t,e){var n="object"!=typeof t?i[t]:void 0;Ji([e||t],r,o,i,n),n&&n.alias.length&&Ji(n.alias.map((function(t){return{path:t,children:[e]}})),r,o,i,n)},getRoutes:function(){return r.map((function(t){return o[t]}))},addRoutes:function(t){Ji(t,r,o,i)}}}function Yi(t,e,n){var r=e.match(t);if(!r)return!1;if(!n)return!0;for(var o=1,i=r.length;o<i;++o){var a=t.keys[o-1];a&&(n[a.name||"pathMatch"]="string"==typeof r[o]?li(r[o]):r[o])}return!0}var Qi=Zi&&window.performance&&window.performance.now?window.performance:Date;function ta(){return Qi.now().toFixed(3)}var ea=ta();function na(){return ea}function ra(t){return ea=t}var oa=Object.create(null);function ia(){"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual");var t=window.location.protocol+"//"+window.location.host,e=window.location.href.replace(t,""),n=ri({},window.history.state);return n.key=na(),window.history.replaceState(n,"",e),window.addEventListener("popstate",la),function(){window.removeEventListener("popstate",la)}}function aa(t,e,n,r){if(t.app){var o=t.options.scrollBehavior;o&&t.app.$nextTick((function(){var i=function(){var t=na();if(t)return oa[t]}(),a=o.call(t,e,n,r?i:null);a&&("function"==typeof a.then?a.then((function(t){da(t,i)})).catch((function(t){0})):da(a,i))}))}}function sa(){var t=na();t&&(oa[t]={x:window.pageXOffset,y:window.pageYOffset})}function la(t){sa(),t.state&&t.state.key&&ra(t.state.key)}function ua(t){return pa(t.x)||pa(t.y)}function ca(t){return{x:pa(t.x)?t.x:window.pageXOffset,y:pa(t.y)?t.y:window.pageYOffset}}function pa(t){return"number"==typeof t}var fa=/^#\d/;function da(t,e){var n,r="object"==typeof t;if(r&&"string"==typeof t.selector){var o=fa.test(t.selector)?document.getElementById(t.selector.slice(1)):document.querySelector(t.selector);if(o){var i=t.offset&&"object"==typeof t.offset?t.offset:{};e=function(t,e){var n=document.documentElement.getBoundingClientRect(),r=t.getBoundingClientRect();return{x:r.left-n.left-e.x,y:r.top-n.top-e.y}}(o,i={x:pa((n=i).x)?n.x:0,y:pa(n.y)?n.y:0})}else ua(t)&&(e=ca(t))}else r&&ua(t)&&(e=ca(t));e&&("scrollBehavior"in document.documentElement.style?window.scrollTo({left:e.x,top:e.y,behavior:t.behavior}):window.scrollTo(e.x,e.y))}var ha,va=Zi&&((-1===(ha=window.navigator.userAgent).indexOf("Android 2.")&&-1===ha.indexOf("Android 4.0")||-1===ha.indexOf("Mobile Safari")||-1!==ha.indexOf("Chrome")||-1!==ha.indexOf("Windows Phone"))&&window.history&&"function"==typeof window.history.pushState);function ga(t,e){sa();var n=window.history;try{if(e){var r=ri({},n.state);r.key=na(),n.replaceState(r,"",t)}else n.pushState({key:ra(ta())},"",t)}catch(n){window.location[e?"replace":"assign"](t)}}function ma(t){ga(t,!0)}var ya={redirected:2,aborted:4,cancelled:8,duplicated:16};function ba(t,e){return xa(t,e,ya.redirected,'Redirected when going from "'+t.fullPath+'" to "'+function(t){if("string"==typeof t)return t;if("path"in t)return t.path;var e={};return wa.forEach((function(n){n in t&&(e[n]=t[n])})),JSON.stringify(e,null,2)}(e)+'" via a navigation guard.')}function _a(t,e){return xa(t,e,ya.cancelled,'Navigation cancelled from "'+t.fullPath+'" to "'+e.fullPath+'" with a new navigation.')}function xa(t,e,n,r){var o=new Error(r);return o._isRouter=!0,o.from=t,o.to=e,o.type=n,o}var wa=["params","query","hash"];function ka(t){return Object.prototype.toString.call(t).indexOf("Error")>-1}function Ea(t,e){return ka(t)&&t._isRouter&&(null==e||t.type===e)}function Ca(t,e,n){var r=function(o){o>=t.length?n():t[o]?e(t[o],(function(){r(o+1)})):r(o+1)};r(0)}function Sa(t){return function(e,n,r){var o=!1,i=0,a=null;Oa(t,(function(t,e,n,s){if("function"==typeof t&&void 0===t.cid){o=!0,i++;var l,u=$a((function(e){var o;((o=e).__esModule||Ta&&"Module"===o[Symbol.toStringTag])&&(e=e.default),t.resolved="function"==typeof e?e:Vi.extend(e),n.components[s]=e,--i<=0&&r()})),c=$a((function(t){var e="Failed to resolve async component "+s+": "+t;a||(a=ka(t)?t:new Error(e),r(a))}));try{l=t(u,c)}catch(t){c(t)}if(l)if("function"==typeof l.then)l.then(u,c);else{var p=l.component;p&&"function"==typeof p.then&&p.then(u,c)}}})),o||r()}}function Oa(t,e){return ja(t.map((function(t){return Object.keys(t.components).map((function(n){return e(t.components[n],t.instances[n],t,n)}))})))}function ja(t){return Array.prototype.concat.apply([],t)}var Ta="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function $a(t){var e=!1;return function(){for(var n=[],r=arguments.length;r--;)n[r]=arguments[r];if(!e)return e=!0,t.apply(this,n)}}var Aa=function(t,e){this.router=t,this.base=function(t){if(!t)if(Zi){var e=document.querySelector("base");t=(t=e&&e.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else t="/";"/"!==t.charAt(0)&&(t="/"+t);return t.replace(/\/$/,"")}(e),this.current=vi,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function Pa(t,e,n,r){var o=Oa(t,(function(t,r,o,i){var a=function(t,e){"function"!=typeof t&&(t=Vi.extend(t));return t.options[e]}(t,e);if(a)return Array.isArray(a)?a.map((function(t){return n(t,r,o,i)})):n(a,r,o,i)}));return ja(r?o.reverse():o)}function Ba(t,e){if(e)return function(){return t.apply(e,arguments)}}Aa.prototype.listen=function(t){this.cb=t},Aa.prototype.onReady=function(t,e){this.ready?t():(this.readyCbs.push(t),e&&this.readyErrorCbs.push(e))},Aa.prototype.onError=function(t){this.errorCbs.push(t)},Aa.prototype.transitionTo=function(t,e,n){var r,o=this;try{r=this.router.match(t,this.current)}catch(t){throw this.errorCbs.forEach((function(e){e(t)})),t}var i=this.current;this.confirmTransition(r,(function(){o.updateRoute(r),e&&e(r),o.ensureURL(),o.router.afterHooks.forEach((function(t){t&&t(r,i)})),o.ready||(o.ready=!0,o.readyCbs.forEach((function(t){t(r)})))}),(function(t){n&&n(t),t&&!o.ready&&(Ea(t,ya.redirected)&&i===vi||(o.ready=!0,o.readyErrorCbs.forEach((function(e){e(t)}))))}))},Aa.prototype.confirmTransition=function(t,e,n){var r=this,o=this.current;this.pending=t;var i,a,s=function(t){!Ea(t)&&ka(t)&&(r.errorCbs.length?r.errorCbs.forEach((function(e){e(t)})):console.error(t)),n&&n(t)},l=t.matched.length-1,u=o.matched.length-1;if(yi(t,o)&&l===u&&t.matched[l]===o.matched[u])return this.ensureURL(),t.hash&&aa(this.router,o,t,!1),s(((a=xa(i=o,t,ya.duplicated,'Avoided redundant navigation to current location: "'+i.fullPath+'".')).name="NavigationDuplicated",a));var c=function(t,e){var n,r=Math.max(t.length,e.length);for(n=0;n<r&&t[n]===e[n];n++);return{updated:e.slice(0,n),activated:e.slice(n),deactivated:t.slice(n)}}(this.current.matched,t.matched),p=c.updated,f=c.deactivated,d=c.activated,h=[].concat(function(t){return Pa(t,"beforeRouteLeave",Ba,!0)}(f),this.router.beforeHooks,function(t){return Pa(t,"beforeRouteUpdate",Ba)}(p),d.map((function(t){return t.beforeEnter})),Sa(d)),v=function(e,n){if(r.pending!==t)return s(_a(o,t));try{e(t,o,(function(e){!1===e?(r.ensureURL(!0),s(function(t,e){return xa(t,e,ya.aborted,'Navigation aborted from "'+t.fullPath+'" to "'+e.fullPath+'" via a navigation guard.')}(o,t))):ka(e)?(r.ensureURL(!0),s(e)):"string"==typeof e||"object"==typeof e&&("string"==typeof e.path||"string"==typeof e.name)?(s(ba(o,t)),"object"==typeof e&&e.replace?r.replace(e):r.push(e)):n(e)}))}catch(t){s(t)}};Ca(h,v,(function(){Ca(function(t){return Pa(t,"beforeRouteEnter",(function(t,e,n,r){return function(t,e,n){return function(r,o,i){return t(r,o,(function(t){"function"==typeof t&&(e.enteredCbs[n]||(e.enteredCbs[n]=[]),e.enteredCbs[n].push(t)),i(t)}))}}(t,n,r)}))}(d).concat(r.router.resolveHooks),v,(function(){if(r.pending!==t)return s(_a(o,t));r.pending=null,e(t),r.router.app&&r.router.app.$nextTick((function(){_i(t)}))}))}))},Aa.prototype.updateRoute=function(t){this.current=t,this.cb&&this.cb(t)},Aa.prototype.setupListeners=function(){},Aa.prototype.teardown=function(){this.listeners.forEach((function(t){t()})),this.listeners=[],this.current=vi,this.pending=null};var La=function(t){function e(e,n){t.call(this,e,n),this._startLocation=Ra(this.base)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router,n=e.options.scrollBehavior,r=va&&n;r&&this.listeners.push(ia());var o=function(){var n=t.current,o=Ra(t.base);t.current===vi&&o===t._startLocation||t.transitionTo(o,(function(t){r&&aa(e,t,n,!0)}))};window.addEventListener("popstate",o),this.listeners.push((function(){window.removeEventListener("popstate",o)}))}},e.prototype.go=function(t){window.history.go(t)},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){ga(Ei(r.base+t.fullPath)),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){ma(Ei(r.base+t.fullPath)),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.ensureURL=function(t){if(Ra(this.base)!==this.current.fullPath){var e=Ei(this.base+this.current.fullPath);t?ga(e):ma(e)}},e.prototype.getCurrentLocation=function(){return Ra(this.base)},e}(Aa);function Ra(t){var e=window.location.pathname,n=e.toLowerCase(),r=t.toLowerCase();return!t||n!==r&&0!==n.indexOf(Ei(r+"/"))||(e=e.slice(t.length)),(e||"/")+window.location.search+window.location.hash}var Da=function(t){function e(e,n,r){t.call(this,e,n),r&&function(t){var e=Ra(t);if(!/^\/#/.test(e))return window.location.replace(Ei(t+"/#"+e)),!0}(this.base)||Ia()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.setupListeners=function(){var t=this;if(!(this.listeners.length>0)){var e=this.router.options.scrollBehavior,n=va&&e;n&&this.listeners.push(ia());var r=function(){var e=t.current;Ia()&&t.transitionTo(Ma(),(function(r){n&&aa(t.router,r,e,!0),va||Na(r.fullPath)}))},o=va?"popstate":"hashchange";window.addEventListener(o,r),this.listeners.push((function(){window.removeEventListener(o,r)}))}},e.prototype.push=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){za(t.fullPath),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this,o=this.current;this.transitionTo(t,(function(t){Na(t.fullPath),aa(r.router,t,o,!1),e&&e(t)}),n)},e.prototype.go=function(t){window.history.go(t)},e.prototype.ensureURL=function(t){var e=this.current.fullPath;Ma()!==e&&(t?za(e):Na(e))},e.prototype.getCurrentLocation=function(){return Ma()},e}(Aa);function Ia(){var t=Ma();return"/"===t.charAt(0)||(Na("/"+t),!1)}function Ma(){var t=window.location.href,e=t.indexOf("#");return e<0?"":t=t.slice(e+1)}function Ua(t){var e=window.location.href,n=e.indexOf("#");return(n>=0?e.slice(0,n):e)+"#"+t}function za(t){va?ga(Ua(t)):window.location.hash=t}function Na(t){va?ma(Ua(t)):window.location.replace(Ua(t))}var Fa=function(t){function e(e,n){t.call(this,e,n),this.stack=[],this.index=-1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.push=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index+1).concat(t),r.index++,e&&e(t)}),n)},e.prototype.replace=function(t,e,n){var r=this;this.transitionTo(t,(function(t){r.stack=r.stack.slice(0,r.index).concat(t),e&&e(t)}),n)},e.prototype.go=function(t){var e=this,n=this.index+t;if(!(n<0||n>=this.stack.length)){var r=this.stack[n];this.confirmTransition(r,(function(){var t=e.current;e.index=n,e.updateRoute(r),e.router.afterHooks.forEach((function(e){e&&e(r,t)}))}),(function(t){Ea(t,ya.duplicated)&&(e.index=n)}))}},e.prototype.getCurrentLocation=function(){var t=this.stack[this.stack.length-1];return t?t.fullPath:"/"},e.prototype.ensureURL=function(){},e}(Aa),qa=function(t){void 0===t&&(t={}),this.app=null,this.apps=[],this.options=t,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=Xi(t.routes||[],this);var e=t.mode||"hash";switch(this.fallback="history"===e&&!va&&!1!==t.fallback,this.fallback&&(e="hash"),Zi||(e="abstract"),this.mode=e,e){case"history":this.history=new La(this,t.base);break;case"hash":this.history=new Da(this,t.base,this.fallback);break;case"abstract":this.history=new Fa(this,t.base);break;default:0}},Va={currentRoute:{configurable:!0}};qa.prototype.match=function(t,e,n){return this.matcher.match(t,e,n)},Va.currentRoute.get=function(){return this.history&&this.history.current},qa.prototype.init=function(t){var e=this;if(this.apps.push(t),t.$once("hook:destroyed",(function(){var n=e.apps.indexOf(t);n>-1&&e.apps.splice(n,1),e.app===t&&(e.app=e.apps[0]||null),e.app||e.history.teardown()})),!this.app){this.app=t;var n=this.history;if(n instanceof La||n instanceof Da){var r=function(t){n.setupListeners(),function(t){var r=n.current,o=e.options.scrollBehavior;va&&o&&"fullPath"in t&&aa(e,t,r,!1)}(t)};n.transitionTo(n.getCurrentLocation(),r,r)}n.listen((function(t){e.apps.forEach((function(e){e._route=t}))}))}},qa.prototype.beforeEach=function(t){return Wa(this.beforeHooks,t)},qa.prototype.beforeResolve=function(t){return Wa(this.resolveHooks,t)},qa.prototype.afterEach=function(t){return Wa(this.afterHooks,t)},qa.prototype.onReady=function(t,e){this.history.onReady(t,e)},qa.prototype.onError=function(t){this.history.onError(t)},qa.prototype.push=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.push(t,e,n)}));this.history.push(t,e,n)},qa.prototype.replace=function(t,e,n){var r=this;if(!e&&!n&&"undefined"!=typeof Promise)return new Promise((function(e,n){r.history.replace(t,e,n)}));this.history.replace(t,e,n)},qa.prototype.go=function(t){this.history.go(t)},qa.prototype.back=function(){this.go(-1)},qa.prototype.forward=function(){this.go(1)},qa.prototype.getMatchedComponents=function(t){var e=t?t.matched?t:this.resolve(t).route:this.currentRoute;return e?[].concat.apply([],e.matched.map((function(t){return Object.keys(t.components).map((function(e){return t.components[e]}))}))):[]},qa.prototype.resolve=function(t,e,n){var r=qi(t,e=e||this.history.current,n,this),o=this.match(r,e),i=o.redirectedFrom||o.fullPath;return{location:r,route:o,href:function(t,e,n){var r="hash"===n?"#"+e:e;return t?Ei(t+"/"+r):r}(this.history.base,i,this.mode),normalizedTo:r,resolved:o}},qa.prototype.getRoutes=function(){return this.matcher.getRoutes()},qa.prototype.addRoute=function(t,e){this.matcher.addRoute(t,e),this.history.current!==vi&&this.history.transitionTo(this.history.getCurrentLocation())},qa.prototype.addRoutes=function(t){this.matcher.addRoutes(t),this.history.current!==vi&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(qa.prototype,Va);var Ha=qa;function Wa(t,e){return t.push(e),function(){var n=t.indexOf(e);n>-1&&t.splice(n,1)}}qa.install=function t(e){if(!t.installed||Vi!==e){t.installed=!0,Vi=e;var n=function(t){return void 0!==t},r=function(t,e){var r=t.$options._parentVnode;n(r)&&n(r=r.data)&&n(r=r.registerRouteInstance)&&r(t,e)};e.mixin({beforeCreate:function(){n(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),e.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,r(this,this)},destroyed:function(){r(this)}}),Object.defineProperty(e.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(e.prototype,"$route",{get:function(){return this._routerRoot._route}}),e.component("RouterView",xi),e.component("RouterLink",Wi);var o=e.config.optionMergeStrategies;o.beforeRouteEnter=o.beforeRouteLeave=o.beforeRouteUpdate=o.created}},qa.version="3.6.5",qa.isNavigationFailure=Ea,qa.NavigationFailureType=ya,qa.START_LOCATION=vi,Zi&&window.Vue&&window.Vue.use(qa);n(152),n(17),n(163);n(165),n(29);var Ga={NotFound:()=>Promise.all([n.e(0),n.e(18)]).then(n.bind(null,538)),Layout:()=>Promise.all([n.e(0),n.e(8),n.e(2)]).then(n.bind(null,537))},Za={"v-1aa3cf08":()=>n.e(28).then(n.bind(null,540)),"v-a179921e":()=>n.e(19).then(n.bind(null,541)),"v-3b435cb1":()=>n.e(29).then(n.bind(null,542)),"v-044dc18f":()=>n.e(12).then(n.bind(null,543)),"v-75b687e4":()=>n.e(11).then(n.bind(null,544)),"v-5cf95e4e":()=>n.e(4).then(n.bind(null,545)),"v-4a80159c":()=>n.e(20).then(n.bind(null,546)),"v-05c3bd2a":()=>n.e(9).then(n.bind(null,547)),"v-0d6ce17d":()=>n.e(22).then(n.bind(null,548)),"v-f9c4c998":()=>n.e(6).then(n.bind(null,549)),"v-688f3a05":()=>n.e(24).then(n.bind(null,550)),"v-6322ba2b":()=>n.e(23).then(n.bind(null,551)),"v-6023e725":()=>n.e(14).then(n.bind(null,552)),"v-132ce9ae":()=>n.e(13).then(n.bind(null,553)),"v-93b1af9c":()=>n.e(10).then(n.bind(null,554)),"v-073c0739":()=>n.e(30).then(n.bind(null,555)),"v-63b133f2":()=>n.e(25).then(n.bind(null,556)),"v-7cee7f05":()=>n.e(15).then(n.bind(null,557)),"v-f979d74c":()=>n.e(26).then(n.bind(null,558)),"v-1df20381":()=>n.e(31).then(n.bind(null,559)),"v-05d8d6e9":()=>n.e(33).then(n.bind(null,560)),"v-11edc25c":()=>n.e(32).then(n.bind(null,561)),"v-04690f78":()=>n.e(3).then(n.bind(null,562)),"v-ab707a5e":()=>n.e(34).then(n.bind(null,563)),"v-549efc65":()=>n.e(27).then(n.bind(null,564)),"v-64c22648":()=>n.e(35).then(n.bind(null,565)),"v-0670206f":()=>Promise.all([n.e(0),n.e(21)]).then(n.bind(null,566)),"v-65003178":()=>n.e(36).then(n.bind(null,567)),"v-59680145":()=>Promise.all([n.e(0),n.e(5)]).then(n.bind(null,534)),"v-53cdbc15":()=>n.e(37).then(n.bind(null,568)),"v-6f67f025":()=>n.e(38).then(n.bind(null,569)),"v-24424384":()=>n.e(39).then(n.bind(null,570)),"v-76995abd":()=>Promise.all([n.e(0),n.e(7)]).then(n.bind(null,535))};function Ja(t){const e=Object.create(null);return function(n){return e[n]||(e[n]=t(n))}}const Ka=/-(\w)/g,Xa=Ja(t=>t.replace(Ka,(t,e)=>e?e.toUpperCase():"")),Ya=/\B([A-Z])/g,Qa=Ja(t=>t.replace(Ya,"-$1").toLowerCase()),ts=Ja(t=>t.charAt(0).toUpperCase()+t.slice(1));function es(t,e){if(!e)return;if(t(e))return t(e);return e.includes("-")?t(ts(Xa(e))):t(ts(e))||t(Qa(e))}const ns=Object.assign({},Ga,Za),rs=t=>ns[t],os=t=>Za[t],is=t=>Ga[t],as=t=>Gn.component(t);function ss(t){return es(os,t)}function ls(t){return es(is,t)}function us(t){return es(rs,t)}function cs(t){return es(as,t)}function ps(...t){return Promise.all(t.filter(t=>t).map(async t=>{if(!cs(t)&&us(t)){const e=await us(t)();Gn.component(t,e.default)}}))}function fs(t,e){"undefined"!=typeof window&&window.__VUEPRESS__&&(window.__VUEPRESS__[t]=e)}var ds=n(119),hs=n.n(ds),vs=n(120),gs=n.n(vs),ms={created(){if(this.siteMeta=this.$site.headTags.filter(([t])=>"meta"===t).map(([t,e])=>e),this.$ssrContext){const e=this.getMergedMetaTags();this.$ssrContext.title=this.$title,this.$ssrContext.lang=this.$lang,this.$ssrContext.pageMeta=(t=e)?t.map(t=>{let e="<meta";return Object.keys(t).forEach(n=>{e+=` ${n}="${gs()(t[n])}"`}),e+">"}).join("\n    "):"",this.$ssrContext.canonicalLink=bs(this.$canonicalUrl)}var t},mounted(){this.currentMetaTags=[...document.querySelectorAll("meta")],this.updateMeta(),this.updateCanonicalLink()},methods:{updateMeta(){document.title=this.$title,document.documentElement.lang=this.$lang;const t=this.getMergedMetaTags();this.currentMetaTags=_s(t,this.currentMetaTags)},getMergedMetaTags(){const t=this.$page.frontmatter.meta||[];return hs()([{name:"description",content:this.$description}],t,this.siteMeta,xs)},updateCanonicalLink(){ys(),this.$canonicalUrl&&document.head.insertAdjacentHTML("beforeend",bs(this.$canonicalUrl))}},watch:{$page(){this.updateMeta(),this.updateCanonicalLink()}},beforeDestroy(){_s(null,this.currentMetaTags),ys()}};function ys(){const t=document.querySelector("link[rel='canonical']");t&&t.remove()}function bs(t=""){return t?`<link href="${t}" rel="canonical" />`:""}function _s(t,e){if(e&&[...e].filter(t=>t.parentNode===document.head).forEach(t=>document.head.removeChild(t)),t)return t.map(t=>{const e=document.createElement("meta");return Object.keys(t).forEach(n=>{e.setAttribute(n,t[n])}),document.head.appendChild(e),e})}function xs(t){for(const e of["name","property","itemprop"])if(t.hasOwnProperty(e))return t[e]+e;return JSON.stringify(t)}n(64);var ws=n(66),ks={mounted(){window.addEventListener("scroll",this.onScroll)},methods:{onScroll:n.n(ws)()((function(){this.setActiveHash()}),300),setActiveHash(){const t=[].slice.call(document.querySelectorAll(".sidebar-link")),e=[].slice.call(document.querySelectorAll(".header-anchor")).filter(e=>t.some(t=>t.hash===e.hash)),n=Math.max(window.pageYOffset,document.documentElement.scrollTop,document.body.scrollTop),r=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight),o=window.innerHeight+n;for(let t=0;t<e.length;t++){const i=e[t],a=e[t+1],s=0===t&&0===n||n>=i.parentElement.offsetTop+10&&(!a||n<a.parentElement.offsetTop-10),l=decodeURIComponent(this.$route.hash);if(s&&l!==decodeURIComponent(i.hash)){const n=i;if(o===r)for(let n=t+1;n<e.length;n++)if(l===decodeURIComponent(e[n].hash))return;return this.$vuepress.$set("disableScrollBehavior",!0),void this.$router.replace(decodeURIComponent(n.hash),()=>{this.$nextTick(()=>{this.$vuepress.$set("disableScrollBehavior",!1)})})}}}},beforeDestroy(){window.removeEventListener("scroll",this.onScroll)}},Es=n(43),Cs=n.n(Es),Ss={mounted(){Cs.a.configure({showSpinner:!1}),this.$router.beforeEach((t,e,n)=>{t.path===e.path||Gn.component(t.name)||Cs.a.start(),n()}),this.$router.afterEach(()=>{Cs.a.done(),this.isSidebarOpen=!1})}};n(277),n(278);class Os{constructor(){this.containerEl=document.getElementById("message-container"),this.containerEl||(this.containerEl=document.createElement("div"),this.containerEl.id="message-container",document.body.appendChild(this.containerEl))}show({text:t="",duration:e=3e3}){let n=document.createElement("div");n.className="message move-in",n.innerHTML=`\n      <i style="fill: #06a35a;font-size: 14px;display:inline-flex;align-items: center;">\n        <svg style="fill: #06a35a;font-size: 14px;" t="1572421810237" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2323" width="16" height="16"><path d="M822.811993 824.617989c-83.075838 81.99224-188.546032 124.613757-316.049383 127.86455-122.085362-3.250794-223.943563-45.87231-305.935802-127.86455s-124.613757-184.21164-127.86455-305.935802c3.250794-127.503351 45.87231-232.973545 127.86455-316.049383 81.99224-83.075838 184.21164-126.058554 305.935802-129.309347 127.503351 3.250794 232.973545 46.23351 316.049383 129.309347 83.075838 83.075838 126.058554 188.546032 129.309347 316.049383C949.231746 640.406349 905.887831 742.62575 822.811993 824.617989zM432.716755 684.111464c3.973192 3.973192 8.307584 5.779189 13.364374 6.140388 5.05679 0.361199 9.752381-1.444797 13.364374-5.417989l292.571429-287.514638c3.973192-3.973192 5.779189-8.307584 5.779189-13.364374 0-5.05679-1.805996-9.752381-5.779189-13.364374l1.805996 1.805996c-3.973192-3.973192-8.668783-5.779189-14.086772-6.140388-5.417989-0.361199-10.47478 1.444797-14.809171 5.417989l-264.397884 220.33157c-3.973192 3.250794-8.668783 4.695591-14.447972 4.695591-5.779189 0-10.835979-1.444797-15.53157-3.973192l-94.273016-72.962257c-4.334392-3.250794-9.391182-4.334392-14.447972-3.973192s-9.391182 3.250794-12.641975 7.585185l-2.889594 3.973192c-3.250794 4.334392-4.334392 9.391182-3.973192 14.809171 0.722399 5.417989 2.528395 10.11358 5.779189 14.086772L432.716755 684.111464z" p-id="2324"></path></svg>\n      </i>\n      <div class="text">${t}</div>\n    `,this.containerEl.appendChild(n),e>0&&setTimeout(()=>{this.close(n)},e)}close(t){t.className=t.className.replace("move-in",""),t.className+="move-out",t.addEventListener("animationend",()=>{t.remove()})}}var js={mounted(){!!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||this.updateCopy()},updated(){!!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||this.updateCopy()},methods:{updateCopy(){setTimeout(()=>{(['div[class*="language-"] pre','div[class*="aside-code"] aside']instanceof Array||Array.isArray(['div[class*="language-"] pre','div[class*="aside-code"] aside']))&&['div[class*="language-"] pre','div[class*="aside-code"] aside'].forEach(t=>{document.querySelectorAll(t).forEach(this.generateCopyButton)})},1e3)},generateCopyButton(t){if(t.classList.contains("codecopy-enabled"))return;const e=document.createElement("i");e.className="code-copy",e.innerHTML='<svg  style="color:#aaa;font-size:14px" t="1572422231464" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3201" width="14" height="14"><path d="M866.461538 39.384615H354.461538c-43.323077 0-78.769231 35.446154-78.76923 78.769231v39.384616h472.615384c43.323077 0 78.769231 35.446154 78.769231 78.76923v551.384616h39.384615c43.323077 0 78.769231-35.446154 78.769231-78.769231V118.153846c0-43.323077-35.446154-78.769231-78.769231-78.769231z m-118.153846 275.692308c0-43.323077-35.446154-78.769231-78.76923-78.769231H157.538462c-43.323077 0-78.769231 35.446154-78.769231 78.769231v590.769231c0 43.323077 35.446154 78.769231 78.769231 78.769231h512c43.323077 0 78.769231-35.446154 78.76923-78.769231V315.076923z m-354.461538 137.846154c0 11.815385-7.876923 19.692308-19.692308 19.692308h-157.538461c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h157.538461c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z m157.538461 315.076923c0 11.815385-7.876923 19.692308-19.692307 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h315.076923c11.815385 0 19.692308 7.876923 19.692307 19.692308v39.384615z m78.769231-157.538462c0 11.815385-7.876923 19.692308-19.692308 19.692308H216.615385c-11.815385 0-19.692308-7.876923-19.692308-19.692308v-39.384615c0-11.815385 7.876923-19.692308 19.692308-19.692308h393.846153c11.815385 0 19.692308 7.876923 19.692308 19.692308v39.384615z" p-id="3202"></path></svg>',e.title="Copy to clipboard",e.addEventListener("click",()=>{this.copyToClipboard(t.innerText)}),t.appendChild(e),t.classList.add("codecopy-enabled")},copyToClipboard(t){const e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e);const n=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);e.select(),document.execCommand("copy");(new Os).show({text:"已复制",duration:1e3}),document.body.removeChild(e),n&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(n))}}};!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("@media (max-width: 1000px) {\n  .vuepress-plugin-demo-block__h_code {\n    display: none;\n  }\n  .vuepress-plugin-demo-block__app {\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n}\n.vuepress-plugin-demo-block__wrapper {\n  margin-top: 10px;\n  border: 1px solid #ebebeb;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display {\n  height: 400px;\n  display: flex;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display .vuepress-plugin-demo-block__app {\n  width: 300px;\n  border: 1px solid #ebebeb;\n  box-shadow: 1px 1px 3px #ebebeb;\n  margin-right: 5px;\n  overflow: auto;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display .vuepress-plugin-demo-block__h_code {\n  flex: 1;\n  overflow: auto;\n  height: 100%;\n}\n.vuepress-plugin-demo-block__wrapper.vuepress-plugin-demo-block__horizontal .vuepress-plugin-demo-block__display .vuepress-plugin-demo-block__h_code > pre {\n  overflow: visible;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display {\n  max-height: 400px;\n  overflow: auto;\n}\n.vuepress-plugin-demo-block__wrapper div {\n  box-sizing: border-box;\n}\n.vuepress-plugin-demo-block__wrapper:hover {\n  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__code {\n  overflow: hidden;\n  height: 0;\n  padding: 0 !important;\n  background-color: #282c34;\n  border-radius: 0 !important;\n  transition: height 0.5s;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__code pre {\n  margin: 0 !important;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__display {\n  padding: 20px;\n  border-bottom: 1px solid #ebebeb;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer {\n  position: relative;\n  text-align: center;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer.vuepress-plugin-demo-block__show-link .vuepress-plugin-demo-block__jsfiddle,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer.vuepress-plugin-demo-block__show-link .vuepress-plugin-demo-block__codepen {\n  opacity: 1;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer.vuepress-plugin-demo-block__show-link .vuepress-plugin-demo-block__expand::before {\n  border-top: none;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid #ccc;\n  border-left: 6px solid transparent;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__jsfiddle,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__codepen,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand span,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand {\n  opacity: 1;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover .vuepress-plugin-demo-block__expand::before {\n  border-top-color: #3eaf7c !important;\n  border-bottom-color: #3eaf7c !important;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer:hover svg {\n  fill: #3eaf7c !important;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__expand-text {\n  transition: all 0.5s;\n  opacity: 0;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer form:nth-last-child(2) {\n  right: 50px;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer form:last-child {\n  right: 10px;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button {\n  border-color: transparent;\n  background-color: transparent;\n  font-size: 14px;\n  color: #3eaf7c;\n  cursor: pointer;\n  outline: none;\n  margin: 0;\n  width: 46px;\n  position: relative;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button:hover::before {\n  content: attr(data-tip);\n  white-space: nowrap;\n  position: absolute;\n  top: -30px;\n  left: 50%;\n  color: #eee;\n  line-height: 1;\n  z-index: 1000;\n  border-radius: 4px;\n  padding: 6px;\n  -webkit-transform: translateX(-50%);\n          transform: translateX(-50%);\n  background-color: rgba(0, 0, 0, 0.8);\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button:hover::after {\n  content: '' !important;\n  display: block;\n  position: absolute;\n  left: 50%;\n  top: -5px;\n  -webkit-transform: translateX(-50%);\n          transform: translateX(-50%);\n  border: 5px solid transparent;\n  border-top-color: rgba(0, 0, 0, 0.8);\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__button svg {\n  width: 34px;\n  height: 20px;\n  fill: #ccc;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__jsfiddle,\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__codepen {\n  position: absolute;\n  top: 10px;\n  transition: all 0.5s;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__expand {\n  position: relative;\n  width: 100px;\n  height: 40px;\n  margin: 0;\n  color: #3eaf7c;\n  font-size: 14px;\n  background-color: transparent;\n  border-color: transparent;\n  outline: none;\n  transition: all 0.5s;\n  cursor: pointer;\n}\n.vuepress-plugin-demo-block__wrapper .vuepress-plugin-demo-block__footer .vuepress-plugin-demo-block__expand::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  border-top: 6px solid #ccc;\n  border-right: 6px solid transparent;\n  border-left: 6px solid transparent;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n}\n");var Ts={jsLib:[],cssLib:[],jsfiddle:!0,codepen:!0,codepenLayout:"left",codepenJsProcessor:"babel",codepenEditors:"101",horizontal:!1,vue:"https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js",react:"https://cdn.jsdelivr.net/npm/react/umd/react.production.min.js",reactDOM:"https://cdn.jsdelivr.net/npm/react-dom/umd/react-dom.production.min.js"},$s={},As=function(t){return'<div id="app">\n'.concat(t,"\n</div>")},Ps=function(t){return window.$VUEPRESS_DEMO_BLOCK&&void 0!==window.$VUEPRESS_DEMO_BLOCK[t]?window.$VUEPRESS_DEMO_BLOCK[t]:Ts[t]},Bs=function t(e,n,r){var o=document.createElement(e);return n&&Object.keys(n).forEach((function(t){if(t.indexOf("data"))o[t]=n[t];else{var e=t.replace("data","");o.dataset[e]=n[t]}})),r&&r.forEach((function(e){var n=e.tag,r=e.attrs,i=e.children;o.appendChild(t(n,r,i))})),o},Ls=function(t,e,n){var r,o=(r=t.querySelectorAll(".".concat(e)),Array.prototype.slice.call(r));return 1!==o.length||n?o:o[0]},Rs=function(t,e){var n,r,o=t.match(/<style>([\s\S]+)<\/style>/),i=t.match(/<template>([\s\S]+)<\/template>/),a=t.match(/<script>([\s\S]+)<\/script>/),s={css:o&&o[1].replace(/^\n|\n$/g,""),html:i&&i[1].replace(/^\n|\n$/g,""),js:a&&a[1].replace(/^\n|\n$/g,""),jsLib:e.jsLib||[],cssLib:e.cssLib||[]};s.htmlTpl=As(s.html),s.jsTpl=(n=s.js,r=n.replace(/export\s+default\s*?\{\n*/,"").replace(/\n*\}\s*$/,"").trim(),"new Vue({\n  el: '#app',\n  ".concat(r,"\n})")),s.script=function(t,e){var n=t.split(/export\s+default/),r="(function() {".concat(n[0]," ; return ").concat(n[1],"})()"),o=window.Babel?window.Babel.transform(r,{presets:["es2015"]}).code:r,i=[eval][0](o);return i.template=e,i}(s.js,s.html);var l=Ps("vue");return s.jsLib.unshift(l),s},Ds=function(t,e){var n,r=t.match(/<style>([\s\S]+)<\/style>/),o=t.match(/<html>([\s\S]+)<\/html>/),i=t.match(/<script>([\s\S]+)<\/script>/),a={css:r&&r[1].replace(/^\n|\n$/g,""),html:o&&o[1].replace(/^\n|\n$/g,""),js:i&&i[1].replace(/^\n|\n$/g,""),jsLib:e.jsLib||[],cssLib:e.cssLib||[]};return a.htmlTpl=a.html,a.jsTpl=a.js,a.script=(n=a.js,window.Babel?window.Babel.transform(n,{presets:["es2015"]}).code:n),a},Is=function(t){return t=t.replace("export default ","").replace(/App\.__style__(\s*)=(\s*)`([\s\S]*)?`/,""),t+='ReactDOM.render(React.createElement(App), document.getElementById("app"))'};function Ms(){var t=Ls(document,"vuepress-plugin-demo-block__wrapper",!0);t.length?t.forEach((function(t){if("true"!==t.dataset.created){t.style.display="block";var e=Ls(t,"vuepress-plugin-demo-block__code"),n=Ls(t,"vuepress-plugin-demo-block__display"),r=Ls(t,"vuepress-plugin-demo-block__footer"),o=Ls(n,"vuepress-plugin-demo-block__app"),i=decodeURIComponent(t.dataset.code),a=decodeURIComponent(t.dataset.config),s=decodeURIComponent(t.dataset.type);a=a?JSON.parse(a):{};var l=e.querySelector("div").clientHeight,u="react"===s?function(t,e){var n=(0,window.Babel.transform)(t,{presets:["es2015","react"]}).code,r="(function(exports){var module={};module.exports=exports;".concat(n,";return module.exports.__esModule?module.exports.default:module.exports;})({})"),o=new Function("return ".concat(r))(),i={js:o,css:o.__style__||"",jsLib:e.jsLib||[],cssLib:e.cssLib||[],jsTpl:Is(t),htmlTpl:As("")},a=Ps("react"),s=Ps("reactDOM");return i.jsLib.unshift(a,s),i}(i,a):"vanilla"===s?Ds(i,a):Rs(i,a),c=Bs("button",{className:"".concat("vuepress-plugin-demo-block__expand")});if(r.appendChild(c),c.addEventListener("click",Us.bind(null,c,l,e,r)),Ps("jsfiddle")&&r.appendChild(function(t){var e=t.css,n=t.htmlTpl,r=t.jsTpl,o=t.jsLib,i=t.cssLib,a=o.concat(i).concat(Ps("cssLib")).concat(Ps("jsLib")).join(",");return Bs("form",{className:"vuepress-plugin-demo-block__jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[{tag:"input",attrs:{type:"hidden",name:"css",value:e}},{tag:"input",attrs:{type:"hidden",name:"html",value:n}},{tag:"input",attrs:{type:"hidden",name:"js",value:r}},{tag:"input",attrs:{type:"hidden",name:"panel_js",value:3}},{tag:"input",attrs:{type:"hidden",name:"wrap",value:1}},{tag:"input",attrs:{type:"hidden",name:"resources",value:a}},{tag:"button",attrs:{type:"submit",className:"vuepress-plugin-demo-block__button",innerHTML:'<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1547088289967" class="icon" style="" viewBox="0 0 1170 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1952" xmlns:xlink="http://www.w3.org/1999/xlink" width="228.515625" height="200"><defs><style type="text/css"></style></defs><path d="M1028.571429 441.142857q63.428571 26.285714 102.571428 83.142857T1170.285714 650.857143q0 93.714286-67.428571 160.285714T940 877.714286q-2.285714 0-6.571429-0.285715t-6-0.285714H232q-97.142857-5.714286-164.571429-71.714286T0 645.142857q0-62.857143 31.428571-116t84-84q-6.857143-22.285714-6.857142-46.857143 0-65.714286 46.857142-112t113.714286-46.285714q54.285714 0 98.285714 33.142857 42.857143-88 127.142858-141.714286t186.571428-53.714285q94.857143 0 174.857143 46T982.571429 248.571429t46.571428 172q0 3.428571-0.285714 10.285714t-0.285714 10.285714zM267.428571 593.142857q0 69.714286 48 110.285714t118.857143 40.571429q78.285714 0 137.142857-56.571429-9.142857-11.428571-27.142857-32.285714T519.428571 626.285714q-38.285714 37.142857-82.285714 37.142857-31.428571 0-53.428571-19.142857T361.714286 594.285714q0-30.285714 22-49.714285t52.285714-19.428572q25.142857 0 48.285714 12t41.714286 31.428572 37.142857 42.857142 39.428572 46.857143 44 42.857143 55.428571 31.428572 69.428571 12q69.142857 0 116.857143-40.857143T936 594.857143q0-69.142857-48-109.714286t-118.285714-40.571428q-81.714286 0-137.714286 55.428571l53.142857 61.714286q37.714286-36.571429 81.142857-36.571429 29.714286 0 52.571429 18.857143t22.857143 48q0 32.571429-21.142857 52.285714t-53.714286 19.714286q-24.571429 0-47.142857-12t-41.142857-31.428571-37.428572-42.857143-39.714286-46.857143-44.285714-42.857143-55.142857-31.428571T434.285714 444.571429q-69.714286 0-118.285714 40.285714T267.428571 593.142857z" p-id="1953"></path></svg>',datatip:"JSFiddle"}}])}(u)),Ps("codepen")&&r.appendChild(function(t){var e=t.css,n=t.htmlTpl,r=t.jsTpl,o=t.jsLib,i=t.cssLib,a=JSON.stringify({css:e,html:n,js:r,js_external:o.concat(Ps("jsLib")).join(";"),css_external:i.concat(Ps("cssLib")).join(";"),layout:Ps("codepenLayout"),js_pre_processor:Ps("codepenJsProcessor"),editors:Ps("codepenEditors")});return Bs("form",{className:"vuepress-plugin-demo-block__codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[{tag:"input",attrs:{type:"hidden",name:"data",value:a}},{tag:"button",attrs:{type:"submit",innerHTML:'<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1547088271207" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1737" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z" p-id="1738"></path></svg>',className:"vuepress-plugin-demo-block__button",datatip:"Codepen"}}])}(u)),void 0!==a.horizontal?a.horizontal:Ps("horizontal")){t.classList.add("vuepress-plugin-demo-block__horizontal");var p=e.firstChild.cloneNode(!0);p.classList.add("vuepress-plugin-demo-block__h_code"),n.appendChild(p)}if(u.css&&function(t){if(!$s[t]){var e=Bs("style",{innerHTML:t});document.body.appendChild(e),$s[t]=!0}}(u.css),"react"===s)ReactDOM.render(React.createElement(u.js),o);else if("vue"===s){var f=(new(Vue.extend(u.script))).$mount();o.appendChild(f.$el)}else"vanilla"===s&&(o.innerHTML=u.html,new Function("return (function(){".concat(u.script,"})()"))());t.dataset.created="true"}})):setTimeout((function(t){Ms()}),300)}function Us(t,e,n,r){var o="1"!==t.dataset.isExpand;n.style.height=o?"".concat(e,"px"):0,o?r.classList.add("vuepress-plugin-demo-block__show-link"):r.classList.remove("vuepress-plugin-demo-block__show-link"),t.dataset.isExpand=o?"1":"0"}var zs={mounted:function(){window.$VUEPRESS_DEMO_BLOCK={jsfiddle:!1,codepen:!0,horizontal:!1},Ms()},updated:function(){Ms()}},Ns="auto",Fs="zoom-in",qs="zoom-out",Vs="grab",Hs="move";function Ws(t,e,n){var r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],o={passive:!1};r?t.addEventListener(e,n,o):t.removeEventListener(e,n,o)}function Gs(t,e){if(t){var n=new Image;n.onload=function(){e&&e(n)},n.src=t}}function Zs(t){return t.dataset.original?t.dataset.original:"A"===t.parentNode.tagName?t.parentNode.getAttribute("href"):null}function Js(t,e,n){!function(t){var e=Ks,n=Xs;if(t.transition){var r=t.transition;delete t.transition,t[e]=r}if(t.transform){var o=t.transform;delete t.transform,t[n]=o}}(e);var r=t.style,o={};for(var i in e)n&&(o[i]=r[i]||""),r[i]=e[i];return o}var Ks="transition",Xs="transform",Ys="transform",Qs="transitionend";var tl=function(){},el={enableGrab:!0,preloadImage:!1,closeOnWindowResize:!0,transitionDuration:.4,transitionTimingFunction:"cubic-bezier(0.4, 0, 0, 1)",bgColor:"rgb(255, 255, 255)",bgOpacity:1,scaleBase:1,scaleExtra:.5,scrollThreshold:40,zIndex:998,customSize:null,onOpen:tl,onClose:tl,onGrab:tl,onMove:tl,onRelease:tl,onBeforeOpen:tl,onBeforeClose:tl,onBeforeGrab:tl,onBeforeRelease:tl,onImageLoading:tl,onImageLoaded:tl},nl={init:function(t){var e,n;e=this,n=t,Object.getOwnPropertyNames(Object.getPrototypeOf(e)).forEach((function(t){e[t]=e[t].bind(n)}))},click:function(t){if(t.preventDefault(),ol(t))return window.open(this.target.srcOriginal||t.currentTarget.src,"_blank");this.shown?this.released?this.close():this.release():this.open(t.currentTarget)},scroll:function(){var t=document.documentElement||document.body.parentNode||document.body,e=window.pageXOffset||t.scrollLeft,n=window.pageYOffset||t.scrollTop;null===this.lastScrollPosition&&(this.lastScrollPosition={x:e,y:n});var r=this.lastScrollPosition.x-e,o=this.lastScrollPosition.y-n,i=this.options.scrollThreshold;(Math.abs(o)>=i||Math.abs(r)>=i)&&(this.lastScrollPosition=null,this.close())},keydown:function(t){(function(t){return"Escape"===(t.key||t.code)||27===t.keyCode})(t)&&(this.released?this.close():this.release(this.close))},mousedown:function(t){if(rl(t)&&!ol(t)){t.preventDefault();var e=t.clientX,n=t.clientY;this.pressTimer=setTimeout(function(){this.grab(e,n)}.bind(this),200)}},mousemove:function(t){this.released||this.move(t.clientX,t.clientY)},mouseup:function(t){rl(t)&&!ol(t)&&(clearTimeout(this.pressTimer),this.released?this.close():this.release())},touchstart:function(t){t.preventDefault();var e=t.touches[0],n=e.clientX,r=e.clientY;this.pressTimer=setTimeout(function(){this.grab(n,r)}.bind(this),200)},touchmove:function(t){if(!this.released){var e=t.touches[0],n=e.clientX,r=e.clientY;this.move(n,r)}},touchend:function(t){(function(t){t.targetTouches.length})(t)||(clearTimeout(this.pressTimer),this.released?this.close():this.release())},clickOverlay:function(){this.close()},resizeWindow:function(){this.close()}};function rl(t){return 0===t.button}function ol(t){return t.metaKey||t.ctrlKey}var il={init:function(t){this.el=document.createElement("div"),this.instance=t,this.parent=document.body,Js(this.el,{position:"fixed",top:0,left:0,right:0,bottom:0,opacity:0}),this.updateStyle(t.options),Ws(this.el,"click",t.handler.clickOverlay.bind(t))},updateStyle:function(t){Js(this.el,{zIndex:t.zIndex,backgroundColor:t.bgColor,transition:"opacity\n        "+t.transitionDuration+"s\n        "+t.transitionTimingFunction})},insert:function(){this.parent.appendChild(this.el)},remove:function(){this.parent.removeChild(this.el)},fadeIn:function(){this.el.offsetWidth,this.el.style.opacity=this.instance.options.bgOpacity},fadeOut:function(){this.el.style.opacity=0}},al="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},sl=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),ll=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},ul={init:function(t,e){this.el=t,this.instance=e,this.srcThumbnail=this.el.getAttribute("src"),this.srcset=this.el.getAttribute("srcset"),this.srcOriginal=Zs(this.el),this.rect=this.el.getBoundingClientRect(),this.translate=null,this.scale=null,this.styleOpen=null,this.styleClose=null},zoomIn:function(){var t=this.instance.options,e=t.zIndex,n=t.enableGrab,r=t.transitionDuration,o=t.transitionTimingFunction;this.translate=this.calculateTranslate(),this.scale=this.calculateScale(),this.styleOpen={position:"relative",zIndex:e+1,cursor:n?Vs:qs,transition:Ys+"\n        "+r+"s\n        "+o,transform:"translate3d("+this.translate.x+"px, "+this.translate.y+"px, 0px)\n        scale("+this.scale.x+","+this.scale.y+")",height:this.rect.height+"px",width:this.rect.width+"px"},this.el.offsetWidth,this.styleClose=Js(this.el,this.styleOpen,!0)},zoomOut:function(){this.el.offsetWidth,Js(this.el,{transform:"none"})},grab:function(t,e,n){var r=cl(),o=r.x-t,i=r.y-e;Js(this.el,{cursor:Hs,transform:"translate3d(\n        "+(this.translate.x+o)+"px, "+(this.translate.y+i)+"px, 0px)\n        scale("+(this.scale.x+n)+","+(this.scale.y+n)+")"})},move:function(t,e,n){var r=cl(),o=r.x-t,i=r.y-e;Js(this.el,{transition:Ys,transform:"translate3d(\n        "+(this.translate.x+o)+"px, "+(this.translate.y+i)+"px, 0px)\n        scale("+(this.scale.x+n)+","+(this.scale.y+n)+")"})},restoreCloseStyle:function(){Js(this.el,this.styleClose)},restoreOpenStyle:function(){Js(this.el,this.styleOpen)},upgradeSource:function(){if(this.srcOriginal){var t=this.el.parentNode;this.srcset&&this.el.removeAttribute("srcset");var e=this.el.cloneNode(!1);e.setAttribute("src",this.srcOriginal),e.style.position="fixed",e.style.visibility="hidden",t.appendChild(e),setTimeout(function(){this.el.setAttribute("src",this.srcOriginal),t.removeChild(e)}.bind(this),50)}},downgradeSource:function(){this.srcOriginal&&(this.srcset&&this.el.setAttribute("srcset",this.srcset),this.el.setAttribute("src",this.srcThumbnail))},calculateTranslate:function(){var t=cl(),e=this.rect.left+this.rect.width/2,n=this.rect.top+this.rect.height/2;return{x:t.x-e,y:t.y-n}},calculateScale:function(){var t=this.el.dataset,e=t.zoomingHeight,n=t.zoomingWidth,r=this.instance.options,o=r.customSize,i=r.scaleBase;if(!o&&e&&n)return{x:n/this.rect.width,y:e/this.rect.height};if(o&&"object"===(void 0===o?"undefined":al(o)))return{x:o.width/this.rect.width,y:o.height/this.rect.height};var a=this.rect.width/2,s=this.rect.height/2,l=cl(),u={x:l.x-a,y:l.y-s},c=u.x/a,p=u.y/s,f=i+Math.min(c,p);if(o&&"string"==typeof o){var d=n||this.el.naturalWidth,h=e||this.el.naturalHeight,v=parseFloat(o)*d/(100*this.rect.width),g=parseFloat(o)*h/(100*this.rect.height);if(f>v||f>g)return{x:v,y:g}}return{x:f,y:f}}};function cl(){var t=document.documentElement;return{x:Math.min(t.clientWidth,window.innerWidth)/2,y:Math.min(t.clientHeight,window.innerHeight)/2}}function pl(t,e,n){["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"].forEach((function(r){Ws(t,r,e[r],n)}))}var fl=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.target=Object.create(ul),this.overlay=Object.create(il),this.handler=Object.create(nl),this.body=document.body,this.shown=!1,this.lock=!1,this.released=!0,this.lastScrollPosition=null,this.pressTimer=null,this.options=ll({},el,e),this.overlay.init(this),this.handler.init(this)}return sl(t,[{key:"listen",value:function(t){if("string"==typeof t)for(var e=document.querySelectorAll(t),n=e.length;n--;)this.listen(e[n]);else"IMG"===t.tagName&&(t.style.cursor=Fs,Ws(t,"click",this.handler.click),this.options.preloadImage&&Gs(Zs(t)));return this}},{key:"config",value:function(t){return t?(ll(this.options,t),this.overlay.updateStyle(this.options),this):this.options}},{key:"open",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.options.onOpen;if(!this.shown&&!this.lock){var r="string"==typeof t?document.querySelector(t):t;if("IMG"===r.tagName){if(this.options.onBeforeOpen(r),this.target.init(r,this),!this.options.preloadImage){var o=this.target.srcOriginal;null!=o&&(this.options.onImageLoading(r),Gs(o,this.options.onImageLoaded))}this.shown=!0,this.lock=!0,this.target.zoomIn(),this.overlay.insert(),this.overlay.fadeIn(),Ws(document,"scroll",this.handler.scroll),Ws(document,"keydown",this.handler.keydown),this.options.closeOnWindowResize&&Ws(window,"resize",this.handler.resizeWindow);var i=function t(){Ws(r,Qs,t,!1),e.lock=!1,e.target.upgradeSource(),e.options.enableGrab&&pl(document,e.handler,!0),n(r)};return Ws(r,Qs,i),this}}}},{key:"close",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onClose;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeClose(n),this.lock=!0,this.body.style.cursor=Ns,this.overlay.fadeOut(),this.target.zoomOut(),Ws(document,"scroll",this.handler.scroll,!1),Ws(document,"keydown",this.handler.keydown,!1),this.options.closeOnWindowResize&&Ws(window,"resize",this.handler.resizeWindow,!1);var r=function r(){Ws(n,Qs,r,!1),t.shown=!1,t.lock=!1,t.target.downgradeSource(),t.options.enableGrab&&pl(document,t.handler,!1),t.target.restoreCloseStyle(),t.overlay.remove(),e(n)};return Ws(n,Qs,r),this}}},{key:"grab",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onGrab;if(this.shown&&!this.lock){var o=this.target.el;this.options.onBeforeGrab(o),this.released=!1,this.target.grab(t,e,n);var i=function t(){Ws(o,Qs,t,!1),r(o)};return Ws(o,Qs,i),this}}},{key:"move",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onMove;if(this.shown&&!this.lock){this.released=!1,this.body.style.cursor=Hs,this.target.move(t,e,n);var o=this.target.el,i=function t(){Ws(o,Qs,t,!1),r(o)};return Ws(o,Qs,i),this}}},{key:"release",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onRelease;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeRelease(n),this.lock=!0,this.body.style.cursor=Ns,this.target.restoreOpenStyle();var r=function r(){Ws(n,Qs,r,!1),t.lock=!1,t.released=!0,e(n)};return Ws(n,Qs,r),this}}}]),t}();const dl=JSON.parse('{"bgColor":"rgba(0,0,0,0.6)"}'),hl=Number("500");class vl{constructor(){this.instance=new fl(dl)}update(t=".theme-vdoing-content img:not(.no-zoom)"){"undefined"!=typeof window&&this.instance.listen(t)}updateDelay(t=".theme-vdoing-content img:not(.no-zoom)",e=hl){setTimeout(()=>this.update(t),e)}}var gl=[ms,ks,Ss,js,zs,{watch:{"$page.path"(){void 0!==this.$vuepress.zooming&&this.$vuepress.zooming.updateDelay()}},mounted(){this.$vuepress.zooming=new vl,this.$vuepress.zooming.updateDelay()}}],ml={name:"GlobalLayout",computed:{layout(){const t=this.getLayout();return fs("layout",t),Gn.component(t)}},methods:{getLayout(){if(this.$page.path){const t=this.$page.frontmatter.layout;return t&&(this.$vuepress.getLayoutAsyncComponent(t)||this.$vuepress.getVueComponent(t))?t:"Layout"}return"NotFound"}}},yl=n(7),bl=Object(yl.a)(ml,(function(){return(0,this._self._c)(this.layout,{tag:"component"})}),[],!1,null,null,null).exports;!function(t,e,n){switch(e){case"components":t[e]||(t[e]={}),Object.assign(t[e],n);break;case"mixins":t[e]||(t[e]=[]),t[e].push(...n);break;default:throw new Error("Unknown option name.")}}(bl,"mixins",gl);const _l=[{name:"v-1aa3cf08",path:"/pages/introduction/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-1aa3cf08").then(n)}},{path:"/pages/introduction/index.html",redirect:"/pages/introduction/"},{path:"/01.指南/01.指南/01.介绍.html",redirect:"/pages/introduction/"},{name:"v-a179921e",path:"/pages/start/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-a179921e").then(n)}},{path:"/pages/start/index.html",redirect:"/pages/start/"},{path:"/01.指南/01.指南/02.快速开始.html",redirect:"/pages/start/"},{name:"v-3b435cb1",path:"/pages/directory/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-3b435cb1").then(n)}},{path:"/pages/directory/index.html",redirect:"/pages/directory/"},{path:"/01.指南/01.指南/03.目录结构.html",redirect:"/pages/directory/"},{name:"v-044dc18f",path:"/pages/vscode/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-044dc18f").then(n)}},{path:"/pages/vscode/index.html",redirect:"/pages/vscode/"},{path:"/01.指南/01.指南/04.vscode文件夹详解.html",redirect:"/pages/vscode/"},{name:"v-75b687e4",path:"/pages/layout/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-75b687e4").then(n)}},{path:"/pages/layout/index.html",redirect:"/pages/layout/"},{path:"/01.指南/01.指南/06.布局.html",redirect:"/pages/layout/"},{name:"v-5cf95e4e",path:"/pages/routerMenu/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-5cf95e4e").then(n)}},{path:"/pages/routerMenu/index.html",redirect:"/pages/routerMenu/"},{path:"/01.指南/01.指南/07.路由和菜单.html",redirect:"/pages/routerMenu/"},{name:"v-4a80159c",path:"/pages/config/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-4a80159c").then(n)}},{path:"/pages/config/index.html",redirect:"/pages/config/"},{path:"/01.指南/01.指南/05.平台配置.html",redirect:"/pages/config/"},{name:"v-05c3bd2a",path:"/pages/build/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-05c3bd2a").then(n)}},{path:"/pages/build/index.html",redirect:"/pages/build/"},{path:"/01.指南/01.指南/09.打包和部署.html",redirect:"/pages/build/"},{name:"v-0d6ce17d",path:"/pages/request/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-0d6ce17d").then(n)}},{path:"/pages/request/index.html",redirect:"/pages/request/"},{path:"/01.指南/01.指南/08.http请求.html",redirect:"/pages/request/"},{name:"v-f9c4c998",path:"/pages/icon/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-f9c4c998").then(n)}},{path:"/pages/icon/index.html",redirect:"/pages/icon/"},{path:"/01.指南/02.进阶/01.图标.html",redirect:"/pages/icon/"},{name:"v-688f3a05",path:"/pages/tailwindcss/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-688f3a05").then(n)}},{path:"/pages/tailwindcss/index.html",redirect:"/pages/tailwindcss/"},{path:"/01.指南/02.进阶/04.Tailwind CSS.html",redirect:"/pages/tailwindcss/"},{name:"v-6322ba2b",path:"/pages/theme/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-6322ba2b").then(n)}},{path:"/pages/theme/index.html",redirect:"/pages/theme/"},{path:"/01.指南/02.进阶/02.主题和暗黑模式.html",redirect:"/pages/theme/"},{name:"v-6023e725",path:"/pages/RBAC/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-6023e725").then(n)}},{path:"/pages/RBAC/index.html",redirect:"/pages/RBAC/"},{path:"/01.指南/02.进阶/05.RBAC权限.html",redirect:"/pages/RBAC/"},{name:"v-132ce9ae",path:"/pages/i18n/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-132ce9ae").then(n)}},{path:"/pages/i18n/index.html",redirect:"/pages/i18n/"},{path:"/01.指南/02.进阶/03.国际化.html",redirect:"/pages/i18n/"},{name:"v-93b1af9c",path:"/pages/typescript/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-93b1af9c").then(n)}},{path:"/pages/typescript/index.html",redirect:"/pages/typescript/"},{path:"/01.指南/02.进阶/06.类型声明.html",redirect:"/pages/typescript/"},{name:"v-073c0739",path:"/pages/sso/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-073c0739").then(n)}},{path:"/pages/sso/index.html",redirect:"/pages/sso/"},{path:"/01.指南/02.进阶/07.单点登录.html",redirect:"/pages/sso/"},{name:"v-63b133f2",path:"/pages/nologin/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-63b133f2").then(n)}},{path:"/pages/nologin/index.html",redirect:"/pages/nologin/"},{path:"/01.指南/02.进阶/08.自定义免登录.html",redirect:"/pages/nologin/"},{name:"v-7cee7f05",path:"/pages/buildgood/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-7cee7f05").then(n)}},{path:"/pages/buildgood/index.html",redirect:"/pages/buildgood/"},{path:"/01.指南/02.进阶/09.打包优化.html",redirect:"/pages/buildgood/"},{name:"v-f979d74c",path:"/pages/optimize/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-f979d74c").then(n)}},{path:"/pages/optimize/index.html",redirect:"/pages/optimize/"},{path:"/01.指南/02.进阶/10.vite预构建.html",redirect:"/pages/optimize/"},{name:"v-1df20381",path:"/pages/opensource/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-1df20381").then(n)}},{path:"/pages/opensource/index.html",redirect:"/pages/opensource/"},{path:"/01.指南/03.生态/01.对接平台的前后端项目.html",redirect:"/pages/opensource/"},{name:"v-05d8d6e9",path:"/pages/viteplugin/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-05d8d6e9").then(n)}},{path:"/pages/viteplugin/index.html",redirect:"/pages/viteplugin/"},{path:"/01.指南/03.生态/04.vite插件.html",redirect:"/pages/viteplugin/"},{name:"v-11edc25c",path:"/pages/components/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-11edc25c").then(n)}},{path:"/pages/components/index.html",redirect:"/pages/components/"},{path:"/01.指南/03.生态/03.组件库.html",redirect:"/pages/components/"},{name:"v-04690f78",path:"/pages/FAQ/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-04690f78").then(n)}},{path:"/pages/FAQ/index.html",redirect:"/pages/FAQ/"},{path:"/01.指南/04.其他/01.常见问题.html",redirect:"/pages/FAQ/"},{name:"v-ab707a5e",path:"/pages/track/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-ab707a5e").then(n)}},{path:"/pages/track/index.html",redirect:"/pages/track/"},{path:"/01.指南/04.其他/02.非平台问题跟踪记录.html",redirect:"/pages/track/"},{name:"v-549efc65",path:"/pages/utils/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-549efc65").then(n)}},{path:"/pages/utils/index.html",redirect:"/pages/utils/"},{path:"/01.指南/03.生态/02.函数工具库.html",redirect:"/pages/utils/"},{name:"v-64c22648",path:"/pages/git/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-64c22648").then(n)}},{path:"/pages/git/index.html",redirect:"/pages/git/"},{path:"/01.指南/04.其他/04.git常用命令.html",redirect:"/pages/git/"},{name:"v-0670206f",path:"/pages/service/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-0670206f").then(n)}},{path:"/pages/service/index.html",redirect:"/pages/service/"},{path:"/02.优质服务/01.优质服务.html",redirect:"/pages/service/"},{name:"v-65003178",path:"/pages/recommendation/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-65003178").then(n)}},{path:"/pages/recommendation/index.html",redirect:"/pages/recommendation/"},{path:"/01.指南/04.其他/05.优秀网站推荐.html",redirect:"/pages/recommendation/"},{name:"v-59680145",path:"/pages/max/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-59680145").then(n)}},{path:"/pages/max/index.html",redirect:"/pages/max/"},{path:"/04.Max版本/01.Max版本.html",redirect:"/pages/max/"},{name:"v-53cdbc15",path:"/pages/sponsor/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-53cdbc15").then(n)}},{path:"/pages/sponsor/index.html",redirect:"/pages/sponsor/"},{path:"/05.赞助/01.赞助.html",redirect:"/pages/sponsor/"},{name:"v-6f67f025",path:"/archives/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-6f67f025").then(n)}},{path:"/archives/index.html",redirect:"/archives/"},{path:"/@pages/archivesPage.html",redirect:"/archives/"},{name:"v-24424384",path:"/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-24424384").then(n)}},{path:"/index.html",redirect:"/"},{name:"v-76995abd",path:"/pages/js/",component:bl,beforeEnter:(t,e,n)=>{ps("Layout","v-76995abd").then(n)}},{path:"/pages/js/index.html",redirect:"/pages/js/"},{path:"/03.JS版本/01.JS版本.html",redirect:"/pages/js/"},{path:"*",component:bl}],xl={title:"Pure Admin 保姆级文档",description:"一款开源完全免费且开箱即用的中后台管理系统模版",base:"/",headTags:[["link",{rel:"icon",href:"/img/favicon.ico"}],["link",{rel:"stylesheet",href:"/iconfont/iconfont.css"}],["meta",{name:"keywords",content:"vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs"}],["meta",{name:"theme-color",content:"#11a8cd"}]],pages:[{title:"介绍",frontmatter:{title:"介绍",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/introduction",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/01.%E4%BB%8B%E7%BB%8D.html",relativePath:"01.指南/01.指南/01.介绍.md",key:"v-1aa3cf08",path:"/pages/introduction/",headers:[{level:2,title:"在线预览",slug:"在线预览"},{level:2,title:"完整版本",slug:"完整版本"},{level:2,title:"精简版本（提供国际化和非国际化两个版本）",slug:"精简版本-提供国际化和非国际化两个版本"},{level:2,title:"js 版本",slug:"js-版本"},{level:2,title:"vue-pure-admin-max 版本",slug:"vue-pure-admin-max-版本"},{level:2,title:"微前端版本",slug:"微前端版本"},{level:2,title:"Nodejs 后端",slug:"nodejs-后端"},{level:2,title:"Tauri 版本",slug:"tauri-版本"},{level:2,title:"Electron 版本",slug:"electron-版本"},{level:2,title:"配套视频",slug:"配套视频"},{level:2,title:"浏览器支持",slug:"浏览器支持"},{level:2,title:"维护者",slug:"维护者"},{level:2,title:"问题反馈",slug:"问题反馈"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"快速开始",frontmatter:{title:"快速开始",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/start",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/02.%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B.html",relativePath:"01.指南/01.指南/02.快速开始.md",key:"v-a179921e",path:"/pages/start/",headers:[{level:2,title:"开发环境",slug:"开发环境"},{level:2,title:"IDE",slug:"ide"},{level:2,title:"拉取代码",slug:"拉取代码"},{level:3,title:"推荐使用 @pureadmin/cli 脚手架",slug:"推荐使用-pureadmin-cli-脚手架"},{level:3,title:"从 GitHub 上拉取",slug:"从-github-上拉取"},{level:4,title:"完整版前端代码",slug:"完整版前端代码"},{level:4,title:"国际化精简版前端代码",slug:"国际化精简版前端代码"},{level:4,title:"非国际化精简版前端代码",slug:"非国际化精简版前端代码"},{level:4,title:"tauri 版本前端代码",slug:"tauri-版本前端代码"},{level:4,title:"electron 版本前端代码",slug:"electron-版本前端代码"},{level:4,title:"后端代码（node 版本）",slug:"后端代码-node-版本"},{level:3,title:"从 Gitee 上拉取",slug:"从-gitee-上拉取"},{level:4,title:"完整版前端代码",slug:"完整版前端代码-2"},{level:4,title:"国际化精简版前端代码",slug:"国际化精简版前端代码-2"},{level:4,title:"非国际化精简版前端代码",slug:"非国际化精简版前端代码-2"},{level:4,title:"tauri 版本前端代码",slug:"tauri-版本前端代码-2"},{level:4,title:"electron 版本前端代码",slug:"electron-版本前端代码-2"},{level:4,title:"后端代码（node 版本）",slug:"后端代码-node-版本-2"},{level:2,title:"本地开发",slug:"本地开发"},{level:4,title:"安装依赖",slug:"安装依赖"},{level:4,title:"启动平台",slug:"启动平台"},{level:4,title:"项目打包",slug:"项目打包"},{level:4,title:"安装一个包",slug:"安装一个包"},{level:4,title:"卸载一个包",slug:"卸载一个包"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"目录结构",frontmatter:{title:"目录结构",article:!1,date:"2022-12-03T00:00:00.000Z",permalink:"/pages/directory",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/03.%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84.html",relativePath:"01.指南/01.指南/03.目录结构.md",key:"v-3b435cb1",path:"/pages/directory/",lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:".vscode文件夹详解",frontmatter:{title:".vscode文件夹详解",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/vscode/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/04.vscode%E6%96%87%E4%BB%B6%E5%A4%B9%E8%AF%A6%E8%A7%A3.html",relativePath:"01.指南/01.指南/04.vscode文件夹详解.md",key:"v-044dc18f",path:"/pages/vscode/",headers:[{level:2,title:"extensions.json",slug:"extensions-json"},{level:2,title:"settings.json",slug:"settings-json"},{level:2,title:"vue3.0.code-snippets",slug:"vue3-0-code-snippets"},{level:2,title:"vue3.2.code-snippets",slug:"vue3-2-code-snippets"},{level:2,title:"vue3.3.code-snippets",slug:"vue3-3-code-snippets"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"布局",frontmatter:{title:"布局",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/layout/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/06.%E5%B8%83%E5%B1%80.html",relativePath:"01.指南/01.指南/06.布局.md",key:"v-75b687e4",path:"/pages/layout/",headers:[{level:2,title:"左侧菜单模式",slug:"左侧菜单模式"},{level:2,title:"顶部菜单模式",slug:"顶部菜单模式"},{level:2,title:"混合菜单模式",slug:"混合菜单模式"},{level:2,title:"双栏菜单模式",slug:"双栏菜单模式"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"路由和菜单",frontmatter:{title:"路由和菜单",article:!1,date:"2022-12-07T00:00:00.000Z",permalink:"/pages/routerMenu/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/07.%E8%B7%AF%E7%94%B1%E5%92%8C%E8%8F%9C%E5%8D%95.html",relativePath:"01.指南/01.指南/07.路由和菜单.md",key:"v-5cf95e4e",path:"/pages/routerMenu/",headers:[{level:2,title:"路由和菜单配置",slug:"路由和菜单配置"},{level:2,title:"静态路由",slug:"静态路由"},{level:3,title:"如何生成一级菜单",slug:"如何生成一级菜单"},{level:3,title:"如何生成二级菜单（两种模式）",slug:"如何生成二级菜单-两种模式"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况"},{level:3,title:"如何生成三级菜单（两种模式）",slug:"如何生成三级菜单-两种模式"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-2"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-2"},{level:3,title:"如何生成四级菜单（两种模式）",slug:"如何生成四级菜单-两种模式"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-3"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-3"},{level:3,title:"注意点",slug:"注意点"},{level:4,title:"国际化",slug:"国际化"},{level:4,title:"重定向",slug:"重定向"},{level:4,title:"类型提示",slug:"类型提示"},{level:4,title:"添加无 layout 的页面",slug:"添加无-layout-的页面"},{level:4,title:"禁止修改或删除的路由",slug:"禁止修改或删除的路由"},{level:3,title:"如何只要静态路由",slug:"如何只要静态路由"},{level:2,title:"动态路由",slug:"动态路由"},{level:3,title:"如何生成一级菜单",slug:"如何生成一级菜单-2"},{level:4,title:"只传 path 模式",slug:"只传-path-模式"},{level:4,title:"传 path 和 component 模式",slug:"传-path-和-component-模式"},{level:3,title:"如何生成二级菜单（两种模式）",slug:"如何生成二级菜单-两种模式-2"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-4"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-4"},{level:3,title:"如何生成三级菜单（两种模式）",slug:"如何生成三级菜单-两种模式-2"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-5"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-5"},{level:3,title:"如何生成四级菜单（两种模式）",slug:"如何生成四级菜单-两种模式-2"},{level:4,title:"第一种（该模式针对父级菜单下只有一个子菜单的情况，在子菜单的 meta 属性中加上 showParent: true 即可）",slug:"第一种-该模式针对父级菜单下只有一个子菜单的情况-在子菜单的-meta-属性中加上-showparent-true-即可-6"},{level:4,title:"第二种（该模式针对父级菜单下有大于或等于两个子菜单的情况）",slug:"第二种-该模式针对父级菜单下有大于或等于两个子菜单的情况-6"},{level:3,title:"注意点",slug:"注意点-2"},{level:4,title:"动态路由缓存本地",slug:"动态路由缓存本地"},{level:4,title:"国际化",slug:"国际化-2"},{level:4,title:"重定向",slug:"重定向-2"},{level:4,title:"重置路由",slug:"重置路由"},{level:5,title:"常用场景",slug:"常用场景"},{level:5,title:"基础用法",slug:"基础用法"},{level:5,title:"具体实现代码",slug:"具体实现代码"},{level:2,title:"静态路由、动态路由相同的配置",slug:"静态路由、动态路由相同的配置"},{level:3,title:"内嵌 iframe 和外链",slug:"内嵌-iframe-和外链"},{level:3,title:"菜单排序 rank",slug:"菜单排序-rank"},{level:3,title:"菜单图标 icon",slug:"菜单图标-icon"},{level:3,title:"路由页面缓存 keepAlive",slug:"路由页面缓存-keepalive"},{level:3,title:"页面进场、离场动画定制化 transition",slug:"页面进场、离场动画定制化-transition"},{level:3,title:"页面和按钮级别权限设置",slug:"页面和按钮级别权限设置"},{level:2,title:"常见疑问",slug:"常见疑问"},{level:3,title:"为什么路由的 name 必写，而且必须唯一",slug:"为什么路由的-name-必写-而且必须唯一"},{level:3,title:"为什么路由的 name 需和页面的 name 保持一致？",slug:"为什么路由的-name-需和页面的-name-保持一致"},{level:2,title:"更多路由跳转示例代码",slug:"更多路由跳转示例代码"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"平台配置",frontmatter:{title:"平台配置",article:!1,date:"2022-11-17T00:00:00.000Z",permalink:"/pages/config/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/05.%E5%B9%B3%E5%8F%B0%E9%85%8D%E7%BD%AE.html",relativePath:"01.指南/01.指南/05.平台配置.md",key:"v-4a80159c",path:"/pages/config/",headers:[{level:2,title:"logo",slug:"logo"},{level:2,title:"环境变量",slug:"环境变量"},{level:3,title:"配置文件",slug:"配置文件"},{level:3,title:"具体配置",slug:"具体配置"},{level:3,title:"基础用法",slug:"基础用法"},{level:3,title:"如何添加自定义配置",slug:"如何添加自定义配置"},{level:2,title:"platform-config.json",slug:"platform-config-json"},{level:3,title:"基础用法",slug:"基础用法-2"},{level:4,title:".vue 文件中使用（setup 语法）",slug:"vue-文件中使用-setup-语法"},{level:4,title:".vue 文件中使用（非 setup 语法）",slug:"vue-文件中使用-非-setup-语法"},{level:4,title:".ts 或 .vue 中使用",slug:"ts-或-vue-中使用"},{level:3,title:"如何添加自定义配置",slug:"如何添加自定义配置-2"},{level:2,title:"package.json",slug:"package-json"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"打包和部署",frontmatter:{title:"打包和部署",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/build/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/09.%E6%89%93%E5%8C%85%E5%92%8C%E9%83%A8%E7%BD%B2.html",relativePath:"01.指南/01.指南/09.打包和部署.md",key:"v-05c3bd2a",path:"/pages/build/",headers:[{level:3,title:"本地环境打包预览",slug:"本地环境打包预览"},{level:3,title:"预发布打包",slug:"预发布打包"},{level:3,title:"正式环境打包",slug:"正式环境打包"},{level:3,title:"打包分析",slug:"打包分析"},{level:3,title:"平台文件、语言分析",slug:"平台文件、语言分析"},{level:2,title:"部署",slug:"部署"},{level:3,title:"nginx",slug:"nginx"},{level:4,title:"打包",slug:"打包"},{level:4,title:"nginx 配置",slug:"nginx-配置"},{level:4,title:"开启 gzip、brotli 压缩",slug:"开启-gzip、brotli-压缩"},{level:4,title:"nginx 常用命令",slug:"nginx-常用命令"},{level:5,title:"启动 nginx",slug:"启动-nginx"},{level:5,title:"重启 nginx",slug:"重启-nginx"},{level:5,title:"停止运行 nginx",slug:"停止运行-nginx"},{level:5,title:"判断 nginx.config 配置文件语法是否正确",slug:"判断-nginx-config-配置文件语法是否正确"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"http请求",frontmatter:{title:"http请求",article:!1,date:"2022-11-10T00:00:00.000Z",permalink:"/pages/request/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/01.%E6%8C%87%E5%8D%97/08.http%E8%AF%B7%E6%B1%82.html",relativePath:"01.指南/01.指南/08.http请求.md",key:"v-0d6ce17d",path:"/pages/request/",headers:[{level:2,title:"Mock",slug:"mock"},{level:3,title:"基础用法",slug:"基础用法"},{level:3,title:"如何快速删除 mock",slug:"如何快速删除-mock"},{level:2,title:"Axios",slug:"axios"},{level:4,title:"中文文档",slug:"中文文档"},{level:4,title:"基本请求方式",slug:"基本请求方式"},{level:5,title:"get 请求",slug:"get-请求"},{level:5,title:"post 请求",slug:"post-请求"},{level:5,title:"delete 请求",slug:"delete-请求"},{level:5,title:"put 请求",slug:"put-请求"},{level:5,title:"http.request 传参解析",slug:"http-request-传参解析"},{level:4,title:"如何与后台联调",slug:"如何与后台联调"},{level:5,title:"跨域与解决办法",slug:"跨域与解决办法"},{level:6,title:"什么是跨域",slug:"什么是跨域"},{level:6,title:"解决办法",slug:"解决办法"},{level:5,title:"多个后端地址如何联调",slug:"多个后端地址如何联调"},{level:4,title:"如何声明接口返回值类型",slug:"如何声明接口返回值类型"},{level:4,title:"平台封装的请求可以设置额外的 axios 配置吗",slug:"平台封装的请求可以设置额外的-axios-配置吗"},{level:4,title:"JWT Token（内置无感刷新 token 解决方案）",slug:"jwt-token-内置无感刷新-token-解决方案"},{level:5,title:"信息存储",slug:"信息存储"},{level:5,title:"细节处理",slug:"细节处理"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"图标",frontmatter:{title:"图标",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/icon/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/01.%E5%9B%BE%E6%A0%87.html",relativePath:"01.指南/02.进阶/01.图标.md",key:"v-f9c4c998",path:"/pages/icon/",headers:[{level:2,title:"iconify",slug:"iconify"},{level:2,title:"本地图标",slug:"本地图标"},{level:3,title:"iconfont 的引入",slug:"iconfont-的引入"},{level:4,title:"存放目录",slug:"存放目录"},{level:4,title:"如何导入",slug:"如何导入"},{level:4,title:"组件使用",slug:"组件使用"},{level:3,title:"svg 的引入",slug:"svg-的引入"},{level:4,title:"存放目录",slug:"存放目录-2"},{level:4,title:"基础用法",slug:"基础用法"},{level:3,title:"iconify 相关图标的引入",slug:"iconify-相关图标的引入"},{level:4,title:"分为两个步骤",slug:"分为两个步骤"},{level:5,title:"安装本地依赖图标包",slug:"安装本地依赖图标包"},{level:4,title:"基础用法",slug:"基础用法-2"},{level:4,title:"如何找到更多的图标集",slug:"如何找到更多的图标集"},{level:2,title:"在线图标",slug:"在线图标"},{level:3,title:"基础用法",slug:"基础用法-3"},{level:2,title:"离线图标",slug:"离线图标"},{level:2,title:"通用图标 useRenderIcon (hooks)",slug:"通用图标-userendericon-hooks"},{level:3,title:"参数",slug:"参数"},{level:3,title:"基础用法",slug:"基础用法-4"},{level:3,title:"类型",slug:"类型"},{level:2,title:"导航菜单的 icon 如何配置",slug:"导航菜单的-icon-如何配置"},{level:3,title:"svg",slug:"svg"},{level:3,title:"iconfont",slug:"iconfont"},{level:3,title:"本地图标",slug:"本地图标-2"},{level:3,title:"在线图标",slug:"在线图标-2"},{level:2,title:"图标插件",slug:"图标插件"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"Tailwind CSS",frontmatter:{title:"Tailwind CSS",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/tailwindcss/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/04.Tailwind%20CSS.html",relativePath:"01.指南/02.进阶/04.Tailwind CSS.md",key:"v-688f3a05",path:"/pages/tailwindcss/",headers:[{level:2,title:"Tailwind CSS 的 vscode 插件",slug:"tailwind-css-的-vscode-插件"},{level:2,title:"Tailwind CSS 文档",slug:"tailwind-css-文档"},{level:2,title:"Tailwind CSS 使用技巧",slug:"tailwind-css-使用技巧"},{level:3,title:"1. 自定义属性值",slug:"_1-自定义属性值"},{level:3,title:"2. !important 权重，这里我们分为 三 步走",slug:"_2-important-权重-这里我们分为-三-步走"},{level:4,title:"2-1. 单个实用程序类加 !important",slug:"_2-1-单个实用程序类加-important"},{level:4,title:"2-2. ! 总是在实用程序名称的开头，在任何变体之后，但在任何前缀之前",slug:"_2-2-总是在实用程序名称的开头-在任何变体之后-但在任何前缀之前"},{level:4,title:"2-3. 全局配置!important",slug:"_2-3-全局配置-important"},{level:3,title:"3. 悬停、焦点和其他状态",slug:"_3-悬停、焦点和其他状态"},{level:3,title:"4. 响应式设计",slug:"_4-响应式设计"},{level:3,title:"5. 暗黑模式",slug:"_5-暗黑模式"},{level:3,title:"5. 重用样式",slug:"_5-重用样式"},{level:3,title:"6. 定制化 Tailwind CSS",slug:"_6-定制化-tailwind-css"},{level:2,title:"CSSNANO",slug:"cssnano"},{level:2,title:"Autoprefixer",slug:"autoprefixer"},{level:2,title:"PostCSS",slug:"postcss"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"主题和暗黑模式",frontmatter:{title:"主题和暗黑模式",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/theme/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/02.%E4%B8%BB%E9%A2%98%E5%92%8C%E6%9A%97%E9%BB%91%E6%A8%A1%E5%BC%8F.html",relativePath:"01.指南/02.进阶/02.主题和暗黑模式.md",key:"v-6322ba2b",path:"/pages/theme/",headers:[{level:2,title:"内置主题",slug:"内置主题"},{level:2,title:"自定义主题",slug:"自定义主题"},{level:3,title:"添加自定义主题",slug:"添加自定义主题"},{level:3,title:"字段解析",slug:"字段解析"},{level:2,title:"element-plus 主题色",slug:"element-plus-主题色"},{level:2,title:"暗黑模式",slug:"暗黑模式"},{level:3,title:"页面如何打开暗黑模式",slug:"页面如何打开暗黑模式"},{level:3,title:"具体实现",slug:"具体实现"},{level:3,title:"样式兼容",slug:"样式兼容"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"RBAC权限",frontmatter:{title:"RBAC权限",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/RBAC/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/05.RBAC%E6%9D%83%E9%99%90.html",relativePath:"01.指南/02.进阶/05.RBAC权限.md",key:"v-6023e725",path:"/pages/RBAC/",headers:[{level:2,title:"用户",slug:"用户"},{level:2,title:"角色",slug:"角色"},{level:2,title:"权限",slug:"权限"},{level:3,title:"粗粒度权限",slug:"粗粒度权限"},{level:4,title:"菜单权限",slug:"菜单权限"},{level:5,title:"实现原理、代码",slug:"实现原理、代码"},{level:5,title:"如何配置",slug:"如何配置"},{level:4,title:"url 链接权限",slug:"url-链接权限"},{level:5,title:"实现原理、代码",slug:"实现原理、代码-2"},{level:5,title:"如何配置",slug:"如何配置-2"},{level:4,title:"按钮、组件、类方法权限",slug:"按钮、组件、类方法权限"},{level:5,title:"第一种模式，路由返回按钮级别权限",slug:"第一种模式-路由返回按钮级别权限"},{level:6,title:"组件方式判断权限",slug:"组件方式判断权限"},{level:6,title:"函数方式判断权限",slug:"函数方式判断权限"},{level:6,title:"指令方式判断权限",slug:"指令方式判断权限"},{level:5,title:"第二种模式，登录接口返回按钮级别权限",slug:"第二种模式-登录接口返回按钮级别权限"},{level:6,title:"组件方式判断权限",slug:"组件方式判断权限-2"},{level:6,title:"函数方式判断权限",slug:"函数方式判断权限-2"},{level:6,title:"指令方式判断权限",slug:"指令方式判断权限-2"},{level:3,title:"细粒度权限",slug:"细粒度权限"},{level:4,title:"数据权限",slug:"数据权限"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"国际化",frontmatter:{title:"国际化",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/i18n/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/03.%E5%9B%BD%E9%99%85%E5%8C%96.html",relativePath:"01.指南/02.进阶/03.国际化.md",key:"v-132ce9ae",path:"/pages/i18n/",headers:[{level:2,title:"vscode 插件",slug:"vscode-插件"},{level:2,title:"注入国际化",slug:"注入国际化"},{level:2,title:"基础用法",slug:"基础用法"},{level:3,title:".vue 文件中使用",slug:"vue-文件中使用"},{level:3,title:".ts 文件中使用",slug:"ts-文件中使用"},{level:2,title:"平台提供的 $t",slug:"平台提供的-t"},{level:3,title:".vue 文件中使用",slug:"vue-文件中使用-2"},{level:3,title:".ts 文件中使用",slug:"ts-文件中使用-2"},{level:2,title:"当前的国际化环境",slug:"当前的国际化环境"},{level:3,title:".vue 文件中使用",slug:"vue-文件中使用-3"},{level:3,title:".ts 文件中使用",slug:"ts-文件中使用-3"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"类型声明",frontmatter:{title:"类型声明",article:!1,date:"2022-12-01T00:00:00.000Z",permalink:"/pages/typescript/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/06.%E7%B1%BB%E5%9E%8B%E5%A3%B0%E6%98%8E.html",relativePath:"01.指南/02.进阶/06.类型声明.md",key:"v-93b1af9c",path:"/pages/typescript/",headers:[{level:2,title:"全局类型声明",slug:"全局类型声明"},{level:2,title:"types/shims-tsx.d.ts",slug:"types-shims-tsx-d-ts"},{level:2,title:"types/shims-vue.d.ts",slug:"types-shims-vue-d-ts"},{level:2,title:"全局导入的组件如何获取类型提示",slug:"全局导入的组件如何获取类型提示"},{level:3,title:"从 npm 下载的组件库或者第三方库",slug:"从-npm-下载的组件库或者第三方库"},{level:3,title:"平台内自定义的全局组件",slug:"平台内自定义的全局组件"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"单点登录",frontmatter:{title:"单点登录",article:!1,date:"2022-12-01T00:00:00.000Z",permalink:"/pages/sso/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/07.%E5%8D%95%E7%82%B9%E7%99%BB%E5%BD%95.html",relativePath:"01.指南/02.进阶/07.单点登录.md",key:"v-073c0739",path:"/pages/sso/",headers:[{level:2,title:"单点登录",slug:"单点登录"},{level:3,title:"前端实现步骤划分",slug:"前端实现步骤划分"},{level:3,title:"完整代码",slug:"完整代码"},{level:3,title:"url 格式",slug:"url-格式"},{level:3,title:"测试地址",slug:"测试地址"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"自定义免登录",frontmatter:{title:"自定义免登录",article:!1,date:"2023-10-09T00:00:00.000Z",permalink:"/pages/nologin/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/08.%E8%87%AA%E5%AE%9A%E4%B9%89%E5%85%8D%E7%99%BB%E5%BD%95.html",relativePath:"01.指南/02.进阶/08.自定义免登录.md",key:"v-63b133f2",path:"/pages/nologin/",headers:[{level:2,title:"优点",slug:"优点"},{level:2,title:"如何操作",slug:"如何操作"},{level:2,title:"具体实现",slug:"具体实现"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"打包优化",frontmatter:{title:"打包优化",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/buildgood/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/09.%E6%89%93%E5%8C%85%E4%BC%98%E5%8C%96.html",relativePath:"01.指南/02.进阶/09.打包优化.md",key:"v-7cee7f05",path:"/pages/buildgood/",headers:[{level:2,title:"vite 自身的构建优化",slug:"vite-自身的构建优化"},{level:2,title:"css 优化",slug:"css-优化"},{level:3,title:"​ 压缩 css",slug:"​-压缩-css"},{level:3,title:"​ 自动添加浏览器前缀",slug:"​-自动添加浏览器前缀"},{level:2,title:"组件、工具库",slug:"组件、工具库"},{level:2,title:"压缩 gzip、brotli 格式",slug:"压缩-gzip、brotli-格式"},{level:3,title:"如何开启压缩",slug:"如何开启压缩"},{level:4,title:"两种总体设置",slug:"两种总体设置"},{level:5,title:"压缩时不删除原始文件的配置",slug:"压缩时不删除原始文件的配置"},{level:5,title:"压缩时删除原始文件的配置",slug:"压缩时删除原始文件的配置"},{level:2,title:"采用 cdn 模式替换本地依赖",slug:"采用-cdn-模式替换本地依赖"},{level:3,title:"vite 插件",slug:"vite-插件"},{level:3,title:"cdn 厂商（免费）",slug:"cdn-厂商-免费"},{level:3,title:"如何启动 cdn 替换",slug:"如何启动-cdn-替换"},{level:3,title:"默认启动 cdn 替换的模块有哪些",slug:"默认启动-cdn-替换的模块有哪些"},{level:2,title:"生产环境删除 console.log",slug:"生产环境删除-console-log"},{level:2,title:"静态资源分类打包",slug:"静态资源分类打包"},{level:2,title:"svg 压缩",slug:"svg-压缩"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"vite预构建",frontmatter:{title:"vite预构建",article:!1,date:"2022-12-01T00:00:00.000Z",permalink:"/pages/optimize/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/02.%E8%BF%9B%E9%98%B6/10.vite%E9%A2%84%E6%9E%84%E5%BB%BA.html",relativePath:"01.指南/02.进阶/10.vite预构建.md",key:"v-f979d74c",path:"/pages/optimize/",headers:[{level:2,title:"include",slug:"include"},{level:2,title:"exclude",slug:"exclude"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"对接平台的前后端项目",frontmatter:{title:"对接平台的前后端项目",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/opensource/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/01.%E5%AF%B9%E6%8E%A5%E5%B9%B3%E5%8F%B0%E7%9A%84%E5%89%8D%E5%90%8E%E7%AB%AF%E9%A1%B9%E7%9B%AE.html",relativePath:"01.指南/03.生态/01.对接平台的前后端项目.md",key:"v-1df20381",path:"/pages/opensource/",lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"vite插件",frontmatter:{title:"vite插件",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/viteplugin/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/04.vite%E6%8F%92%E4%BB%B6.html",relativePath:"01.指南/03.生态/04.vite插件.md",key:"v-05d8d6e9",path:"/pages/viteplugin/",headers:[{level:2,title:"vite-plugin-remove-console",slug:"vite-plugin-remove-console"},{level:2,title:"vite-plugin-router-warn",slug:"vite-plugin-router-warn"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"组件库",frontmatter:{title:"组件库",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/components/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/03.%E7%BB%84%E4%BB%B6%E5%BA%93.html",relativePath:"01.指南/03.生态/03.组件库.md",key:"v-11edc25c",path:"/pages/components/",headers:[{level:2,title:"pure-admin-table",slug:"pure-admin-table"},{level:2,title:"pure-admin-descriptions",slug:"pure-admin-descriptions"},{level:2,title:"ReDialog",slug:"redialog"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"常见问题",frontmatter:{title:"常见问题",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/FAQ/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/01.%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.html",relativePath:"01.指南/04.其他/01.常见问题.md",key:"v-04690f78",path:"/pages/FAQ/",headers:[{level:2,title:"是否支持 IE ？",slug:"是否支持-ie"},{level:2,title:"精简版是干啥的？",slug:"精简版是干啥的"},{level:2,title:"husky 是什么？可以删除 husky 提交前校验吗？如何彻底删除？",slug:"husky-是什么-可以删除-husky-提交前校验吗-如何彻底删除"},{level:2,title:"为什么使用 pnpm ？ pnpm 天生支持 monorepo，为什么平台不采用这种模式呢？",slug:"为什么使用-pnpm-pnpm-天生支持-monorepo-为什么平台不采用这种模式呢"},{level:2,title:"平台出现报错 Cannot find module '@zougt/some-loader-utils'",slug:"平台出现报错-cannot-find-module-zougt-some-loader-utils"},{level:2,title:"平台出现报错 Access is denied（windows 常见）",slug:"平台出现报错-access-is-denied-windows-常见"},{level:2,title:"安装依赖时出现报错 Cannot find module 'sass'",slug:"安装依赖时出现报错-cannot-find-module-sass"},{level:2,title:"动态路由刷新出现警告 ⚠️",slug:"动态路由刷新出现警告-⚠️"},{level:2,title:"平台出现警告 rank only the home page can be 0 ⚠️",slug:"平台出现警告-rank-only-the-home-page-can-be-0-⚠️"},{level:2,title:"为什么平台使用 lodash-unified ，而不是使用 lodash-es 呢？",slug:"为什么平台使用-lodash-unified-而不是使用-lodash-es-呢"},{level:2,title:"为什么平台使用手动按需引入，而不是使用 unplugin-vue-components 插件自动按需引入呢？",slug:"为什么平台使用手动按需引入-而不是使用-unplugin-vue-components-插件自动按需引入呢"},{level:2,title:"为什么平台采用全局引入 element-plus ，而不是按需引入呢？ 全局引入带来打包冗余，如何处理？ 如何改成按需引入？",slug:"为什么平台采用全局引入-element-plus-而不是按需引入呢-全局引入带来打包冗余-如何处理-如何改成按需引入"},{level:2,title:"vertical 模式下左侧菜单卡顿，如何解决？菜单切换卡顿？",slug:"vertical-模式下左侧菜单卡顿-如何解决-菜单切换卡顿"},{level:2,title:"浏览器控制台打印一些重复信息，很影响开发体验，如何解决？",slug:"浏览器控制台打印一些重复信息-很影响开发体验-如何解决"},{level:2,title:"vue3 的 <script setup> 写法，虽然会依据它的文件名来自动推断组件名称 name，但这也约束了我们的写法，不算灵活，有没有解决方案呢？",slug:"vue3-的-script-setup-写法-虽然会依据它的文件名来自动推断组件名称-name-但这也约束了我们的写法-不算灵活-有没有解决方案呢"},{level:2,title:"vue3 单文件支持多个根标签，但是平台为什么不能这么用呢？如何解决？",slug:"vue3-单文件支持多个根标签-但是平台为什么不能这么用呢-如何解决"},{level:2,title:"不同项目的本地存储设置可能不同（页面效果不同），那么如何避免 fork 项目的本地存储 key 值一样呢？",slug:"不同项目的本地存储设置可能不同-页面效果不同-那么如何避免-fork-项目的本地存储-key-值一样呢"},{level:2,title:"平台要求 node 版本应不小于 18.18.0 、pnpm 版本应不小于 9 ，但是实际开发有的项目需要比这些低的版本怎么解决呢？",slug:"平台要求-node-版本应不小于-18-18-0-、pnpm-版本应不小于-9-但是实际开发有的项目需要比这些低的版本怎么解决呢"},{level:2,title:"打包时报 Unexpected token，如下图（来自群友提供）",slug:"打包时报-unexpected-token-如下图-来自群友提供"},{level:2,title:"安装依赖慢，如何解决？",slug:"安装依赖慢-如何解决"},{level:2,title:"安装 vue 的某些版本，页面卡顿明显，如何解决？",slug:"安装-vue-的某些版本-页面卡顿明显-如何解决"},{level:2,title:"平台出现报错 global is not defined",slug:"平台出现报错-global-is-not-defined"},{level:2,title:"平台如何置灰并且不影响操作？",slug:"平台如何置灰并且不影响操作"},{level:2,title:"平台在使用 element-plus 的 el-dialog、el-drawer、el-message-box、el-notification 这四个组件时，右上角关闭图标的样式跟 element-plus 本身表现不一致？",slug:"平台在使用-element-plus-的-el-dialog、el-drawer、el-message-box、el-notification-这四个组件时-右上角关闭图标的样式跟-element-plus-本身表现不一致"},{level:2,title:"平台在 v3.9.4 版本完全移除了 vxe-table，为什么移除？如何自行集成？",slug:"平台在-v3-9-4-版本完全移除了-vxe-table-为什么移除-如何自行集成"},{level:2,title:"平台在 v3.9.5 版本完全移除了 lodash 和其相关库，为什么移除？如何自行集成？",slug:"平台在-v3-9-5-版本完全移除了-lodash-和其相关库-为什么移除-如何自行集成"},{level:2,title:"github账号在哪里看？",slug:"github账号在哪里看"},{level:2,title:"mac 版本的向日葵无法远程操控？向日葵总是闪退、打不开？",slug:"mac-版本的向日葵无法远程操控-向日葵总是闪退、打不开"},{level:2,title:"初次拉取项目，使用 vscode 编辑器时代码出现 eslint 报错，如下图",slug:"初次拉取项目-使用-vscode-编辑器时代码出现-eslint-报错-如下图"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"非平台问题跟踪记录",frontmatter:{title:"非平台问题跟踪记录",article:!1,date:"2022-11-11T00:00:00.000Z",permalink:"/pages/track/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/02.%E9%9D%9E%E5%B9%B3%E5%8F%B0%E9%97%AE%E9%A2%98%E8%B7%9F%E8%B8%AA%E8%AE%B0%E5%BD%95.html",relativePath:"01.指南/04.其他/02.非平台问题跟踪记录.md",key:"v-ab707a5e",path:"/pages/track/",headers:[{level:2,title:"2022年11月11日（vue、Vue.js devtools）",slug:"_2022年11月11日-vue、vue-js-devtools"},{level:3,title:"发现 vue 的 bug",slug:"发现-vue-的-bug"},{level:3,title:"排查方法",slug:"排查方法"},{level:2,title:"2022年11月11日（vite）",slug:"_2022年11月11日-vite"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"函数工具库",frontmatter:{title:"函数工具库",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/utils/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/03.%E7%94%9F%E6%80%81/02.%E5%87%BD%E6%95%B0%E5%B7%A5%E5%85%B7%E5%BA%93.html",relativePath:"01.指南/03.生态/02.函数工具库.md",key:"v-549efc65",path:"/pages/utils/",headers:[{level:2,title:"pure-admin-utils",slug:"pure-admin-utils"},{level:2,title:"pure-admin-cli",slug:"pure-admin-cli"},{level:2,title:"pure-admin-release",slug:"pure-admin-release"},{level:2,title:"responsive-storage",slug:"responsive-storage"},{level:2,title:"@esmjs/geo",slug:"esmjs-geo"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"git常用命令",frontmatter:{title:"git常用命令",article:!1,date:"2022-11-13T00:00:00.000Z",permalink:"/pages/git/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/04.git%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4.html",relativePath:"01.指南/04.其他/04.git常用命令.md",key:"v-64c22648",path:"/pages/git/",headers:[{level:2,title:"程序员必备技能之 Git",slug:"程序员必备技能之-git"},{level:3,title:"常用命令",slug:"常用命令"},{level:4,title:"拉取代码",slug:"拉取代码"},{level:4,title:"创建分支",slug:"创建分支"},{level:4,title:"切换本地分支",slug:"切换本地分支"},{level:4,title:"切换分支并关联远程分支",slug:"切换分支并关联远程分支"},{level:4,title:"查看本地所有分支",slug:"查看本地所有分支"},{level:4,title:"查看远程所有分支",slug:"查看远程所有分支"},{level:4,title:"删除本地分支",slug:"删除本地分支"},{level:4,title:"删除远程分支",slug:"删除远程分支"},{level:4,title:"将代码从工作区添加暂存区",slug:"将代码从工作区添加暂存区"},{level:4,title:"查看尚未暂存的更新",slug:"查看尚未暂存的更新"},{level:4,title:"添加提交信息（commit 注释写错，执行 git commit --amend 此时会进入默认 vim 编辑器，修改注释后保存）",slug:"添加提交信息-commit-注释写错-执行-git-commit-amend-此时会进入默认-vim-编辑器-修改注释后保存"},{level:4,title:"推送代码到远程分支",slug:"推送代码到远程分支"},{level:4,title:"拉取远程分支代码",slug:"拉取远程分支代码"},{level:4,title:"合并分支",slug:"合并分支"},{level:4,title:"查看 git 状态",slug:"查看-git-状态"},{level:4,title:"查看提交历史",slug:"查看提交历史"},{level:4,title:"查看可引用的历史版本记录",slug:"查看可引用的历史版本记录"},{level:4,title:"把本地未 push 的分叉提交历史整理成直线",slug:"把本地未-push-的分叉提交历史整理成直线"},{level:4,title:"回到 rebase 执行之前的状态",slug:"回到-rebase-执行之前的状态"},{level:4,title:"回退版本",slug:"回退版本"},{level:4,title:"撤销代码",slug:"撤销代码"},{level:4,title:"修改分支名",slug:"修改分支名"},{level:4,title:"查看 git 配置",slug:"查看-git-配置"},{level:4,title:"添加用户名",slug:"添加用户名"},{level:4,title:"删除用户名",slug:"删除用户名"},{level:4,title:"修改用户名",slug:"修改用户名"},{level:4,title:"配置 Git 用户名和邮箱",slug:"配置-git-用户名和邮箱"},{level:4,title:"统计代码行数",slug:"统计代码行数"},{level:4,title:"文件或文件夹重命名",slug:"文件或文件夹重命名"},{level:2,title:"提交规范",slug:"提交规范"},{level:2,title:"CodeReview 常用缩写",slug:"codereview-常用缩写"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"优质服务",frontmatter:{title:"优质服务",date:"2024-03-04T00:00:00.000Z",permalink:"/pages/service/",article:!1,readingShow:"top"},regularPath:"/02.%E4%BC%98%E8%B4%A8%E6%9C%8D%E5%8A%A1/01.%E4%BC%98%E8%B4%A8%E6%9C%8D%E5%8A%A1.html",relativePath:"02.优质服务/01.优质服务.md",key:"v-0670206f",path:"/pages/service/",headers:[{level:2,title:"解答微信群",slug:"解答微信群"},{level:2,title:"技术指导、bug 修复",slug:"技术指导、bug-修复"},{level:2,title:"页面定制开发（软件开发、项目外包）",slug:"页面定制开发-软件开发、项目外包"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"技术网站推荐",frontmatter:{title:"技术网站推荐",article:!1,date:"2022-11-07T00:00:00.000Z",permalink:"/pages/recommendation/",readingShow:"top"},regularPath:"/01.%E6%8C%87%E5%8D%97/04.%E5%85%B6%E4%BB%96/05.%E4%BC%98%E7%A7%80%E7%BD%91%E7%AB%99%E6%8E%A8%E8%8D%90.html",relativePath:"01.指南/04.其他/05.优秀网站推荐.md",key:"v-65003178",path:"/pages/recommendation/",lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"Max版本",frontmatter:{title:"Max版本",date:"2024-10-14T00:00:00.000Z",permalink:"/pages/max/",article:!1,readingShow:"top"},regularPath:"/04.Max%E7%89%88%E6%9C%AC/01.Max%E7%89%88%E6%9C%AC.html",relativePath:"04.Max版本/01.Max版本.md",key:"v-59680145",path:"/pages/max/",headers:[{level:3,title:"介绍",slug:"介绍"},{level:3,title:"价格",slug:"价格"},{level:3,title:"如何购买",slug:"如何购买"},{level:3,title:"限时特惠活动",slug:"限时特惠活动"},{level:3,title:"温馨提示",slug:"温馨提示"},{level:3,title:"功能截图",slug:"功能截图"},{level:4,title:"① 新款菜单导航模式（左侧双栏菜单）",slug:"_1-新款菜单导航模式-左侧双栏菜单"},{level:4,title:"② 悬浮按钮功能",slug:"_2-悬浮按钮功能"},{level:4,title:"③ 新增繁體中文、日语、韩语的内置支持",slug:"_3-新增繁體中文、日语、韩语的内置支持"},{level:4,title:"④ 字典管理",slug:"_4-字典管理"},{level:4,title:"⑤ 多租户管理",slug:"_5-多租户管理"},{level:4,title:"⑥ 页头添加整体风格快捷操作按钮",slug:"_6-页头添加整体风格快捷操作按钮"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"赞助",frontmatter:{title:"赞助",date:"2024-06-16T00:00:00.000Z",permalink:"/pages/sponsor/",article:!1,readingShow:"top"},regularPath:"/05.%E8%B5%9E%E5%8A%A9/01.%E8%B5%9E%E5%8A%A9.html",relativePath:"05.赞助/01.赞助.md",key:"v-53cdbc15",path:"/pages/sponsor/",headers:[{level:2,title:"企业赞助",slug:"企业赞助"},{level:2,title:"个人赞助",slug:"个人赞助"},{level:3,title:"赞助名单",slug:"赞助名单"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"归档",frontmatter:{archivesPage:!0,title:"归档",permalink:"/archives/",article:!1,readingShow:"top"},regularPath:"/@pages/archivesPage.html",relativePath:"@pages/archivesPage.md",key:"v-6f67f025",path:"/archives/",lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"Home",frontmatter:{home:!0,heroImage:"/img/pure.png",heroText:"Pure Admin",tagline:"一款开源完全免费且开箱即用的中后台管理系统模版",actionText:"快速开始 →",actionLink:"/pages/introduction/",bannerBg:"none",features:[{title:"保持稳定的同时采用最新技术栈",details:"基于Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等最新技术栈开发"},{title:"轻快热重载完善的打包优化方案",details:"无论应用程序大小如何，都始终极快的模块热重载（HMR），内置完善的打包优化方案"},{title:"简易上手内置丰富组件工具函数",details:"使用单文件组件语法<script setup>，提供了很多丰富的开箱即用的组件和工具库"},{title:"提供精简版永久同步完整版代码",details:"提供国际化和非国际化两种精简版本，开启brotli压缩和cdn替换本地库模式后，打包大小低于350kb"},{title:"高度可配置主题和四种菜单布局",details:"高度可配置的主题以及暗黑主题适配，并且提供左侧、顶部、混合、双栏四种菜单布局模式"},{title:"RBAC权限管理可控粒度的权限",details:"采用目前最常用的 RBAC 基于角色的权限控制（ 用户 -> 角色 -> 权限 ），可配置各种粒度的权限"}],postList:"none",readingShow:"top"},regularPath:"/",relativePath:"index.md",key:"v-24424384",path:"/",lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3},{title:"JS版本",frontmatter:{title:"JS版本",date:"2024-06-12T00:00:00.000Z",permalink:"/pages/js/",article:!1,readingShow:"top"},regularPath:"/03.JS%E7%89%88%E6%9C%AC/01.JS%E7%89%88%E6%9C%AC.html",relativePath:"03.JS版本/01.JS版本.md",key:"v-76995abd",path:"/pages/js/",headers:[{level:3,title:"介绍",slug:"介绍"},{level:3,title:"价格",slug:"价格"},{level:3,title:"如何购买",slug:"如何购买"},{level:3,title:"限时特惠活动",slug:"限时特惠活动"},{level:3,title:"温馨提示",slug:"温馨提示"},{level:3,title:"超低成本切换JS版本教程",slug:"超低成本切换js版本教程"},{level:3,title:"相关截图",slug:"相关截图"}],lastUpdated:"2024/11/26, 05:14:23",lastUpdatedTimestamp:1732598063e3}],themeConfig:{nav:[{text:"指南",link:"/pages/introduction/",items:[{text:"介绍",link:"/pages/introduction/"},{text:"快速开始",link:"/pages/start/"},{text:"目录结构",link:"/pages/directory/"},{text:"vscode文件夹详解",link:"/pages/vscode/"},{text:"平台配置",link:"/pages/config/"},{text:"布局",link:"/pages/layout/"},{text:"路由和菜单",link:"/pages/routerMenu/"},{text:"http请求",link:"/pages/request/"},{text:"打包和部署",link:"/pages/build/"},{text:"进阶",items:[{text:"图标",link:"/pages/icon/"},{text:"主题和暗黑模式",link:"/pages/theme/"},{text:"国际化",link:"/pages/i18n/"},{text:"Tailwind CSS",link:"/pages/tailwindcss/"},{text:"RBAC权限",link:"/pages/RBAC/"},{text:"类型声明",link:"/pages/typescript/"},{text:"单点登录",link:"/pages/sso/"},{text:"自定义免登录",link:"/pages/nologin/"},{text:"打包优化",link:"/pages/buildgood/"},{text:"vite预构建",link:"/pages/optimize/"}]},{text:"生态",items:[{text:"对接平台的前后端项目",link:"/pages/opensource/"},{text:"函数工具库",link:"/pages/utils/"},{text:"组件库",link:"/pages/components/"},{text:"vite插件",link:"/pages/viteplugin/"}]},{text:"其他",items:[{text:"常见问题",link:"/pages/FAQ/"},{text:"非平台问题跟踪记录",link:"/pages/track/"},{text:"git常用命令",link:"/pages/git/"},{text:"技术网站推荐",link:"/pages/recommendation/"}]}]},{text:"链接",items:[{text:"后端项目",link:"/pages/opensource/"},{text:"",items:[{text:"哔哩哔哩",link:"https://space.bilibili.com/301103230"}]},{text:"日志",items:[{text:"Github日志",link:"https://github.com/pure-admin/vue-pure-admin/releases"},{text:"Gitee日志",link:"https://gitee.com/yiming_chang/vue-pure-admin/releases"}]},{text:"预览",items:[{text:"完整版",link:"https://pure-admin.github.io/vue-pure-admin/#/login"},{text:"精简版",link:"https://pure-admin-thin.netlify.app/#/login"},{text:"max版",link:"https://pure-admin.github.io/vue-pure-admin-max/#/login"},{text:"utils文档",link:"https://pure-admin-utils.netlify.app/"}]},{text:"Github源码",items:[{text:"完整版",link:"https://github.com/pure-admin/vue-pure-admin"},{text:"精简版",link:"https://github.com/pure-admin/pure-admin-thin"},{text:"Tauri版",link:"https://github.com/pure-admin/tauri-pure-admin"},{text:"Electron版",link:"https://github.com/pure-admin/electron-pure-admin"},{text:"配套后端",link:"https://github.com/pure-admin/pure-admin-backend"},{text:"文档",link:"https://github.com/pure-admin/pure-admin-doc"},{text:"utils文档",link:"https://github.com/pure-admin/pure-admin-utils-docs"}]},{text:"Gitee源码",items:[{text:"完整版",link:"https://gitee.com/yiming_chang/vue-pure-admin"},{text:"精简版",link:"https://gitee.com/yiming_chang/pure-admin-thin"},{text:"Tauri版",link:"https://gitee.com/yiming_chang/tauri-pure-admin"},{text:"Electron版",link:"https://gitee.com/yiming_chang/electron-pure-admin"},{text:"配套后端",link:"https://gitee.com/yiming_chang/pure-admin-backend"},{text:"文档",link:"https://gitee.com/yiming_chang/pure-admin-doc"},{text:"utils文档",link:"https://gitee.com/yiming_chang/pure-admin-utils-docs"}]}]},{text:"优质服务",link:"/pages/service/"},{text:"JS版本",link:"/pages/js/"},{text:"Max版本",link:"/pages/max/"},{text:"赞助",link:"/pages/sponsor/"}],sidebarDepth:2,searchMaxSuggestions:10,lastUpdated:"上次更新",searchPlaceholder:"快速搜索",sidebar:{"/01.指南/":[{title:"指南",collapsable:!1,children:[["01.指南/01.介绍.md","介绍","/pages/introduction"],["01.指南/02.快速开始.md","快速开始","/pages/start"],["01.指南/03.目录结构.md","目录结构","/pages/directory"],["01.指南/04.vscode文件夹详解.md",".vscode文件夹详解","/pages/vscode/"],["01.指南/05.平台配置.md","平台配置","/pages/config/"],["01.指南/06.布局.md","布局","/pages/layout/"],["01.指南/07.路由和菜单.md","路由和菜单","/pages/routerMenu/"],["01.指南/08.http请求.md","http请求","/pages/request/"],["01.指南/09.打包和部署.md","打包和部署","/pages/build/"]]},{title:"进阶",collapsable:!1,children:[["02.进阶/01.图标.md","图标","/pages/icon/"],["02.进阶/02.主题和暗黑模式.md","主题和暗黑模式","/pages/theme/"],["02.进阶/03.国际化.md","国际化","/pages/i18n/"],["02.进阶/04.Tailwind CSS.md","Tailwind CSS","/pages/tailwindcss/"],["02.进阶/05.RBAC权限.md","RBAC权限","/pages/RBAC/"],["02.进阶/06.类型声明.md","类型声明","/pages/typescript/"],["02.进阶/07.单点登录.md","单点登录","/pages/sso/"],["02.进阶/08.自定义免登录.md","自定义免登录","/pages/nologin/"],["02.进阶/09.打包优化.md","打包优化","/pages/buildgood/"],["02.进阶/10.vite预构建.md","vite预构建","/pages/optimize/"]]},{title:"生态",collapsable:!1,children:[["03.生态/01.对接平台的前后端项目.md","对接平台的前后端项目","/pages/opensource/"],["03.生态/02.函数工具库.md","函数工具库","/pages/utils/"],["03.生态/03.组件库.md","组件库","/pages/components/"],["03.生态/04.vite插件.md","vite插件","/pages/viteplugin/"]]},{title:"其他",collapsable:!1,children:[["04.其他/01.常见问题.md","常见问题","/pages/FAQ/"],["04.其他/02.非平台问题跟踪记录.md","非平台问题跟踪记录","/pages/track/"],["04.其他/04.git常用命令.md","git常用命令","/pages/git/"],["04.其他/05.优秀网站推荐.md","技术网站推荐","/pages/recommendation/"]]}],catalogue:{},"/02.优质服务/":[["01.优质服务.md","优质服务","/pages/service/"]],"/03.JS版本/":[["01.JS版本.md","JS版本","/pages/js/"]],"/04.Max版本/":[["01.Max版本.md","Max版本","/pages/max/"]],"/05.赞助/":[["01.赞助.md","赞助","/pages/sponsor/"]]},updateBar:{showToArticle:!0},defaultMode:"light",category:!1,tag:!1,author:{name:"pure-admin",href:"https://github.com/xiaoxian521"},footer:{createYear:2020,copyrightInfo:"pure-admin | MIT License"},htmlModules:{sidebarB:'\x3c!-- 正方形 --\x3e\n      <ins class="adsbygoogle"\n          style="display:block"\n          data-ad-client="ca-pub-7828333725993554"\n          data-ad-slot="3508773082"\n          data-ad-format="auto"\n          data-full-width-responsive="true"></ins>\n      <script>\n          (adsbygoogle = window.adsbygoogle || []).push({});\n      <\/script>',pageB:'\x3c!-- 横向自适应 --\x3e\n      <ins class="adsbygoogle"\n          style="display:block"\n          data-ad-client="ca-pub-7828333725993554"\n          data-ad-slot="6620245489"\n          data-ad-format="auto"\n          data-full-width-responsive="true"></ins>\n      <script>\n          (adsbygoogle = window.adsbygoogle || []).push({});\n      <\/script>',windowRB:'\x3c!-- 固定160*160px --\x3e\n      <ins class="adsbygoogle"\n          style="display:inline-block;width:160px;height:160px"\n          data-ad-client="ca-pub-7828333725993554"\n          data-ad-slot="8377369658"></ins>\n      <script>\n          (adsbygoogle = window.adsbygoogle || []).push({});\n      <\/script>\n      '}}};var wl=n(121),kl=n(122),El=n(20);var Cl={computed:{$filterPosts(){return this.$site.pages.filter(t=>{const{frontmatter:{pageComponent:e,article:n,home:r}}=t;return!(e||!1===n||!0===r)})},$sortPosts(){return(t=this.$filterPosts).sort((t,e)=>{const n=t.frontmatter.sticky,r=e.frontmatter.sticky;return n&&r?n==r?Object(El.a)(t,e):n-r:n&&!r?-1:!n&&r?1:Object(El.a)(t,e)}),t;var t},$sortPostsByDate(){return(t=this.$filterPosts).sort((t,e)=>Object(El.a)(t,e)),t;var t},$groupPosts(){return function(t){const e={},n={};for(let r=0,o=t.length;r<o;r++){const{frontmatter:{categories:o,tags:i}}=t[r];"array"===Object(El.n)(o)&&o.forEach(n=>{n&&(e[n]||(e[n]=[]),e[n].push(t[r]))}),"array"===Object(El.n)(i)&&i.forEach(e=>{e&&(n[e]||(n[e]=[]),n[e].push(t[r]))})}return{categories:e,tags:n}}(this.$sortPosts)},$categoriesAndTags(){return function(t){const e=[],n=[];for(let n in t.categories)e.push({key:n,length:t.categories[n].length});for(let e in t.tags)n.push({key:e,length:t.tags[e].length});return{categories:e,tags:n}}(this.$groupPosts)}}};Gn.component(wl.default),Gn.component(kl.default);function Sl(t){return t.toString().padStart(2,"0")}n(281);Gn.component("BlockToggle",()=>Promise.all([n.e(0),n.e(16)]).then(n.bind(null,539))),Gn.component("Badge",()=>Promise.all([n.e(0),n.e(17)]).then(n.bind(null,571))),Gn.component("CodeBlock",()=>Promise.resolve().then(n.bind(null,121))),Gn.component("CodeGroup",()=>Promise.resolve().then(n.bind(null,122)));n(282);var Ol={name:"ReadingProgress",data:()=>({readingTop:0,readingHeight:1,progressStyle:null,transform:void 0,running:!1}),watch:{$readingShow(){this.progressStyle=this.getProgressStyle(),this.$readingShow&&window.addEventListener("scroll",this.base)}},mounted(){this.transform=this.getTransform(),this.progressStyle=this.getProgressStyle(),this.$readingShow&&window.addEventListener("scroll",this.base)},beforeDestroy(){this.$readingShow&&window.removeEventListener("scroll",this.base)},methods:{base(){this.running||(this.running=!0,requestAnimationFrame(this.getReadingBase))},getReadingBase(){this.readingHeight=this.getReadingHeight()-this.getScreenHeight(),this.readingTop=this.getReadingTop(),this.progressStyle=this.getProgressStyle(),this.running=!1},getReadingHeight:()=>Math.max(document.body.scrollHeight,document.body.offsetHeight,0),getScreenHeight:()=>Math.max(window.innerHeight,document.documentElement.clientHeight,0),getReadingTop:()=>Math.max(window.pageYOffset,document.documentElement.scrollTop,0),getTransform(){const t=document.createElement("div");return["transform","-webkit-transform","-moz-transform","-o-transform","-ms-transform"].find(e=>e in t.style)||void 0},getProgressStyle(){const t=this.readingTop/this.readingHeight;switch(this.$readingShow){case"top":case"bottom":return this.transform?`${this.transform}: scaleX(${t})`:`width: ${100*t}%`;case"left":case"right":return this.transform?`${this.transform}: scaleY(${t})`:`height: ${100*t}%`;default:return null}}}},jl=(n(283),Object(yl.a)(Ol,(function(){var t=this._self._c;return t("ClientOnly",[this.$readingShow?t("div",{staticClass:"reading-progress",class:this.$readingShow},[t("div",{staticClass:"progress",style:this.progressStyle})]):this._e()])}),[],!1,null,"2839e1cb",null).exports),Tl=[({Vue:t,options:e,router:n,siteData:r})=>{},({Vue:t,options:e,router:r,siteData:o,isServer:i})=>{o.pages.map(t=>{const{frontmatter:{date:e,author:n}}=t;"string"==typeof e&&"Z"===e.charAt(e.length-1)&&(t.frontmatter.date=function(t){t instanceof Date||(t=new Date(t));return`${t.getUTCFullYear()}-${Sl(t.getUTCMonth()+1)}-${Sl(t.getUTCDate())} ${Sl(t.getUTCHours())}:${Sl(t.getUTCMinutes())}:${Sl(t.getUTCSeconds())}`}(e)),n?t.author=n:o.themeConfig.author&&(t.author=o.themeConfig.author)}),i||(window.onload=function(){setTimeout(()=>{localStorage.getItem("firstLoad")?localStorage.removeItem("firstLoad"):(localStorage.firstLoad=!0,window.location.reload())},1e3)},n.e(40).then(n.bind(null,536))),t.mixin(Cl)},{},({Vue:t})=>{t.mixin({computed:{$dataBlock(){return this.$options.__data__block__}}})},{},{},({router:t})=>{"undefined"!=typeof window&&(window._hmt=window._hmt||[],function(){var t=document.createElement("script");t.src="https://hm.baidu.com/hm.js?cffd1d66d68028a9190d066cb1c7dc65";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}(),t.afterEach((function(t){_hmt.push(["_trackPageview",t.fullPath])})))},({Vue:t})=>{t.component(jl.name,jl),t.mixin({computed:{$readingShow(){return this.$page.frontmatter.readingShow}}})}],$l=["ReadingProgress","BlockToggle"];class Al extends class{constructor(){this.store=new Gn({data:{state:{}}})}$get(t){return this.store.state[t]}$set(t,e){Gn.set(this.store.state,t,e)}$emit(...t){this.store.$emit(...t)}$on(...t){this.store.$on(...t)}}{}Object.assign(Al.prototype,{getPageAsyncComponent:ss,getLayoutAsyncComponent:ls,getAsyncComponent:us,getVueComponent:cs});var Pl={install(t){const e=new Al;t.$vuepress=e,t.prototype.$vuepress=e}};function Bl(t,e){const n=e.toLowerCase();return t.options.routes.some(t=>t.path.toLowerCase()===n)}var Ll={props:{pageKey:String,slotKey:{type:String,default:"default"}},render(t){const e=this.pageKey||this.$parent.$page.key;return fs("pageKey",e),Gn.component(e)||Gn.component(e,ss(e)),Gn.component(e)?t(e):t("")}},Rl={functional:!0,props:{slotKey:String,required:!0},render:(t,{props:e,slots:n})=>t("div",{class:["content__"+e.slotKey]},n()[e.slotKey])},Dl={computed:{openInNewWindowTitle(){return this.$themeLocaleConfig.openNewWindowText||"(opens new window)"}}},Il=(n(284),n(285),Object(yl.a)(Dl,(function(){var t=this._self._c;return t("span",[t("svg",{staticClass:"icon outbound",attrs:{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",x:"0px",y:"0px",viewBox:"0 0 100 100",width:"15",height:"15"}},[t("path",{attrs:{fill:"currentColor",d:"M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"}}),this._v(" "),t("polygon",{attrs:{fill:"currentColor",points:"45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"}})]),this._v(" "),t("span",{staticClass:"sr-only"},[this._v(this._s(this.openInNewWindowTitle))])])}),[],!1,null,null,null).exports),Ml={functional:!0,render(t,{parent:e,children:n}){if(e._isMounted)return n;e.$once("hook:mounted",()=>{e.$forceUpdate()})}};Gn.config.productionTip=!1,Gn.use(Ha),Gn.use(Pl),Gn.mixin(function(t,e,n=Gn){!function(t){t.locales&&Object.keys(t.locales).forEach(e=>{t.locales[e].path=e});Object.freeze(t)}(e),n.$vuepress.$set("siteData",e);const r=new(t(n.$vuepress.$get("siteData"))),o=Object.getOwnPropertyDescriptors(Object.getPrototypeOf(r)),i={};return Object.keys(o).reduce((t,e)=>(e.startsWith("$")&&(t[e]=o[e].get),t),i),{computed:i}}(t=>class{setPage(t){this.__page=t}get $site(){return t}get $themeConfig(){return this.$site.themeConfig}get $frontmatter(){return this.$page.frontmatter}get $localeConfig(){const{locales:t={}}=this.$site;let e,n;for(const r in t)"/"===r?n=t[r]:0===this.$page.path.indexOf(r)&&(e=t[r]);return e||n||{}}get $siteTitle(){return this.$localeConfig.title||this.$site.title||""}get $canonicalUrl(){const{canonicalUrl:t}=this.$page.frontmatter;return"string"==typeof t&&t}get $title(){const t=this.$page,{metaTitle:e}=this.$page.frontmatter;if("string"==typeof e)return e;const n=this.$siteTitle,r=t.frontmatter.home?null:t.frontmatter.title||t.title;return n?r?r+" | "+n:n:r||"VuePress"}get $description(){const t=function(t){if(t){const e=t.filter(t=>"description"===t.name)[0];if(e)return e.content}}(this.$page.frontmatter.meta);return t||(this.$page.frontmatter.description||this.$localeConfig.description||this.$site.description||"")}get $lang(){return this.$page.frontmatter.lang||this.$localeConfig.lang||"en-US"}get $localePath(){return this.$localeConfig.path||"/"}get $themeLocaleConfig(){return(this.$site.themeConfig.locales||{})[this.$localePath]||{}}get $page(){return this.__page?this.__page:function(t,e){for(let n=0;n<t.length;n++){const r=t[n];if(r.path.toLowerCase()===e.toLowerCase())return r}return{path:"",frontmatter:{}}}(this.$site.pages,this.$route.path)}},xl)),Gn.component("Content",Ll),Gn.component("ContentSlotsDistributor",Rl),Gn.component("OutboundLink",Il),Gn.component("ClientOnly",Ml),Gn.component("Layout",ls("Layout")),Gn.component("NotFound",ls("NotFound")),Gn.prototype.$withBase=function(t){const e=this.$site.base;return"/"===t.charAt(0)?e+t.slice(1):t},window.__VUEPRESS__={version:"1.9.9",hash:"7d6a493"},async function(t){const e="undefined"!=typeof window&&window.__VUEPRESS_ROUTER_BASE__?window.__VUEPRESS_ROUTER_BASE__:xl.routerBase||xl.base,n=new Ha({base:e,mode:"history",fallback:!1,routes:_l,scrollBehavior:(t,e,n)=>n||(t.hash?!Gn.$vuepress.$get("disableScrollBehavior")&&{selector:decodeURIComponent(t.hash)}:{x:0,y:0})});!function(t){t.beforeEach((e,n,r)=>{if(Bl(t,e.path))r();else if(/(\/|\.html)$/.test(e.path))if(/\/$/.test(e.path)){const n=e.path.replace(/\/$/,"")+".html";Bl(t,n)?r(n):r()}else r();else{const n=e.path+"/",o=e.path+".html";Bl(t,o)?r(o):Bl(t,n)?r(n):r()}})}(n);const r={};try{await Promise.all(Tl.filter(t=>"function"==typeof t).map(e=>e({Vue:Gn,options:r,router:n,siteData:xl,isServer:t})))}catch(t){console.error(t)}return{app:new Gn(Object.assign(r,{router:n,render:t=>t("div",{attrs:{id:"app"}},[t("RouterView",{ref:"layout"}),t("div",{class:"global-ui"},$l.map(e=>t(e)))])})),router:n}}(!1).then(({app:t,router:e})=>{e.onReady(()=>{t.$mount("#app")})})}]);
\ No newline at end of file
diff --git a/index.html b/index.html
index 30fc2c9b8..e0c4b02c4 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" aria-current="page" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -121,6 +121,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/FAQ/index.html b/pages/FAQ/index.html
index 3d962d5a1..2fac5f6f4 100644
--- a/pages/FAQ/index.html
+++ b/pages/FAQ/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/3.a6e5e626.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/3.9e6948df.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" aria-current="page" class="nav-link router-link-exact-active router-link-active">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -552,7 +552,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/viteplugin/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">vite插件</div></a> <a href="/pages/track/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">非平台问题跟踪记录</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/viteplugin/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">vite插件</div></a> <a href="/pages/track/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">非平台问题跟踪记录</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/viteplugin/" class="prev">vite插件</a></span> <span class="next"><a href="/pages/track/">非平台问题跟踪记录</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -562,6 +562,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/3.a6e5e626.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/3.9e6948df.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/RBAC/index.html b/pages/RBAC/index.html
index 15774fae8..77a71c1ec 100644
--- a/pages/RBAC/index.html
+++ b/pages/RBAC/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/14.4609f4c6.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/14.b8bddda9.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" aria-current="page" class="nav-link router-link-exact-active router-link-active">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">RBAC权限<!----></h1>  <div class="theme-vdoing-content content__default"><p>所谓 <code>RBAC</code>（Role Based Access Control）权限指的是基于角色的访问控制</p> <p><img src="/assets/img/rbac.078e7dea.jpg" alt="rbac"></p> <h2 id="用户"><a href="#用户" class="header-anchor">#</a> 用户</h2> <p>平台用 <code>mock</code> 模拟出两个账号，一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L14" target="_blank" rel="noopener noreferrer">admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，另一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L30" target="_blank" rel="noopener noreferrer">common<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，用户名字段为 <code>username</code> ，为字符串类型，当然平台将用户名在 <code>pinia</code> 的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L25" target="_blank" rel="noopener noreferrer">state<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 里存了一份</p> <h2 id="角色"><a href="#角色" class="header-anchor">#</a> 角色</h2> <p>平台用 <code>mock</code> 模拟出两个角色，一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L17" target="_blank" rel="noopener noreferrer">admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，另一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L32" target="_blank" rel="noopener noreferrer">common<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，角色存放在 <code>roles</code> 字段中，为数组类型，可支持多个角色，当然平台将 <code>当前登录用户的角色</code> 在 <code>pinia</code> 的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L29" target="_blank" rel="noopener noreferrer">state<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 里也存了一份</p> <h2 id="权限"><a href="#权限" class="header-anchor">#</a> 权限</h2> <p>整体分为 <a href="#%E7%B2%97%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90">粗粒度权限</a> 和 <a href="#%E7%BB%86%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90">细粒度权限</a></p> <h3 id="粗粒度权限"><a href="#粗粒度权限" class="header-anchor">#</a> 粗粒度权限</h3> <h4 id="菜单权限"><a href="#菜单权限" class="header-anchor">#</a> 菜单权限</h4> <h5 id="实现原理、代码"><a href="#实现原理、代码" class="header-anchor">#</a> 实现原理、代码</h5> <p>页面整体的菜单存放在 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/permission.ts#L21" target="_blank" rel="noopener noreferrer">wholeMenus<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，所以我们只需要控制 <code>wholeMenus</code> 就能控制菜单的显示、隐藏。通过 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L85" target="_blank" rel="noopener noreferrer">filterNoPermissionTree<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 函数从菜单中过滤无权限的菜单</p> <h5 id="如何配置"><a href="#如何配置" class="header-anchor">#</a> 如何配置</h5> <p>只需要通过返回路由的 <code>roles</code> 配置项，赋予该菜单权限即可，如下图</p> <p><img src="/assets/img/roles.fb0573d2.jpg" alt="roles"></p> <div class="custom-block tip"><p class="custom-block-title">实现细节</p> <p>将菜单与路由解藕，这样可以更灵活的控制二者，不会造成一方改动必会影响另一方</p></div> <h4 id="url-链接权限"><a href="#url-链接权限" class="header-anchor">#</a> <code>url</code> 链接权限</h4> <h5 id="实现原理、代码-2"><a href="#实现原理、代码-2" class="header-anchor">#</a> 实现原理、代码</h5> <p>平台在路由的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L109" target="_blank" rel="noopener noreferrer">beforeEach<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 钩子函数中，通过对比当前用户的角色和当前路由中 <code>roles</code> 字段来判断是否有无权限，无权限跳转 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/error/403.vue" target="_blank" rel="noopener noreferrer">403<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 页面</p> <h5 id="如何配置-2"><a href="#如何配置-2" class="header-anchor">#</a> 如何配置</h5> <p>您不需要做任何配置，只需要像上图一样配置好权限就行，平台会根据有无权限自行判断，当有 <code>admin</code> 权限时可以看到系统管理目录以及里面的菜单页面并且可以通过 <code>url</code> 跳转，当然也可以在 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/layout/components/lay-search" target="_blank" rel="noopener noreferrer">菜单搜索<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 中找到，当无 <code>admin</code> 权限时反之</p> <h4 id="按钮、组件、类方法权限"><a href="#按钮、组件、类方法权限" class="header-anchor">#</a> 按钮、组件、类方法权限</h4> <p>针对这三类权限，平台提供两种模式，它们都有<code>组件方式判断权限</code>、<code>函数方式判断权限</code>、<code>指令方式判断权限</code> 三种方法</p> <h5 id="第一种模式-路由返回按钮级别权限"><a href="#第一种模式-路由返回按钮级别权限" class="header-anchor">#</a> 第一种模式，路由返回按钮级别权限</h5> <p>通过路由的 <code>auths</code> 配置项，赋予对应页面按钮级别权限，如下图</p> <p><img src="/assets/img/auths.a7fbba68.jpg" alt="auths"></p> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>单个路由的 <code>auths</code> 字段中按钮级别权限标识必须保持唯一，而在不同路由的 <code>auths</code> 字段中可以重复使用相同的权限标识</p></div> <h6 id="组件方式判断权限"><a href="#组件方式判断权限" class="header-anchor">#</a> 组件方式判断权限</h6> <p>按钮、组件权限可用</p> <ul><li>实现原理、代码</li></ul> <p>通过 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359" target="_blank" rel="noopener noreferrer">hasAuth<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 函数，进行权限组件的封装，使用 <code>Vue</code> 提供的 <a href="https://cn.vuejs.org/guide/extras/rendering-mechanism.html#patch-flags" target="_blank" rel="noopener noreferrer">Fragment<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 标签进行包裹，这样可让被包裹的组件无多余标签，减少渲染成本。<a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/ReAuth/src/auth.tsx" target="_blank" rel="noopener noreferrer">查看具体代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ul><li>如何配置</li></ul> <p>具体参考 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L25-L46" target="_blank" rel="noopener noreferrer">views/permission/button/index.vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-Vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Auth</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>btn_add<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">RBAC权限<!----></h1>  <div class="theme-vdoing-content content__default"><p>所谓 <code>RBAC</code>（Role Based Access Control）权限指的是基于角色的访问控制</p> <p><img src="/assets/img/rbac.078e7dea.jpg" alt="rbac"></p> <h2 id="用户"><a href="#用户" class="header-anchor">#</a> 用户</h2> <p>平台用 <code>mock</code> 模拟出两个账号，一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L14" target="_blank" rel="noopener noreferrer">admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，另一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L30" target="_blank" rel="noopener noreferrer">common<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，用户名字段为 <code>username</code> ，为字符串类型，当然平台将用户名在 <code>pinia</code> 的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L25" target="_blank" rel="noopener noreferrer">state<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 里存了一份</p> <h2 id="角色"><a href="#角色" class="header-anchor">#</a> 角色</h2> <p>平台用 <code>mock</code> 模拟出两个角色，一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L17" target="_blank" rel="noopener noreferrer">admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，另一个是 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/mock/login.ts#L32" target="_blank" rel="noopener noreferrer">common<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，角色存放在 <code>roles</code> 字段中，为数组类型，可支持多个角色，当然平台将 <code>当前登录用户的角色</code> 在 <code>pinia</code> 的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/user.ts#L29" target="_blank" rel="noopener noreferrer">state<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 里也存了一份</p> <h2 id="权限"><a href="#权限" class="header-anchor">#</a> 权限</h2> <p>整体分为 <a href="#%E7%B2%97%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90">粗粒度权限</a> 和 <a href="#%E7%BB%86%E7%B2%92%E5%BA%A6%E6%9D%83%E9%99%90">细粒度权限</a></p> <h3 id="粗粒度权限"><a href="#粗粒度权限" class="header-anchor">#</a> 粗粒度权限</h3> <h4 id="菜单权限"><a href="#菜单权限" class="header-anchor">#</a> 菜单权限</h4> <h5 id="实现原理、代码"><a href="#实现原理、代码" class="header-anchor">#</a> 实现原理、代码</h5> <p>页面整体的菜单存放在 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/store/modules/permission.ts#L21" target="_blank" rel="noopener noreferrer">wholeMenus<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，所以我们只需要控制 <code>wholeMenus</code> 就能控制菜单的显示、隐藏。通过 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L85" target="_blank" rel="noopener noreferrer">filterNoPermissionTree<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 函数从菜单中过滤无权限的菜单</p> <h5 id="如何配置"><a href="#如何配置" class="header-anchor">#</a> 如何配置</h5> <p>只需要通过返回路由的 <code>roles</code> 配置项，赋予该菜单权限即可，如下图</p> <p><img src="/assets/img/roles.fb0573d2.jpg" alt="roles"></p> <div class="custom-block tip"><p class="custom-block-title">实现细节</p> <p>将菜单与路由解藕，这样可以更灵活的控制二者，不会造成一方改动必会影响另一方</p></div> <h4 id="url-链接权限"><a href="#url-链接权限" class="header-anchor">#</a> <code>url</code> 链接权限</h4> <h5 id="实现原理、代码-2"><a href="#实现原理、代码-2" class="header-anchor">#</a> 实现原理、代码</h5> <p>平台在路由的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/index.ts#L109" target="_blank" rel="noopener noreferrer">beforeEach<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 钩子函数中，通过对比当前用户的角色和当前路由中 <code>roles</code> 字段来判断是否有无权限，无权限跳转 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/error/403.vue" target="_blank" rel="noopener noreferrer">403<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 页面</p> <h5 id="如何配置-2"><a href="#如何配置-2" class="header-anchor">#</a> 如何配置</h5> <p>您不需要做任何配置，只需要像上图一样配置好权限就行，平台会根据有无权限自行判断，当有 <code>admin</code> 权限时可以看到系统管理目录以及里面的菜单页面并且可以通过 <code>url</code> 跳转，当然也可以在 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/layout/components/lay-search" target="_blank" rel="noopener noreferrer">菜单搜索<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 中找到，当无 <code>admin</code> 权限时反之</p> <h4 id="按钮、组件、类方法权限"><a href="#按钮、组件、类方法权限" class="header-anchor">#</a> 按钮、组件、类方法权限</h4> <p>针对这三类权限，平台提供两种模式，它们都有<code>组件方式判断权限</code>、<code>函数方式判断权限</code>、<code>指令方式判断权限</code> 三种方法</p> <h5 id="第一种模式-路由返回按钮级别权限"><a href="#第一种模式-路由返回按钮级别权限" class="header-anchor">#</a> 第一种模式，路由返回按钮级别权限</h5> <p>通过路由的 <code>auths</code> 配置项，赋予对应页面按钮级别权限，如下图</p> <p><img src="/assets/img/auths.a7fbba68.jpg" alt="auths"></p> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>单个路由的 <code>auths</code> 字段中按钮级别权限标识必须保持唯一，而在不同路由的 <code>auths</code> 字段中可以重复使用相同的权限标识</p></div> <h6 id="组件方式判断权限"><a href="#组件方式判断权限" class="header-anchor">#</a> 组件方式判断权限</h6> <p>按钮、组件权限可用</p> <ul><li>实现原理、代码</li></ul> <p>通过 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359" target="_blank" rel="noopener noreferrer">hasAuth<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 函数，进行权限组件的封装，使用 <code>Vue</code> 提供的 <a href="https://cn.vuejs.org/guide/extras/rendering-mechanism.html#patch-flags" target="_blank" rel="noopener noreferrer">Fragment<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 标签进行包裹，这样可让被包裹的组件无多余标签，减少渲染成本。<a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/ReAuth/src/auth.tsx" target="_blank" rel="noopener noreferrer">查看具体代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ul><li>如何配置</li></ul> <p>具体参考 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L25-L46" target="_blank" rel="noopener noreferrer">views/permission/button/index.vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-Vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Auth</span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>btn_add<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>el-button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>success<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span> 拥有code：'btn_add' 权限可见 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>el-button</span><span class="token punctuation">&gt;</span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Auth</span><span class="token punctuation">&gt;</span></span>
 </code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><div class="custom-block tip"><p class="custom-block-title">提示</p> <p>平台已经全局注册 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L48" target="_blank" rel="noopener noreferrer">Auth<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 组件，无需重复注册</p></div> <h6 id="函数方式判断权限"><a href="#函数方式判断权限" class="header-anchor">#</a> 函数方式判断权限</h6> <p>按钮、组件、类方法权限都可用</p> <ul><li>实现原理、代码</li></ul> <p>通过 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/router/utils.ts#L359" target="_blank" rel="noopener noreferrer">hasAuth<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 函数判断某些按钮、组件、类方法是否有按钮级别的权限</p> <ul><li>如何配置</li></ul> <p>具体参考 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/permission/button/index.vue#L55-L74" target="_blank" rel="noopener noreferrer">views/permission/button/index.vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="language-Vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>el-button</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>success<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>hasAuth('btn_add')<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
@@ -137,7 +137,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/tailwindcss/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">Tailwind CSS</div></a> <a href="/pages/typescript/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">类型声明</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/tailwindcss/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">Tailwind CSS</div></a> <a href="/pages/typescript/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">类型声明</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/tailwindcss/" class="prev">Tailwind CSS</a></span> <span class="next"><a href="/pages/typescript/">类型声明</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -147,6 +147,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/14.4609f4c6.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/14.b8bddda9.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/build/index.html b/pages/build/index.html
index 19892216d..22d5b3962 100644
--- a/pages/build/index.html
+++ b/pages/build/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/9.b11d44ca.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/9.691e4d8b.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" aria-current="page" class="nav-link router-link-exact-active router-link-active">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -247,7 +247,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/request/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">http请求</div></a> <a href="/pages/icon/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">图标</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/request/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">http请求</div></a> <a href="/pages/icon/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">图标</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/request/" class="prev">http请求</a></span> <span class="next"><a href="/pages/icon/">图标</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -257,6 +257,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/9.b11d44ca.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/9.691e4d8b.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/buildgood/index.html b/pages/buildgood/index.html
index d51c02400..6cd5d39d7 100644
--- a/pages/buildgood/index.html
+++ b/pages/buildgood/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/15.d8fa105a.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/15.a15904ed.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" aria-current="page" class="nav-link router-link-exact-active router-link-active">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">打包优化<!----></h1>  <div class="theme-vdoing-content content__default"><p>打包优化关联着网站的稳定与加载速度，在开发中也是非常重要的一项</p> <p><img src="/assets/img/buildgood.1a9db1bb.jpg" alt="buildgood"></p> <h2 id="vite-自身的构建优化"><a href="#vite-自身的构建优化" class="header-anchor">#</a> <code>vite</code> 自身的构建优化</h2> <p>点击查看 <a href="https://cn.vitejs.dev/guide/features.html#build-optimizations" target="_blank" rel="noopener noreferrer">build-optimizations<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <span class="badge tip" style="vertical-align:top;" data-v-6cdc36a9>vite官方文档</span></p> <h2 id="css-优化"><a href="#css-优化" class="header-anchor">#</a> <code>css</code> 优化</h2> <p>分两步优化</p> <h3 id="​-压缩-css"><a href="#​-压缩-css" class="header-anchor">#</a> ​ 压缩 <code>css</code></h3> <p>使用 <a href="/pages/tailwindcss/#cssnano">cssnano</a> 去压缩 <code>css</code></p> <h3 id="​-自动添加浏览器前缀"><a href="#​-自动添加浏览器前缀" class="header-anchor">#</a> ​ 自动添加浏览器前缀</h3> <p>使用 <a href="/pages/tailwindcss/#autoprefixer">Autoprefixer</a> 自动添加浏览器前缀</p> <h2 id="组件、工具库"><a href="#组件、工具库" class="header-anchor">#</a> 组件、工具库</h2> <ul><li><p>无论是组件（如 <code>element-plus</code>），还是工具库（如 <code>lodash</code>、<code>axios</code>）我们都应该尽可能的按需引入，使其有良好的  <code>tree-shaking</code> 效果，这样项目整体打包出来的无用代码就少之又少了</p></li> <li><p>拿 <code>lodash</code> 举例，<code>lodash</code> 默认是 <code>cjs</code> 格式，不支持 <code>es6</code> 的 <code>import</code> 语法，那么我们就可以去 <code>github</code> 或者某些搜索引擎去寻找替代品，最终平台找到了 <code>lodash-unified</code>，它完全兼容 <code>lodash</code> 的全部语法并且既支持 <code>esm</code> 又支持 <code>cjs</code>，这使得它无论在浏览器还是 <code>node</code> 环境中表现都很良好。当然如果遇到那种只支持 <code>cjs</code> 格式，网上找遍了都找不到兼容 <code>esm</code> 格式的咋办呢，这时你可以参考 <code>lodash-unified</code>，看看别人是如何转换的 😊</p></li> <li><p>平台精简版首次启动时间我这边测试是 <code>6</code> 秒，刷新页面的话开启 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L23" target="_blank" rel="noopener noreferrer">CachingAsyncRoutes<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 可能连 <code>1</code> 秒都不要。如果您使用 <code>pure-admin</code> 且当前网页<code>首启动</code>和<code>刷新页面</code>的等待时间远远大于前面的数字，也该考虑优化了。当项目具有一定规模的时候，优化并没有那么容易，所以您在写代码前就应该遵循我上面的说法，按需引入才是 <code>yyds</code> 😄</p></li></ul> <ul><li><code>vite</code> 目前最大的性能瓶颈是大量模块的首页加载，可看 <a href="https://github.com/vitejs/vite/issues/1309#issue-777569758" target="_blank" rel="noopener noreferrer">vite-issues<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，值得期待的是这个 <a href="https://github.com/vitejs/vite/pull/10671" target="_blank" rel="noopener noreferrer">pr<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 可能会缓解这个麻烦</li></ul> <h2 id="压缩-gzip、brotli-格式"><a href="#压缩-gzip、brotli-格式" class="header-anchor">#</a> 压缩 <code>gzip</code>、<code>brotli</code> 格式</h2> <p>使用 <a href="https://github.com/vbenjs/vite-plugin-compression" target="_blank" rel="noopener noreferrer">vite-plugin-compression<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 对平台进行 <code>gzip</code> 或者 <code>brotli</code> 压缩，<code>nginx</code> 对这两种压缩模式都支持，压缩后部署到 <code>nginx</code> 将极大提高网页加载速度</p> <h3 id="如何开启压缩"><a href="#如何开启压缩" class="header-anchor">#</a> 如何开启压缩</h3> <p>来到 <code>.env.production</code> 文件，设置 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L13" target="_blank" rel="noopener noreferrer">VITE_COMPRESSION<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 即可。设置总体分为下面两种 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/build/compress.ts" target="_blank" rel="noopener noreferrer">具体实现代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h4 id="两种总体设置"><a href="#两种总体设置" class="header-anchor">#</a> 两种总体设置</h4> <ol><li>压缩时不删除原始文件的配置</li> <li>压缩时删除原始文件的配置</li></ol> <h5 id="压缩时不删除原始文件的配置"><a href="#压缩时不删除原始文件的配置" class="header-anchor">#</a> 压缩时不删除原始文件的配置</h5> <div class="language-.env.production line-numbers-mode"><pre class="language-text"><code>开启 gzip 压缩
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">打包优化<!----></h1>  <div class="theme-vdoing-content content__default"><p>打包优化关联着网站的稳定与加载速度，在开发中也是非常重要的一项</p> <p><img src="/assets/img/buildgood.1a9db1bb.jpg" alt="buildgood"></p> <h2 id="vite-自身的构建优化"><a href="#vite-自身的构建优化" class="header-anchor">#</a> <code>vite</code> 自身的构建优化</h2> <p>点击查看 <a href="https://cn.vitejs.dev/guide/features.html#build-optimizations" target="_blank" rel="noopener noreferrer">build-optimizations<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <span class="badge tip" style="vertical-align:top;" data-v-6cdc36a9>vite官方文档</span></p> <h2 id="css-优化"><a href="#css-优化" class="header-anchor">#</a> <code>css</code> 优化</h2> <p>分两步优化</p> <h3 id="​-压缩-css"><a href="#​-压缩-css" class="header-anchor">#</a> ​ 压缩 <code>css</code></h3> <p>使用 <a href="/pages/tailwindcss/#cssnano">cssnano</a> 去压缩 <code>css</code></p> <h3 id="​-自动添加浏览器前缀"><a href="#​-自动添加浏览器前缀" class="header-anchor">#</a> ​ 自动添加浏览器前缀</h3> <p>使用 <a href="/pages/tailwindcss/#autoprefixer">Autoprefixer</a> 自动添加浏览器前缀</p> <h2 id="组件、工具库"><a href="#组件、工具库" class="header-anchor">#</a> 组件、工具库</h2> <ul><li><p>无论是组件（如 <code>element-plus</code>），还是工具库（如 <code>lodash</code>、<code>axios</code>）我们都应该尽可能的按需引入，使其有良好的  <code>tree-shaking</code> 效果，这样项目整体打包出来的无用代码就少之又少了</p></li> <li><p>拿 <code>lodash</code> 举例，<code>lodash</code> 默认是 <code>cjs</code> 格式，不支持 <code>es6</code> 的 <code>import</code> 语法，那么我们就可以去 <code>github</code> 或者某些搜索引擎去寻找替代品，最终平台找到了 <code>lodash-unified</code>，它完全兼容 <code>lodash</code> 的全部语法并且既支持 <code>esm</code> 又支持 <code>cjs</code>，这使得它无论在浏览器还是 <code>node</code> 环境中表现都很良好。当然如果遇到那种只支持 <code>cjs</code> 格式，网上找遍了都找不到兼容 <code>esm</code> 格式的咋办呢，这时你可以参考 <code>lodash-unified</code>，看看别人是如何转换的 😊</p></li> <li><p>平台精简版首次启动时间我这边测试是 <code>6</code> 秒，刷新页面的话开启 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/public/platform-config.json#L23" target="_blank" rel="noopener noreferrer">CachingAsyncRoutes<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 可能连 <code>1</code> 秒都不要。如果您使用 <code>pure-admin</code> 且当前网页<code>首启动</code>和<code>刷新页面</code>的等待时间远远大于前面的数字，也该考虑优化了。当项目具有一定规模的时候，优化并没有那么容易，所以您在写代码前就应该遵循我上面的说法，按需引入才是 <code>yyds</code> 😄</p></li></ul> <ul><li><code>vite</code> 目前最大的性能瓶颈是大量模块的首页加载，可看 <a href="https://github.com/vitejs/vite/issues/1309#issue-777569758" target="_blank" rel="noopener noreferrer">vite-issues<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，值得期待的是这个 <a href="https://github.com/vitejs/vite/pull/10671" target="_blank" rel="noopener noreferrer">pr<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 可能会缓解这个麻烦</li></ul> <h2 id="压缩-gzip、brotli-格式"><a href="#压缩-gzip、brotli-格式" class="header-anchor">#</a> 压缩 <code>gzip</code>、<code>brotli</code> 格式</h2> <p>使用 <a href="https://github.com/vbenjs/vite-plugin-compression" target="_blank" rel="noopener noreferrer">vite-plugin-compression<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 对平台进行 <code>gzip</code> 或者 <code>brotli</code> 压缩，<code>nginx</code> 对这两种压缩模式都支持，压缩后部署到 <code>nginx</code> 将极大提高网页加载速度</p> <h3 id="如何开启压缩"><a href="#如何开启压缩" class="header-anchor">#</a> 如何开启压缩</h3> <p>来到 <code>.env.production</code> 文件，设置 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/.env.production#L13" target="_blank" rel="noopener noreferrer">VITE_COMPRESSION<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 即可。设置总体分为下面两种 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/build/compress.ts" target="_blank" rel="noopener noreferrer">具体实现代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h4 id="两种总体设置"><a href="#两种总体设置" class="header-anchor">#</a> 两种总体设置</h4> <ol><li>压缩时不删除原始文件的配置</li> <li>压缩时删除原始文件的配置</li></ol> <h5 id="压缩时不删除原始文件的配置"><a href="#压缩时不删除原始文件的配置" class="header-anchor">#</a> 压缩时不删除原始文件的配置</h5> <div class="language-.env.production line-numbers-mode"><pre class="language-text"><code>开启 gzip 压缩
 VITE_COMPRESSION = &quot;gzip&quot;
 
 开启 brotli 压缩
@@ -141,7 +141,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/nologin/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">自定义免登录</div></a> <a href="/pages/optimize/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">vite预构建</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/nologin/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">自定义免登录</div></a> <a href="/pages/optimize/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">vite预构建</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/nologin/" class="prev">自定义免登录</a></span> <span class="next"><a href="/pages/optimize/">vite预构建</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -151,6 +151,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/15.d8fa105a.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/15.a15904ed.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/components/index.html b/pages/components/index.html
index ad49f626c..ae284cce2 100644
--- a/pages/components/index.html
+++ b/pages/components/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/32.badad8df.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/32.badad8df.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" aria-current="page" class="nav-link router-link-exact-active router-link-active">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">组件库<!----></h1>  <div class="theme-vdoing-content content__default"><p>由 <code>pure-admin</code> 平台开发的组件库，持续维护，请放心使用</p> <h2 id="pure-admin-table"><a href="#pure-admin-table" class="header-anchor">#</a> pure-admin-table</h2> <ul><li>二次封装 <code>element-plus</code> 的 <code>Table</code> ，完全兼容 <a href="https://element-plus.org/zh-CN/component/table.html" target="_blank" rel="noopener noreferrer">el-table<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 所有 <code>api</code> 并提供灵活的配置项以及完善的类型提示，完全兼容 <a href="https://github.com/pure-admin/pure-admin-table-nuxt3" target="_blank" rel="noopener noreferrer">nuxt3<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，完全支持 <code>jsx</code> 语法，无需将代码都写在 <code>template</code> 里</li></ul> <p><a href="https://pure-admin.github.io/vue-pure-admin/#/table/index?username=sso&amp;roles=admin&amp;accessToken=eyJhbGciOiJIUzUxMiJ9.admin" target="_blank" rel="noopener noreferrer">查看示例<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/pure-admin/pure-admin-table" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="pure-admin-descriptions"><a href="#pure-admin-descriptions" class="header-anchor">#</a> pure-admin-descriptions</h2> <ul><li>二次封装 <code>element-plus</code> 的 <a href="https://element-plus.org/zh-CN/component/descriptions.html" target="_blank" rel="noopener noreferrer">descriptions<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 组件，提供灵活的配置项，完全支持 <code>jsx</code> 语法，无需将代码都写在 <code>template</code> 里</li></ul> <p><a href="https://pure-admin.github.io/pure-admin-descriptions" target="_blank" rel="noopener noreferrer">查看示例<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/pure-admin/pure-admin-descriptions" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="redialog"><a href="#redialog" class="header-anchor">#</a> ReDialog</h2> <ul><li>基于 <code>element-plus</code> 中 <a href="https://element-plus.org/zh-CN/component/dialog.html" target="_blank" rel="noopener noreferrer">el-dialog<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 组件开发的函数式弹框，无需在 <code>template</code> 里写弹框，使用更便捷</li></ul> <p><a href="https://pure-admin.github.io/vue-pure-admin/#/components/dialog?username=sso&amp;roles=admin&amp;accessToken=eyJhbGciOiJIUzUxMiJ9.admin" target="_blank" rel="noopener noreferrer">查看示例<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReDialog" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="custom-block tip"><p class="custom-block-title">更多组件</p> <p><a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components" target="_blank" rel="noopener noreferrer">点我查看<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">组件库<!----></h1>  <div class="theme-vdoing-content content__default"><p>由 <code>pure-admin</code> 平台开发的组件库，持续维护，请放心使用</p> <h2 id="pure-admin-table"><a href="#pure-admin-table" class="header-anchor">#</a> pure-admin-table</h2> <ul><li>二次封装 <code>element-plus</code> 的 <code>Table</code> ，完全兼容 <a href="https://element-plus.org/zh-CN/component/table.html" target="_blank" rel="noopener noreferrer">el-table<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 所有 <code>api</code> 并提供灵活的配置项以及完善的类型提示，完全兼容 <a href="https://github.com/pure-admin/pure-admin-table-nuxt3" target="_blank" rel="noopener noreferrer">nuxt3<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，完全支持 <code>jsx</code> 语法，无需将代码都写在 <code>template</code> 里</li></ul> <p><a href="https://pure-admin.github.io/vue-pure-admin/#/table/index?username=sso&amp;roles=admin&amp;accessToken=eyJhbGciOiJIUzUxMiJ9.admin" target="_blank" rel="noopener noreferrer">查看示例<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/pure-admin/pure-admin-table" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="pure-admin-descriptions"><a href="#pure-admin-descriptions" class="header-anchor">#</a> pure-admin-descriptions</h2> <ul><li>二次封装 <code>element-plus</code> 的 <a href="https://element-plus.org/zh-CN/component/descriptions.html" target="_blank" rel="noopener noreferrer">descriptions<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 组件，提供灵活的配置项，完全支持 <code>jsx</code> 语法，无需将代码都写在 <code>template</code> 里</li></ul> <p><a href="https://pure-admin.github.io/pure-admin-descriptions" target="_blank" rel="noopener noreferrer">查看示例<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/pure-admin/pure-admin-descriptions" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="redialog"><a href="#redialog" class="header-anchor">#</a> ReDialog</h2> <ul><li>基于 <code>element-plus</code> 中 <a href="https://element-plus.org/zh-CN/component/dialog.html" target="_blank" rel="noopener noreferrer">el-dialog<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 组件开发的函数式弹框，无需在 <code>template</code> 里写弹框，使用更便捷</li></ul> <p><a href="https://pure-admin.github.io/vue-pure-admin/#/components/dialog?username=sso&amp;roles=admin&amp;accessToken=eyJhbGciOiJIUzUxMiJ9.admin" target="_blank" rel="noopener noreferrer">查看示例<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReDialog" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div class="custom-block tip"><p class="custom-block-title">更多组件</p> <p><a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components" target="_blank" rel="noopener noreferrer">点我查看<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
           style="display:block"
           data-ad-client="ca-pub-7828333725993554"
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/utils/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">函数工具库</div></a> <a href="/pages/viteplugin/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">vite插件</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/utils/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">函数工具库</div></a> <a href="/pages/viteplugin/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">vite插件</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/utils/" class="prev">函数工具库</a></span> <span class="next"><a href="/pages/viteplugin/">vite插件</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -127,6 +127,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/32.badad8df.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/32.badad8df.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/config/index.html b/pages/config/index.html
index faba0a8a8..1cd33ae01 100644
--- a/pages/config/index.html
+++ b/pages/config/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/20.eedc460f.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/20.9a0c9af2.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" aria-current="page" class="nav-link router-link-exact-active router-link-active">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">平台配置<!----></h1>  <div class="theme-vdoing-content content__default"><h2 id="logo"><a href="#logo" class="header-anchor">#</a> logo</h2> <p>下图左上角箭头所指处就是平台的 <code>logo</code></p> <p><img src="/assets/img/logo.6ef36726.jpg" alt="logo"></p> <p>为了保持 <code>logo</code> 的高保真，平台采用 <code>svg</code> 作为 <code>logo</code> 格式。自定义 <code>logo</code> ，只需修改下图 <code>logo.svg</code> 文件即可</p> <p><img src="data:image/jpeg;base64,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" alt="config-logo"></p> <p>当然也可以自定义 <code>logo</code> 格式。比如需要 <code>png</code> 的图片，只需要把上图中 <code>logo.svg</code> 换成所需的 <code>logo.png</code> ，然后来到 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useNav.ts#L147" target="_blank" rel="noopener noreferrer">layout/hooks/useNav.ts<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> ，把 <code>&quot;/logo.svg&quot;</code> 改成 <code>&quot;/logo.png&quot;</code> 即可</p> <h2 id="环境变量"><a href="#环境变量" class="header-anchor">#</a> 环境变量</h2> <h3 id="配置文件"><a href="#配置文件" class="header-anchor">#</a> 配置文件</h3> <p>一共 <code>四</code> 个配置文件，都在平台根目录下，具体如下</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>├── .env                  # 基础环境变量配置文件（优先级最低）
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">平台配置<!----></h1>  <div class="theme-vdoing-content content__default"><h2 id="logo"><a href="#logo" class="header-anchor">#</a> logo</h2> <p>下图左上角箭头所指处就是平台的 <code>logo</code></p> <p><img src="/assets/img/logo.6ef36726.jpg" alt="logo"></p> <p>为了保持 <code>logo</code> 的高保真，平台采用 <code>svg</code> 作为 <code>logo</code> 格式。自定义 <code>logo</code> ，只需修改下图 <code>logo.svg</code> 文件即可</p> <p><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAkACQAAD/2wBDABsSFBcUERsXFhceHBsgKEIrKCUlKFE6PTBCYFVlZF9VXVtqeJmBanGQc1tdhbWGkJ6jq62rZ4C8ybqmx5moq6T/2wBDARweHigjKE4rK06kbl1upKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKT/wgARCADgAnwDASIAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAAAAIDAQQF/8QAGAEBAQEBAQAAAAAAAAAAAAAAAAECAwT/2gAMAwEAAhADEAAAAfCEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXFgEAAKkFEnTj0dkz5p08wtNhiuQ10PLXdjCduGTTMAAAAAAAAAAAAAAAAAAAAAAAAXFgEAArbz9NskjbGj3eny+vnicvRB8cdN+qdJGF2JWOc4UjQxz3wAAAAAAAAAAAAAAAAAAAAAAAAFxYBAAB04ABpmPb5JAGmYAAAAAAAAAAAAAAAAAAAAAAAAAAAAALiwCAAO86cAAB3vt7z6+F7+Hz1x05l2mIADXIAAAK6QAAAAAAAAAUs920z1wbYxmN8QAAAAAAAFxYBAAHedOAAA9/q8X0Ofd5fd82zyRcb5+jnDN80kzq8S75wm8tRzvDvnsTrGxzMNJUeUAAAABek3jpsx1mmM3rlnzfHvDXMEAAAAAAAAXFgEAAd504AAD16eFnt7o8g7JrlXOE1iRcBVZiuwNJkd7IpI1z4NYkAO2m8y7mO73jrjr1nqMl1yy5vh3hrmCAAAAAAAAAALiwDgAHedOAAAHDrvFBDvAAAAAAAAAB3m03c05ennRRCXnnzpx7w1yBAAAAAAAAAAAAFTVASIAd504AAB6cfVjU+f05S4Od6Y9Xm9PTLHb0HmnXU8vfQPH3npM59UHmrezzxrR5gAXtNcvUE2isNc3Dp5wQAAAAAAAAAAAAABU1QEiAHedOAAAr1eWl9/hDHonp55x7MsOnr7GZt3xDZiPb5sx7ccNTae4EAAAVJbQlC5AAAAAAAAAAAAAAAVNUBxCLQLR0pAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAtAvudnXFQIAd504AAC+6YStcfSeYWGuh56qzzvTBlXqkwz10PM11PK3o8z05GZRL05Gb0wYvTwyvbEznXQ8zfA0z1s87bpg9EmL0+c4AAAAAAAAABcWAQAB3nTgAAPT59OZufpw2PONT0+f0cKYUaOQaJkrLnoDIa584d1wo075qGtYlacg05mNc+cPR563J8vpzNOdk72BaYHYEgAAAAAAAAAXFgEAAd504AAAAACpAAAAAAAAAAAABpmOuCpAAAAAAAAAAAAABcWAf/EACoQAAIBAwIFAwUBAQAAAAAAAAECAAMREhAyEyAhMVAiMDMEI0BgcBRD/9oACAEBAAEFAv5ZwzChA5+2ljLEecAJ1II1KqIAIbEkWTThkw02AC3g6kC1RqZZmUrH+NssVployFfNA2JGYAwBNzKZ6wbcbSvs0Y/aon1JE3H56p9fei/x1NtaZHHzQNoTc6DoQy30JGOnThgokptYjhqSw4rYMXYYsQUcgrkrhioX9ARih/0GMcjoWuv8btLGWMsfEhIVt4Uixj7ooyZwo5Wx9gWu1r/hgEwJoTaM1/BqLxadi6ZRlxjbpSPVyCckEYAGqLM4CpUEONONiVsqL6agpgYqVYkWK7it6pZVLAXOKRgCvuhIABpe0L+Gpm6wm8bdKW+16pLA1oozWobtUlVSSUIVxktMYxPjp72F6iiz3tXdTlbBqqnLbR9oKYE5C/iMzZXK6N3gNjOI0JJgYroSTA7CFi0DFYWLS5ABscje5uTc8RoTeB2EJJ9kJAAOQv8Aoqi8fvApgUcpf9IIvLW5S3jyCp/IUcxbx4tkyep0zq1MctPp9/ecJ9OG5hUgKpaMjLoBeGm4mJsBc4nI03EKleVRylpe/kKQzKgocmdKiYKO0+n30egFRsmUceo7ZucqLnCnRbLSiQDaosonrSFmpnotRsq+/kuOQ9Z28jRYLFGDgYNiP847SgQGpMARTQFqn3DwmlQg0RjUQY0hTVTKeJigU5l66rDGm+MHCBr7+e5mRhN/IoxQu5Ymoxqu+S8oNjxEaO+XsI+BzpiM2R/rSLkz43Hd1A5mXE6WirkWXH8BVLHD1EWOpWy+Lo79G60tKa5HBIVxarvwQRlxZscaVpYFsEEdcSaaiKgYhEMwUR1xMAucUEZLNgqx0xmAxKDGla1lL4+vFI6YiFfthAFZQAqDHAEImQCIYRY+EpG+uylpR3SpKgvUPDWVez/HR70d7bqnx1u9LtS3vvq78klL5D3W+dTf/wAH+OntpSnvX5iDlV2xvhy6MoxqbKPensp76m/wlM2dxYjqalraUe/EELXLPduII75QVPSjYwGx4gjNkXbKK2MU4sTcu2RgNjxBGYseJeO+UZrqrYhWximx3PepKvYtdX6UhU6M9wr2BqdFawU2LG58UCR+Xm2pJP7h/8QAJBEAAQMDAwQDAAAAAAAAAAAAAQACEQMSMUBQURATMEEhYHD/2gAIAQMBAT8B22VP3ixWaOJQpH2nNaBonyAmSjnQBhKFIe0SGp1QnR9wcLuDhHyW/EoCUKXKDQEXAJ1QnGxNbcVAx0JAynVONOEfIyAOj3EY2eVcfzP/xAAfEQACAQMFAQAAAAAAAAAAAAAAARECEkAQITBQYEH/2gAIAQIBAT8B62fc3l+JcJt4SKhYEouN2KnDgjlnfS4kgVPRNxrAqcdyKeR6UrqI8D9H0/0fif/EACoQAAIBAwIEBgMBAQAAAAAAAAABEQIQIRIxIEFQYSIyQFFgcTBwgUID/9oACAEBAAY/Av3pi+b7MnTUbVDw193Vn2skMyUinrkolb80aqt+SJfDPAiCsV8lJQJcjT1vBng3u5utRjLM8yZknkbmmnYpRSeLDIp+Ayjyk3S/eDtBC34Vp/Bkxt1ybb3iCIjJimSl8nZLmUwREslYfsJtS2YUMckaSBEEaRaeZGmTVT6LHRs8KP6RTSUi7WoJRLKWh1MqEOBWeBSSZ5+gx0iOHFtzJi2TcyYMkWnmTzJZvbcz+bHw7HzzBD+HLVsU10bC9kLTd/VtrbEwYRlWwbE8iERGTYz1trRP9IVPfc8u+NzyL7m7+iqr2JkRuJlKQ6XmzklPUOl8xt/5K6+ZufzrdSacP2P+bpqboZTR2Y2qn3V8jT2ZOtQalyJbgxsJNw0PMsepwRUTrNXc8L3M7MlSz+dbxz5FOElTsjWaUlSu3FJ4qckRC/DKoyS/23B4TImtnxRwQjf0GCJI4NXTJvT24IdWb5qyLOBS8Hcikh1ZtljIVWSKqskWgh1ZIPFVklbCbZNLskmaURqyKyZNTJTwTU4JoYyFVkjouh7O6j/V3agSIhspKR2ZSIqEMR5B2WodqSsqEO1NqSK6TVSUjKxD6KmbzammZi7M05JJPLkRDU3zTm77kkk2k8uSTxUzZL2H3GSYwRBSuYqYEiKlJCUIhqUQlA17kk9Lx6ve+fmH/8QAJxABAAIBBAIBBQADAQAAAAAAAQARITFBUYEQIGEwQFBxoWCRsXD/2gAIAQEAAT8h/wDLP0yyPuCtERVJT4QBTDEgpQ/nL2l15raVfgF0IhVv6miYviZZu/XpAASKzL1h/UYoqBQG8dzUY1FB8xXwes7NoFZQfM1LTk/NJcUwKupCoIGuLfFVefDrRpKfITVx5Qr3iW2JBQSf1z/oRlGxFz7Hw/4okR2Q+I/NorVMS5W+XQypwi3QOsrFTIBw+br6H+QRXZBbbqlAFCMuqK8oeeZTQGRyawQHIZlLajeasr3f8Bwk7nwP9xVer5wjp/4q+9uGfAz4GfA/iAvSI64mt+8fc0PDVPoqzlNSaOfUjJfP0MXZK3f7RskDfMANIGpmg2+8fe6Fh+5QJupgZpjahNbwWkvmYy0yY4ojlhdNyoOLRlAi2VgmALJUKfmmncBDIAnC8RLnSYdly54MNk8wkOCVSWt4+7+nEenPe5X6uT6oLpE3xNk8I1MT74+5pEFh0xEVrma3lUQdI0/NsS1W1n7PzLfgxFSuIBKxNpoG+Iwq4wDRXl5iariCdbmRe+IPMbZnUTAhR4iWGpafTRtANcwK08KGvgLev377mkxTgJozjiLmavhLsGKre8w1AoK60l1ar8VtrqE0YTWFzXk15iDAcOsSw1m5xdnhNwgJUIrW2C0YR21folegLoTkZoh5UNfAVdfwL728y3mW8y3n7m9boeVHxBa59FrXwFXX77HExxMcTHExxGuJjiY4mOJjiY4mOJjiY4mOJjiY4mOJjiY4mOJjiY4mOJjiY4mOJjiY4mOJjiY4mOJjiY4mOJjiY4mOIFtVAoogrMBoPXhi3rMcTHExxMcTHExxMcTHExxMcTHExxMcTHExxMcTHExxMcTHExxMcTHExxMcTHExxMcTHExMez9DWjJdJQGn0BdPtaC9/Ydoq6/h33/rsHA5F1EsaWZt35r0AFUFswX/AN+AlmMtqhN2oBdB4RULYJbjBWTCIAWsR/0kEtlijT62N+oGmYrV+JffUF3WlRYWqprH+QCTF4a4OepxS9M0PIV3AQFifiIw4S5eAgOIqmtxMBs1iXNK38XgpTDL+A/cs0zb5+IqlU26TS9QJQyznyKVEtT+Kfe0IdLshILIDtKn2SC3yJwXNLwhsGN/GiWAnCXD9KNbi3IATVsRfJTSxBfibCWkDOHhjVinBvNl8pbgK81CSC9aUaJsTT91z5vBSyfin3ZoEwVvKYyQIYNCFVHzG28oY9UAakcjpSuCjt9BrKsdSXICL+POydk7J2Tsj+ydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZOydk7J2TsnZ9F/xB96PnAKWxzKUyreoa1eT1Msa435UFo0xIFyqP6+woEadTcu+Hoo2M/hX3P6Ayxy+Mmch8iw3pKGxDGMNkOI4LfpBsZd4c84Q1UXDMSFW+YqsQvMOjMmoSpVo0mQECv9D5M5CLrEJvL0jhJ+koCWpnKFZiU5rW4LkW6z8QYJGLXyRNsoLMy6+ALLawI4vSoZvRomRdsVswsykiNiLBbffPvm+YvkLX5/kjd51nNrPmwliyCcesaeP/DP+Etk5mhdZ/JP5PC/piBksrxEKBRWCXvetwjO+Ll80cC+ceL/ADTT+nnUiHW4EN18f0QNbhszPmOJtdKl/iqfwfgEn3NzSaeA5xBQWF8xggozXn+aGsLyjXohkpItlPylGxVSoHBLbi7iAmpLsiw9zLY1VSsKuKyl1LnlNGVjwhDUl2UvKWF1KjAuYlcUG0w1UUmrpNsu5T0uoXfkWJOF+QmsPylMaIFLW4FQ0nRA8JDSssw9cUeqpZ0q/vn6uqq+7x1eKrbmDTZFbV/5h//aAAwDAQACAAMAAAAQ/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD6w/8A/wD/AP8Auz/f9etf/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A+sP/APPn4qn/AP8A+cNt/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A+sP/AP7/AP73f/8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD/AP8A+sP/AP8A/wD/APiK8z//AN//AP8Az/8A/wD/AP8A/wD/AP8AYK//AP8A/wD/AP8A/wD6w/8A/wD/AP8A/pDSN+s+fv8ADX7/AP8A/wD/ANR9pHv/AP8A/wD/AP8A/wD6w/8A/wD/AP8A9W31/wDf/wD3/wC/9/8Am92t0Ne//wD/AP8A/wD/AP8A/wD6w/8A/v8A/wD98v8Af/8A/wD/AP8A/wD/AP59zrz7/wD/AP8A/wD/AP8A/wD/AP8A/n3/APr/AP8A+dvcNPu/++vf/wDz9q+//wD/AP8A/wD/AP8A/wD/AP8A/wD6ff8A+v8A/wD/ADhc998+++vv/wD/ALz/AP8A/wD/AP8A/wD/AP8A/wD/AP8A/wD6fTz3zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz28f8A/wD/AP8A/ij/ALXzvf3/AM//APvOfffvf/8A/wD/AP8A/wD/AP8A/wD6w/8A/wD/AP8A+/f9et+vudtfsft8uN99c+//AP8A/wD/AP8A/wD/APrD/wD+/wD/AP8A/wD9/wD/AP8A/wD/AP8A/wD/AP8A/wDPf/8A/wD/AP8A/wD/AP8A/wD/APrD/8QAIBEBAAIBBAMBAQAAAAAAAAAAAQARITFAQVAwUWAQcf/aAAgBAwEBPxDrlumSyoEOoAOo/uBeYlNbISojPSVbnZZAZdi8E1thxUJ7QepgDGzs1gBuFavktniYBGdU08msswmE12unkxHEWLGIAYIbaiuMIq5dtQMxDp5BSH9sqtvTCNGXlL8DxDp+IfE//8QAIREBAAIBAwUBAQAAAAAAAAAAAQARMSFAUDBBUWBxEGH/2gAIAQIBAT8Q45bwyWRg68QAY4i3iW8QbL2ShmJMRD+bIi6wEwNglFuIEAM7P7n3DqdiKGYntFsE4gGdsI46lSCjcu4JxBM7cpshFX1Grf4DmBXDUMpmvQbuVScOaM8zWh6T/8QAKxABAAIBAgQEBgMBAAAAAAAAAQARMSFBUWHh8RAgcaEwQIGRsfBQwdFg/9oACAEBAAE/EP8AjTB/yBg+Nmcn7oyIo5+cECroBHKgyPgrUwLvGJ4C7/ypg8+VAWm/iI9BsN/DKD6EJLSXeohKfFd6iO0S00gTl6mhV6nidaOfHrGDpM2xH7oLbf3hFoVqi4yYgupqXApWdIUAU4TDP2ekxqpZPTeciwVmGiRXMP5MwecogMMbGHUN+ZBlhar+WLrB4XO0e54IaoRiphrdSNSHQjdc/EvSaBThrCWFYpCxQEPeey/mYv00IkV0aPpETUSpfXrP2ekFnx/oTTIFqIF6F8dv5MwfADsDCR4xMr48lW4q2uzLBQWTZrpE5HTnGGQpsaPFEZqqzK4xGZqLMTUMlSl2tegmOeIFOA3Twi8S0oYfaaw6arxlsLGp00l76kKdNCIVtFTeITutS1/kzB8atSaquCaW76oBoJbWPFnQG/j/ADpg+AlVz/4gwfA2+nnFLGPSdqnap2qY/h0VBXlNSR7owA2PL5QwfA2+nnf2oWtGqxBnJc9x4ah1uZrI6CceUq2ky+AUDS+qQBM7F+UwlDiwGr9BiA0AOUCujlENCvlBg+Bt9POgLE0ivPIAbwrihvWZS2VwGZ7/AMDhslTeaYifUAHLrKastcnuQk+YzbT/AGCUgdlYnANQ1/dfaVRTYKt0loMFrFDQnW0ACawcRTAthuhsU1XWoVtLjOGkzN7rCEEERYwWy8ujBUWC9CsyjRHWrKOgobUEdJa+KI0FeURq/QTCWeL4EWBGaCji5iq2tvypg+Bt9PO9HpG4t1B5Rt3KtIpvLLPc+H534m5M7+8cjDkZzauhuuOkC3V024ftS5nAfSG7gX+IwAzUXLVF2hZjciFIap+1HMFovS5+70nv38MGK0qIH9A2QGAKewlMARELzFrZUUNiLR1NRe1RdIXBfT/Ph8BHFmpNXtAFADl4G2gIzoK5sRWlefy5g+Bt9POtHpG2a1aZYzm4mJYkKFxPf+BxqMNRS3U2vOf3Wi5XIGtGJ64zQfAYaBRoFT6KRLjQvTEuBwdskOpXgCiV0sajWFnoYYDVmu6jcLWu4+S1llIX5oLE7k3YV0zAl1Lc0Y5eRFSU58jtIxHWrkTAF8XxBtATaH1YhaV5/MmD4G3084GF95zn3nOfec59/mdBP7Ia9R4bLTnNU1OcACgo5eIC0BzhYF82O2lfmzB413JXcldyV3JXcg0cnGV3JXcldyV3JXcldyV3JXcldyV3JXcldyV3JXcldyV3JXcldyV3JXcldyV3JXcldyV3JXcldyV3JXcldyV3JXcldyGQ1POGQaENOwmODn5FAtaIBob5y/YX6yu5K7kruSu5K7kruSu5K7kruSu5K7kruSu5K7kruSu5K7kruSu5K7kruSu5K7kruSu5K7kruSu5DQf2no956PfzbfTzqBbLUC5QN2a1cWa2JBHCPp4oUFeR8rrzL28qgWtEBobeO0dtX8+YPgbfTzoJqto/EoZgHDeY8DStsOrpFWJoSujl4+4fkhhSYCI2OuQX8xEUSkhFltS0JbNbVvH0lvZTLglufEsT28C7EwEQspmkfxL2ugtmkxYAEtFcrWWAVyR/ExeF1d6eXXmD38i1maJre0Y1fT+BMHwNvp5zBD60gfaDGppehmuLWAea4IXFxjR3jJQupfdEao58PcPyQJy9B9lhwteqdE9JcI1Q4pf+Esb2gVTMWF/SyP8A3uRna/zLLktqt4f3EpThD4KpNoMHTZTf0/yCYAHgp4fb8TZOEXn2GWMB1pe2l/vpAmcBTY3yntn5fIZ1aIYABxg2A/XxFVH/AIIDB8Db6edTeipnrNwOJJv+4X+t10/uZqWDMm1cPFKorW1W5MKDS8P24LKWyxryu4xjTRbc/Vl7XNAf8mAxQ8CyCH0I7ozCFBsgbvDcF/7Eksmagjmrc34XGqOtRPriBMCbLoo/wlT4VouoLBvHpf2ntH5fOIwpAN8C3H1JoAXsn8EYPgbfTzgI6l0ERmLYRhz1payuHvLYVRGUAANvKiNJZKp7uVmOBYI+A5FBXEhc6mL0D99JmydjB/GGDxo6ko6ko6ko6ko6kBpwOMo6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6ko6kDQ1PvK5krmebb6f8AEGD4G308+oVW1eUsezQu95Tnl5lQs5qbjyig4tQyBVdniECwKaM0uXVq4CU1i54PkNNWLVwRQN242jsoqyeRTIPHzpg+Bt9POlWU52DSKx4t+BTdiobeKUirFQE261gftHCsUR4kbNEB92UemNaaHtBhnVpmosxg1hq6ekLsFNgub+9OycxKrH4hovKhUvJjdftAnfPj6xVaJw0gxgtsD2iLayrHl4ZmX2nBNmsfiFjzHGDAiLrsnCB7A1iD6nhD4uKC8sr7JlKU4R15RAFqlvDiytVhew/b+46ifoPp4GtKCON/8mSSRF4ea1yTUIuAyxmu9kiCrA4fWWSvRo+0bMFT8sYPgbfTzogCS8x/SJSjt4XcDOPDHj+zzhDA6qfWXKYTX2ikNUF8NWFeaDfWVKELUtsaT2h+PCUGrKqhB5Wv7zRwn+O0WjtCpT96z8v8Mf3MqNAU46vhrYUuRqQAd5cq0S/YgHEJXpU0Df8AkjadqPxP0eTP1/We5fxEBuUQ9oQS8rMwICn1o8P1fWX8AcBqLtteq2gVv1BX9wWNmr1vvFrH6pnuZ73+vljB8Db6edlasi8LKgtqwF395nkKtUEYcNZWW+P6vOWAl2b+0P7eA2JQEhRdxK74z0iEtFtvOP8AIGAUtlhxKzVRE6SxisPN/wBJimGgG02m1ZubXSs1U4gjS62mhVWWuEq8OlXfgwNYIqDzi6S0VJs2gJTISFMYTYGVd3c4S1d1Wf8AZVGLWaqfS8XUVwLYtwzXyYGP1iS5Av2Rz20Am/0gq1rV9/8AYgK6BXWOJD2bx61tDtLVnBW82NlXdVNHtS6upv8AjF38sYPgbfT4rCokpr5sCij3iJFOViElI2MuBXP50wfAW65Ff8QYPH//2Q==" alt="config-logo"></p> <p>当然也可以自定义 <code>logo</code> 格式。比如需要 <code>png</code> 的图片，只需要把上图中 <code>logo.svg</code> 换成所需的 <code>logo.png</code> ，然后来到 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/layout/hooks/useNav.ts#L147" target="_blank" rel="noopener noreferrer">layout/hooks/useNav.ts<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> ，把 <code>&quot;/logo.svg&quot;</code> 改成 <code>&quot;/logo.png&quot;</code> 即可</p> <h2 id="环境变量"><a href="#环境变量" class="header-anchor">#</a> 环境变量</h2> <h3 id="配置文件"><a href="#配置文件" class="header-anchor">#</a> 配置文件</h3> <p>一共 <code>四</code> 个配置文件，都在平台根目录下，具体如下</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>├── .env                  # 基础环境变量配置文件（优先级最低）
 ├── .env.development      # 开发环境变量配置文件
 ├── .env.production       # 生产环境变量配置文件
 ├── .env.staging          # 预发布环境变量配置文件
@@ -221,7 +221,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/vscode/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">.vscode文件夹详解</div></a> <a href="/pages/layout/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">布局</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/vscode/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">.vscode文件夹详解</div></a> <a href="/pages/layout/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">布局</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/vscode/" class="prev">.vscode文件夹详解</a></span> <span class="next"><a href="/pages/layout/">布局</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -231,6 +231,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/20.eedc460f.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/20.9a0c9af2.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/directory/index.html b/pages/directory/index.html
index aa3ab2a98..aba3add05 100644
--- a/pages/directory/index.html
+++ b/pages/directory/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/29.c29c7c66.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/29.7dca5c94.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" aria-current="page" class="nav-link router-link-exact-active router-link-active">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><!----> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">目录结构<!----></h1>  <div class="theme-vdoing-content content__default"><p><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">完整版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>目录结构</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>├── .github  # GitHub 配置文件
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><!----> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">目录结构<!----></h1>  <div class="theme-vdoing-content content__default"><p><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">完整版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>目录结构</p> <div class="language- line-numbers-mode"><pre class="language-text"><code>├── .github  # GitHub 配置文件
 │   ├── ISSUE_TEMPLATE  # 问题提交参考模板
 │   ├── workflows git  # 工作流
 ├── .husky  # 代码提交前校验配置文件
@@ -256,7 +256,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/start/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">快速开始</div></a> <a href="/pages/vscode/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">.vscode文件夹详解</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/start/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">快速开始</div></a> <a href="/pages/vscode/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">.vscode文件夹详解</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/start/" class="prev">快速开始</a></span> <span class="next"><a href="/pages/vscode/">.vscode文件夹详解</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -266,6 +266,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/29.c29c7c66.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/29.7dca5c94.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/git/index.html b/pages/git/index.html
index 9a1d89446..fd6342187 100644
--- a/pages/git/index.html
+++ b/pages/git/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/35.5a6b3b95.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/35.5a6b3b95.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" aria-current="page" class="nav-link router-link-exact-active router-link-active">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -189,7 +189,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/track/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">非平台问题跟踪记录</div></a> <a href="/pages/recommendation/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">技术网站推荐</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/track/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">非平台问题跟踪记录</div></a> <a href="/pages/recommendation/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">技术网站推荐</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/track/" class="prev">非平台问题跟踪记录</a></span> <span class="next"><a href="/pages/recommendation/">技术网站推荐</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -199,6 +199,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/35.5a6b3b95.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/35.5a6b3b95.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/i18n/index.html b/pages/i18n/index.html
index ca53364b3..6d541da48 100644
--- a/pages/i18n/index.html
+++ b/pages/i18n/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/13.f24061c4.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/13.752ecf96.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" aria-current="page" class="nav-link router-link-exact-active router-link-active">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -164,7 +164,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/theme/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">主题和暗黑模式</div></a> <a href="/pages/tailwindcss/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">Tailwind CSS</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/theme/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">主题和暗黑模式</div></a> <a href="/pages/tailwindcss/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">Tailwind CSS</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/theme/" class="prev">主题和暗黑模式</a></span> <span class="next"><a href="/pages/tailwindcss/">Tailwind CSS</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -174,6 +174,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/13.f24061c4.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/13.752ecf96.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/icon/index.html b/pages/icon/index.html
index feb69f9b2..09b1f60ab 100644
--- a/pages/icon/index.html
+++ b/pages/icon/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/6.c5124347.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/6.c5124347.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" aria-current="page" class="nav-link router-link-exact-active router-link-active">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">图标<!----></h1>  <div class="theme-vdoing-content content__default"><p>图标是文字的隐喻，可以实现视觉引导和功能划分。平台内置多种图标解决方案，满足 <code>99.99%</code> 的图标场景需求</p> <h2 id="iconify"><a href="#iconify" class="header-anchor">#</a> iconify</h2> <p>在开始之前，我们先来了解下 <code>iconify</code> 。它是统一的图标框架，超过 <code>100</code> 多个图标集都集中在这一个库，超过 <code>100,000</code> 个开源矢量图标，并且会定期更新图标。您可以在 <a href="https://icon-sets.iconify.design/" target="_blank" rel="noopener noreferrer">iconify<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 或者 <a href="https://icones.js.org/" target="_blank" rel="noopener noreferrer">icones<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 中看到所有的图标集。平台也对 <code>iconify</code> 录了一期专题视频教程 <a href="https://www.bilibili.com/video/BV17S4y1J79d?p=1&amp;vd_source=5a992808de6229d78e7810536c5f9ab3" target="_blank" rel="noopener noreferrer">点击查看<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>。</p> <div class="custom-block tip"><p class="custom-block-title">关于 element-plus 图标集成</p> <p>问：平台虽然使用了 <code>element-plus</code> 作为主要 <code>ui</code> 框架，但是并没有引入官网推荐的 <a href="https://element-plus.org/zh-CN/component/icon.html#%E4%BD%BF%E7%94%A8%E5%8C%85%E7%AE%A1%E7%90%86%E5%99%A8" target="_blank" rel="noopener noreferrer">@element-plus/icons-vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 图标库，那该如何使用 <code>element-plus</code> 的图标呢？</p> <p>答：<code>iconify</code> 非常强大，已经把 <code>element-plus</code> 的图标集成进去了。平台使用了 <a href="https://www.npmjs.com/package/@iconify-icons/ep" target="_blank" rel="noopener noreferrer">@iconify-icons/ep<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 完全替代了 <a href="https://www.npmjs.com/package/@element-plus/icons-vue" target="_blank" rel="noopener noreferrer">@element-plus/icons-vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> , 具体看 <a href="https://icon-sets.iconify.design/ep/" target="_blank" rel="noopener noreferrer">iconify/ep<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 或者 <a href="https://icones.js.org/collection/ep" target="_blank" rel="noopener noreferrer">icones/ep<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div> <h2 id="本地图标"><a href="#本地图标" class="header-anchor">#</a> 本地图标</h2> <p>本地图标是指通过本地安装各类图标库依赖包或者本地引入静态资源（比如 <code>iconfont</code>、<code>svg</code> ）的图标</p> <h3 id="iconfont-的引入"><a href="#iconfont-的引入" class="header-anchor">#</a> iconfont 的引入</h3> <h4 id="存放目录"><a href="#存放目录" class="header-anchor">#</a> 存放目录</h4> <p>可以看到下图，平台将 <code>iconfont</code> 放到了 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/assets/iconfont" target="_blank" rel="noopener noreferrer">src/assets/iconfont<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 文件夹里，这是平台内置的 <code>iconfont</code> ，最好不要删除。如果您项目也用到了 <code>iconfont</code> ，可以在同级目录<code>src/assets</code>下新建文件夹，比如<code>iconfont-business</code>，用来存放您项目的 <code>iconfont</code> 文件</p> <p><img src="/assets/img/iconfont.506ddc4d.png" alt="iconfont"></p> <h4 id="如何导入"><a href="#如何导入" class="header-anchor">#</a> 如何导入</h4> <p>来到 <code>src/main.ts</code> 文件下参考 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L24-L25" target="_blank" rel="noopener noreferrer">导入<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 即可</p> <h4 id="组件使用"><a href="#组件使用" class="header-anchor">#</a> 组件使用</h4> <p>平台对 <code>iconfont</code> 进行了组件的封装 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/ReIcon/src/iconfont.ts" target="_blank" rel="noopener noreferrer">FontIcon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <details class="custom-block details"><summary>点击查看</summary> <div class="language-Vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">图标<!----></h1>  <div class="theme-vdoing-content content__default"><p>图标是文字的隐喻，可以实现视觉引导和功能划分。平台内置多种图标解决方案，满足 <code>99.99%</code> 的图标场景需求</p> <h2 id="iconify"><a href="#iconify" class="header-anchor">#</a> iconify</h2> <p>在开始之前，我们先来了解下 <code>iconify</code> 。它是统一的图标框架，超过 <code>100</code> 多个图标集都集中在这一个库，超过 <code>100,000</code> 个开源矢量图标，并且会定期更新图标。您可以在 <a href="https://icon-sets.iconify.design/" target="_blank" rel="noopener noreferrer">iconify<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 或者 <a href="https://icones.js.org/" target="_blank" rel="noopener noreferrer">icones<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 中看到所有的图标集。平台也对 <code>iconify</code> 录了一期专题视频教程 <a href="https://www.bilibili.com/video/BV17S4y1J79d?p=1&amp;vd_source=5a992808de6229d78e7810536c5f9ab3" target="_blank" rel="noopener noreferrer">点击查看<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>。</p> <div class="custom-block tip"><p class="custom-block-title">关于 element-plus 图标集成</p> <p>问：平台虽然使用了 <code>element-plus</code> 作为主要 <code>ui</code> 框架，但是并没有引入官网推荐的 <a href="https://element-plus.org/zh-CN/component/icon.html#%E4%BD%BF%E7%94%A8%E5%8C%85%E7%AE%A1%E7%90%86%E5%99%A8" target="_blank" rel="noopener noreferrer">@element-plus/icons-vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 图标库，那该如何使用 <code>element-plus</code> 的图标呢？</p> <p>答：<code>iconify</code> 非常强大，已经把 <code>element-plus</code> 的图标集成进去了。平台使用了 <a href="https://www.npmjs.com/package/@iconify-icons/ep" target="_blank" rel="noopener noreferrer">@iconify-icons/ep<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 完全替代了 <a href="https://www.npmjs.com/package/@element-plus/icons-vue" target="_blank" rel="noopener noreferrer">@element-plus/icons-vue<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> , 具体看 <a href="https://icon-sets.iconify.design/ep/" target="_blank" rel="noopener noreferrer">iconify/ep<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 或者 <a href="https://icones.js.org/collection/ep" target="_blank" rel="noopener noreferrer">icones/ep<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div> <h2 id="本地图标"><a href="#本地图标" class="header-anchor">#</a> 本地图标</h2> <p>本地图标是指通过本地安装各类图标库依赖包或者本地引入静态资源（比如 <code>iconfont</code>、<code>svg</code> ）的图标</p> <h3 id="iconfont-的引入"><a href="#iconfont-的引入" class="header-anchor">#</a> iconfont 的引入</h3> <h4 id="存放目录"><a href="#存放目录" class="header-anchor">#</a> 存放目录</h4> <p>可以看到下图，平台将 <code>iconfont</code> 放到了 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/assets/iconfont" target="_blank" rel="noopener noreferrer">src/assets/iconfont<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 文件夹里，这是平台内置的 <code>iconfont</code> ，最好不要删除。如果您项目也用到了 <code>iconfont</code> ，可以在同级目录<code>src/assets</code>下新建文件夹，比如<code>iconfont-business</code>，用来存放您项目的 <code>iconfont</code> 文件</p> <p><img src="/assets/img/iconfont.506ddc4d.png" alt="iconfont"></p> <h4 id="如何导入"><a href="#如何导入" class="header-anchor">#</a> 如何导入</h4> <p>来到 <code>src/main.ts</code> 文件下参考 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/main.ts#L24-L25" target="_blank" rel="noopener noreferrer">导入<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 即可</p> <h4 id="组件使用"><a href="#组件使用" class="header-anchor">#</a> 组件使用</h4> <p>平台对 <code>iconfont</code> 进行了组件的封装 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/components/ReIcon/src/iconfont.ts" target="_blank" rel="noopener noreferrer">FontIcon<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <details class="custom-block details"><summary>点击查看</summary> <div class="language-Vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span>
     <span class="token comment">&lt;!-- 分font-class、unicode、symbol三种模式 --&gt;</span>
     <span class="token comment">&lt;!-- font-class模式 --&gt;</span>
@@ -228,7 +228,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/build/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">打包和部署</div></a> <a href="/pages/theme/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">主题和暗黑模式</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/build/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">打包和部署</div></a> <a href="/pages/theme/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">主题和暗黑模式</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/build/" class="prev">打包和部署</a></span> <span class="next"><a href="/pages/theme/">主题和暗黑模式</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -238,6 +238,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/6.c5124347.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/6.c5124347.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/introduction/index.html b/pages/introduction/index.html
index 131170f05..ca20953f9 100644
--- a/pages/introduction/index.html
+++ b/pages/introduction/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/28.93fb1f8f.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/28.c486989b.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" aria-current="page" class="link-title router-link-exact-active router-link-active">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" aria-current="page" class="nav-link router-link-exact-active router-link-active">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,8 +108,8 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">介绍<!----></h1>  <div class="theme-vdoing-content content__default"><p><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">vue-pure-admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 是一款开源完全免费且开箱即用的中后台管理系统模版。完全采用 <code>ECMAScript</code> 模块（<code>ESM</code>）规范来编写和组织代码，使用了最新的 <code>Vue3</code>、<code>Vite</code>、<code>Element-Plus</code>、<code>TypeScript</code>、<code>Pinia</code>、<code>Tailwindcss</code> 等主流技术开发</p> <h2 id="在线预览"><a href="#在线预览" class="header-anchor">#</a> 在线预览</h2> <ul><li><a href="https://pure-admin.github.io/vue-pure-admin/#/login" target="_blank" rel="noopener noreferrer">vue-pure-admin 完整版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://pure-admin.github.io/vue-pure-admin-max/#/login" target="_blank" rel="noopener noreferrer">vue-pure-admin-max 版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://pure-admin-thin.netlify.app/#/login" target="_blank" rel="noopener noreferrer">pure-admin-thin 精简版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="完整版本"><a href="#完整版本" class="header-anchor">#</a> 完整版本</h2> <ul><li><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">点我查看完整版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="精简版本-提供国际化和非国际化两个版本"><a href="#精简版本-提供国际化和非国际化两个版本" class="header-anchor">#</a> 精简版本（提供国际化和非国际化两个版本）</h2> <p>精简版是基于 <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">vue-pure-admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 <a href="https://element-plus.org" target="_blank" rel="noopener noreferrer">element-plus<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的情况下仍然低于 <code>2.3MB</code>，并且会永久同步完整版的代码。开启 <code>brotli</code> 压缩和 <code>cdn</code> 替换本地库模式后，打包大小低于 <code>350kb</code></p> <ul><li><a href="https://github.com/pure-admin/pure-admin-thin/tree/i18n" target="_blank" rel="noopener noreferrer">点我查看国际化精简版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer">点我查看非国际化精简版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="js-版本"><a href="#js-版本" class="header-anchor">#</a> <code>js</code> 版本</h2> <ul><li><a href="https://pure-admin.cn/pages/js/" target="_blank" rel="noopener noreferrer">点我查看 js 版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="vue-pure-admin-max-版本"><a href="#vue-pure-admin-max-版本" class="header-anchor">#</a> <code>vue-pure-admin-max</code> 版本</h2> <ul><li><a href="https://pure-admin.cn/pages/max/" target="_blank" rel="noopener noreferrer">点我查看 max 版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="微前端版本"><a href="#微前端版本" class="header-anchor">#</a> 微前端版本</h2> <ul><li><a href="https://github.com/pure-admin/pure-admin-micro" target="_blank" rel="noopener noreferrer">点我查看微前端版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="nodejs-后端"><a href="#nodejs-后端" class="header-anchor">#</a> Nodejs 后端</h2> <p>平台提供一套 <code>node</code>、<code>mysql</code> 版本的后端代码，内置各种接口示例和 <code>jwt token</code> 以及 <code>websocket</code>，可供学习参考</p> <ul><li><a href="https://github.com/pure-admin/pure-admin-backend" target="_blank" rel="noopener noreferrer">点我查看 nodejs 后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="tauri-版本"><a href="#tauri-版本" class="header-anchor">#</a> Tauri 版本</h2> <p><code>tauri</code> 比 <code>electron</code> 更强，<a href="https://www.cnblogs.com/Grewer/p/12789261.html" target="_blank" rel="noopener noreferrer">tauri 与 electron 的对比<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <span class="badge tip" style="vertical-align:top;" data-v-6cdc36a9>推荐文章</span><br>
-如果没有安装 <code>tauri</code> ，请阅读 <a href="https://tauri.app/zh/" target="_blank" rel="noopener noreferrer">tauri 中文官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ul><li><a href="https://github.com/pure-admin/tauri-pure-admin" target="_blank" rel="noopener noreferrer">点我查看 Tauri 版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="electron-版本"><a href="#electron-版本" class="header-anchor">#</a> Electron 版本</h2> <ul><li><a href="https://github.com/pure-admin/electron-pure-admin" target="_blank" rel="noopener noreferrer">点我查看 Electron 版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="配套视频"><a href="#配套视频" class="header-anchor">#</a> 配套视频</h2> <ul><li><strong>教程</strong></li></ul> <p><a href="https://www.bilibili.com/video/BV1kg411v7QT/" target="_blank" rel="noopener noreferrer">https://www.bilibili.com/video/BV1kg411v7QT/<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <span class="badge tip" style="vertical-align:top;" data-v-6cdc36a9>视频教程</span></p> <ul><li><strong>UI 设计</strong></li></ul> <p><a href="https://www.bilibili.com/video/BV17g411T7rq" target="_blank" rel="noopener noreferrer">https://www.bilibili.com/video/BV17g411T7rq<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <span class="badge tip" style="vertical-align:top;" data-v-6cdc36a9>视频教程</span></p> <h2 id="浏览器支持"><a href="#浏览器支持" class="header-anchor">#</a> 浏览器支持</h2> <p>本地开发推荐使用 <code>Chrome</code>、<code>Edge</code>、<code>Firefox</code> 浏览器，作者常用的是最新版 <code>Chrome</code> 浏览器<br>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">介绍<!----></h1>  <div class="theme-vdoing-content content__default"><p><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">vue-pure-admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 是一款开源完全免费且开箱即用的中后台管理系统模版。完全采用 <code>ECMAScript</code> 模块（<code>ESM</code>）规范来编写和组织代码，使用了最新的 <code>Vue3</code>、<code>Vite</code>、<code>Element-Plus</code>、<code>TypeScript</code>、<code>Pinia</code>、<code>Tailwindcss</code> 等主流技术开发</p> <h2 id="在线预览"><a href="#在线预览" class="header-anchor">#</a> 在线预览</h2> <ul><li><a href="https://pure-admin.github.io/vue-pure-admin/#/login" target="_blank" rel="noopener noreferrer">vue-pure-admin 完整版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://pure-admin.github.io/vue-pure-admin-max/#/login" target="_blank" rel="noopener noreferrer">vue-pure-admin-max 版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://pure-admin-thin.netlify.app/#/login" target="_blank" rel="noopener noreferrer">pure-admin-thin 精简版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="完整版本"><a href="#完整版本" class="header-anchor">#</a> 完整版本</h2> <ul><li><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">点我查看完整版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="精简版本-提供国际化和非国际化两个版本"><a href="#精简版本-提供国际化和非国际化两个版本" class="header-anchor">#</a> 精简版本（提供国际化和非国际化两个版本）</h2> <p>精简版是基于 <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer">vue-pure-admin<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 <a href="https://element-plus.org" target="_blank" rel="noopener noreferrer">element-plus<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的情况下仍然低于 <code>2.3MB</code>，并且会永久同步完整版的代码。开启 <code>brotli</code> 压缩和 <code>cdn</code> 替换本地库模式后，打包大小低于 <code>350kb</code></p> <ul><li><a href="https://github.com/pure-admin/pure-admin-thin/tree/i18n" target="_blank" rel="noopener noreferrer">点我查看国际化精简版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer">点我查看非国际化精简版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="js-版本"><a href="#js-版本" class="header-anchor">#</a> <code>js</code> 版本</h2> <ul><li><a href="https://pure-admin.cn/pages/js/" target="_blank" rel="noopener noreferrer">点我查看 js 版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="vue-pure-admin-max-版本"><a href="#vue-pure-admin-max-版本" class="header-anchor">#</a> <code>vue-pure-admin-max</code> 版本</h2> <ul><li><a href="https://pure-admin.cn/pages/max/" target="_blank" rel="noopener noreferrer">点我查看 max 版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="微前端版本"><a href="#微前端版本" class="header-anchor">#</a> 微前端版本</h2> <ul><li><a href="https://github.com/pure-admin/pure-admin-micro" target="_blank" rel="noopener noreferrer">点我查看微前端版本<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="nodejs-后端"><a href="#nodejs-后端" class="header-anchor">#</a> Nodejs 后端</h2> <p>平台提供一套 <code>node</code>、<code>mysql</code> 版本的后端代码，内置各种接口示例和 <code>jwt token</code> 以及 <code>websocket</code>，可供学习参考</p> <ul><li><a href="https://github.com/pure-admin/pure-admin-backend" target="_blank" rel="noopener noreferrer">点我查看 nodejs 后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="tauri-版本"><a href="#tauri-版本" class="header-anchor">#</a> Tauri 版本</h2> <p><code>tauri</code> 比 <code>electron</code> 更强，<a href="https://www.cnblogs.com/Grewer/p/12789261.html" target="_blank" rel="noopener noreferrer">tauri 与 electron 的对比<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a><br>
+如果没有安装 <code>tauri</code> ，请阅读 <a href="https://tauri.app/zh/" target="_blank" rel="noopener noreferrer">tauri 中文官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ul><li><a href="https://github.com/pure-admin/tauri-pure-admin" target="_blank" rel="noopener noreferrer">点我查看 Tauri 版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="electron-版本"><a href="#electron-版本" class="header-anchor">#</a> Electron 版本</h2> <ul><li><a href="https://github.com/pure-admin/electron-pure-admin" target="_blank" rel="noopener noreferrer">点我查看 Electron 版<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <h2 id="配套视频"><a href="#配套视频" class="header-anchor">#</a> 配套视频</h2> <ul><li><strong>教程</strong></li></ul> <p><a href="https://www.bilibili.com/video/BV1kg411v7QT/" target="_blank" rel="noopener noreferrer">https://www.bilibili.com/video/BV1kg411v7QT/<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <ul><li><strong>UI 设计</strong></li></ul> <p><a href="https://www.bilibili.com/video/BV17g411T7rq" target="_blank" rel="noopener noreferrer">https://www.bilibili.com/video/BV17g411T7rq<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="浏览器支持"><a href="#浏览器支持" class="header-anchor">#</a> 浏览器支持</h2> <p>本地开发推荐使用 <code>Chrome</code>、<code>Edge</code>、<code>Firefox</code> 浏览器，作者常用的是最新版 <code>Chrome</code> 浏览器<br>
 实际使用中感觉 <code>Firefox</code> 在动画上要比别的浏览器更加丝滑，只是作者用 <code>Chrome</code> 已经习惯了，看个人爱好选择吧<br>
 更详细的浏览器兼容性支持请看 <a href="https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support" target="_blank" rel="noopener noreferrer">Vue 支持哪些浏览器？<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 和 <a href="https://cn.vitejs.dev/guide/build#browser-compatibility" target="_blank" rel="noopener noreferrer">Vite 浏览器兼容性<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <table><thead><tr><th style="text-align:center;"><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="/img/support/edge_48x48.png" alt=" Edge" width="24px" height="24px"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a><br>IE</th> <th style="text-align:center;"><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="/img/support/edge_48x48.png" alt=" Edge" width="24px" height="24px"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a><br>Edge</th> <th style="text-align:center;"><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="/img/support/firefox_48x48.png" alt="Firefox" width="24px" height="24px"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a><br>Firefox</th> <th style="text-align:center;"><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="/img/support/chrome_48x48.png" alt="Chrome" width="24px" height="24px"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a><br>Chrome</th> <th style="text-align:center;"><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="/img/support/safari_48x48.png" alt="Safari" width="24px" height="24px"><span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a><br>Safari</th></tr></thead> <tbody><tr><td style="text-align:center;">不支持</td> <td style="text-align:center;">最后两个版本</td> <td style="text-align:center;">最后两个版本</td> <td style="text-align:center;">最后两个版本</td> <td style="text-align:center;">最后两个版本</td></tr></tbody></table> <h2 id="维护者"><a href="#维护者" class="header-anchor">#</a> 维护者</h2> <p><a href="https://github.com/xiaoxian521" target="_blank" rel="noopener noreferrer">xiaoxian521<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>、<a href="https://github.com/Ten-K" target="_blank" rel="noopener noreferrer">Ten-K<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="问题反馈"><a href="#问题反馈" class="header-anchor">#</a> 问题反馈</h2> <p>发送问题至平台唯一网易邮箱账号 <code>pureadmin@163.com</code></p></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
@@ -120,7 +120,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><!----> <a href="/pages/start/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">快速开始</div></a></div> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/pages/start/">快速开始</a>→
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><!----> <a href="/pages/start/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">快速开始</div></a></div> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/pages/start/">快速开始</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
     Theme by
     <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
@@ -128,6 +128,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/28.93fb1f8f.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/28.c486989b.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/js/index.html b/pages/js/index.html
index 5bbc75400..89c9c40ba 100644
--- a/pages/js/index.html
+++ b/pages/js/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/7.e89c9859.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/7.524f456a.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu only-sidebarItem"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">JS版本<!----></h1>  <div class="theme-vdoing-content content__default" data-v-1e57759c data-v-1e57759c><h3 id="介绍" data-v-1e57759c><a href="#介绍" class="header-anchor" data-v-1e57759c>#</a> 介绍</h3> <p data-v-1e57759c><code data-v-1e57759c>JS</code>版本即<code data-v-1e57759c>pure-admin-thin-js</code>，它是 <a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>pure-admin-thin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的<code data-v-1e57759c>js</code>版本，同时拥有<code data-v-1e57759c>国际化</code>和<code data-v-1e57759c>非国际化</code>两个版本并且会<code data-v-1e57759c>永久同步</code>代码。<code data-v-1e57759c>JS</code>版本将之前所有使用<code data-v-1e57759c>TypeScript</code>语法的代码或文件全量替换为<code data-v-1e57759c>JavaScript</code>语法，也就意味着您在编写代码时可以更加地随意，无需编写<code data-v-1e57759c>ts</code>类型。<code data-v-1e57759c>JS</code>版本<code data-v-1e57759c>快速易上手</code>、更适合需要<code data-v-1e57759c>快速开发上线</code>的项目、更适合<code data-v-1e57759c>二次开发</code>、更容易<code data-v-1e57759c>同步更新代码</code>、它也避免了开发人员将 <code data-v-1e57759c>TypeScript</code> 和 <code data-v-1e57759c>JavaScript</code> 混用带来后续难以维护的问题。对于初学者、小团队或者想要学习源码的朋友，推荐首选<code data-v-1e57759c>JS</code>版本！</p> <p data-v-1e57759c><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>vue-pure-admin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 每次发版后，<code data-v-1e57759c>JS</code>版本将优先同步更新，最晚一周内同步更新完成，而 <a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>pure-admin-thin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 版本最晚一个月内同步更新完成。</p> <p data-v-1e57759c><code data-v-1e57759c>JS</code>版本让精简版更加精简，让代码编写更加顺手，让项目交付更加快速！</p> <h3 id="价格" data-v-1e57759c><a href="#价格" class="header-anchor" data-v-1e57759c>#</a> 价格</h3> <p data-v-1e57759c>原价<span class="money-deleted" data-v-1e57759c><code data-v-1e57759c>￥300</code></span>，限时<code data-v-1e57759c>￥188</code> <span id="js-time" style="color:red;" data-v-1e57759c></span></p> <h3 id="如何购买" data-v-1e57759c><a href="#如何购买" class="header-anchor" data-v-1e57759c>#</a> 如何购买</h3> <p data-v-1e57759c>加微信号: <code data-v-1e57759c>pureadmin</code> 或扫下方二维码，添加时请备注<code data-v-1e57759c>js</code>，无备注会被忽略</p> <img src="/img/support/addWx.jpg" width="180px" height="180px" data-v-1e57759c> <h3 id="限时特惠活动" data-v-1e57759c><a href="#限时特惠活动" class="header-anchor" data-v-1e57759c>#</a> 限时特惠活动</h3> <p data-v-1e57759c>现推出<code data-v-1e57759c>JS</code>版本与<code data-v-1e57759c>Max</code>版本的组合限时特惠，总价仅需<code data-v-1e57759c>￥300</code></p> <h3 id="温馨提示" data-v-1e57759c><a href="#温馨提示" class="header-anchor" data-v-1e57759c>#</a> 温馨提示</h3> <p data-v-1e57759c><code data-v-1e57759c>JS</code>版本代码存放于 <a href="https://github.com/" target="_blank" rel="noopener noreferrer" data-v-1e57759c>github<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，添加上方微信后请提供您的 <a href="/pages/FAQ/#github账号在哪里看" data-v-1e57759c>github 账号</a> ，我会拉您进<code data-v-1e57759c>pure-admin-thin-js</code>私有仓库</p> <h3 id="超低成本切换js版本教程" data-v-1e57759c><a href="#超低成本切换js版本教程" class="header-anchor" data-v-1e57759c>#</a> 超低成本切换<code data-v-1e57759c>JS</code>版本教程</h3> <p data-v-1e57759c>用户疑问：<code data-v-1e57759c>pure-admin-thin-js</code>是 <a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>pure-admin-thin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的<code data-v-1e57759c>js</code>版本，那如果需要 <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>完整版<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的一些业务页面或组件，比如 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system" target="_blank" rel="noopener noreferrer" data-v-1e57759c>系统管理<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 里的所有页面还有<code data-v-1e57759c>src/components</code>文件夹里的一些组件，比如 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReVxeTableBar" target="_blank" rel="noopener noreferrer" data-v-1e57759c>ReVxeTableBar<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，它们该怎么切换为<code data-v-1e57759c>js</code>版本呢？</p> <p data-v-1e57759c>平台回答：我们会提供免费的教学视频，会演示如何将系统管理里的所有页面和<code data-v-1e57759c>src/components</code>里的组件改为<code data-v-1e57759c>js</code>版本并放到<code data-v-1e57759c>pure-admin-thin-js</code>中</p> <p data-v-1e57759c>教程地址：<a href="https://www.bilibili.com/video/BV1Wr421F7oj/" target="_blank" rel="noopener noreferrer" data-v-1e57759c>点击观看教程<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p data-v-1e57759c><span style="color:red;" data-v-1e57759c>当然我们还提供了<code data-v-1e57759c>full</code>分支，该分支迁移了完整版中 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system" target="_blank" rel="noopener noreferrer" data-v-1e57759c>系统管理<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的所有页面和 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components" target="_blank" rel="noopener noreferrer" data-v-1e57759c>/src/components<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 文件夹中所有的组件，如下图：</span></p> <p data-v-1e57759c><img src="/assets/img/full.5e2f69dd.jpg" alt="full" data-v-1e57759c></p> <h3 id="相关截图" data-v-1e57759c><a href="#相关截图" class="header-anchor" data-v-1e57759c>#</a> 相关截图</h3> <p data-v-1e57759c><img src="/assets/img/1.6de0d9f0.jpg" alt="js1" data-v-1e57759c> <img src="/assets/img/2.bb8507e8.jpg" alt="js2" data-v-1e57759c> <img src="/assets/img/3.9bbe1f9b.jpg" alt="js3" data-v-1e57759c> <img src="/assets/img/4.81572176.jpg" alt="js4" data-v-1e57759c> <img src="/assets/img/5.6c2d9065.jpg" alt="js5" data-v-1e57759c> <img src="/assets/img/6.ae5807f4.jpg" alt="js6" data-v-1e57759c></p></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">JS版本<!----></h1>  <div class="theme-vdoing-content content__default" data-v-1e57759c data-v-1e57759c><h3 id="介绍" data-v-1e57759c><a href="#介绍" class="header-anchor" data-v-1e57759c>#</a> 介绍</h3> <p data-v-1e57759c><code data-v-1e57759c>JS</code>版本即<code data-v-1e57759c>pure-admin-thin-js</code>，它是 <a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>pure-admin-thin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的<code data-v-1e57759c>js</code>版本，同时拥有<code data-v-1e57759c>国际化</code>和<code data-v-1e57759c>非国际化</code>两个版本并且会<code data-v-1e57759c>永久同步</code>代码。<code data-v-1e57759c>JS</code>版本将之前所有使用<code data-v-1e57759c>TypeScript</code>语法的代码或文件全量替换为<code data-v-1e57759c>JavaScript</code>语法，也就意味着您在编写代码时可以更加地随意，无需编写<code data-v-1e57759c>ts</code>类型。<code data-v-1e57759c>JS</code>版本<code data-v-1e57759c>快速易上手</code>、更适合需要<code data-v-1e57759c>快速开发上线</code>的项目、更适合<code data-v-1e57759c>二次开发</code>、更容易<code data-v-1e57759c>同步更新代码</code>、它也避免了开发人员将 <code data-v-1e57759c>TypeScript</code> 和 <code data-v-1e57759c>JavaScript</code> 混用带来后续难以维护的问题。对于初学者、小团队或者想要学习源码的朋友，推荐首选<code data-v-1e57759c>JS</code>版本！</p> <p data-v-1e57759c><a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>vue-pure-admin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 每次发版后，<code data-v-1e57759c>JS</code>版本将优先同步更新，最晚一周内同步更新完成，而 <a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>pure-admin-thin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 版本最晚一个月内同步更新完成。</p> <p data-v-1e57759c><code data-v-1e57759c>JS</code>版本让精简版更加精简，让代码编写更加顺手，让项目交付更加快速！</p> <h3 id="价格" data-v-1e57759c><a href="#价格" class="header-anchor" data-v-1e57759c>#</a> 价格</h3> <p data-v-1e57759c>原价<span class="money-deleted" data-v-1e57759c><code data-v-1e57759c>￥300</code></span>，限时<code data-v-1e57759c>￥188</code> <span id="js-time" style="color:red;" data-v-1e57759c></span></p> <h3 id="如何购买" data-v-1e57759c><a href="#如何购买" class="header-anchor" data-v-1e57759c>#</a> 如何购买</h3> <p data-v-1e57759c>加微信号: <code data-v-1e57759c>pureadmin</code> 或扫下方二维码，添加时请备注<code data-v-1e57759c>js</code>，无备注会被忽略</p> <img src="/img/support/addWx.jpg" width="180px" height="180px" data-v-1e57759c> <h3 id="限时特惠活动" data-v-1e57759c><a href="#限时特惠活动" class="header-anchor" data-v-1e57759c>#</a> 限时特惠活动</h3> <p data-v-1e57759c>现推出<code data-v-1e57759c>JS</code>版本与<code data-v-1e57759c>Max</code>版本的组合限时特惠，总价仅需<code data-v-1e57759c>￥300</code></p> <h3 id="温馨提示" data-v-1e57759c><a href="#温馨提示" class="header-anchor" data-v-1e57759c>#</a> 温馨提示</h3> <p data-v-1e57759c><code data-v-1e57759c>JS</code>版本代码存放于 <a href="https://github.com/" target="_blank" rel="noopener noreferrer" data-v-1e57759c>github<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，添加上方微信后请提供您的 <a href="/pages/FAQ/#github账号在哪里看" data-v-1e57759c>github 账号</a> ，我会拉您进<code data-v-1e57759c>pure-admin-thin-js</code>私有仓库</p> <h3 id="超低成本切换js版本教程" data-v-1e57759c><a href="#超低成本切换js版本教程" class="header-anchor" data-v-1e57759c>#</a> 超低成本切换<code data-v-1e57759c>JS</code>版本教程</h3> <p data-v-1e57759c>用户疑问：<code data-v-1e57759c>pure-admin-thin-js</code>是 <a href="https://github.com/pure-admin/pure-admin-thin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>pure-admin-thin<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的<code data-v-1e57759c>js</code>版本，那如果需要 <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" rel="noopener noreferrer" data-v-1e57759c>完整版<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的一些业务页面或组件，比如 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system" target="_blank" rel="noopener noreferrer" data-v-1e57759c>系统管理<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 里的所有页面还有<code data-v-1e57759c>src/components</code>文件夹里的一些组件，比如 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components/ReVxeTableBar" target="_blank" rel="noopener noreferrer" data-v-1e57759c>ReVxeTableBar<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，它们该怎么切换为<code data-v-1e57759c>js</code>版本呢？</p> <p data-v-1e57759c>平台回答：我们会提供免费的教学视频，会演示如何将系统管理里的所有页面和<code data-v-1e57759c>src/components</code>里的组件改为<code data-v-1e57759c>js</code>版本并放到<code data-v-1e57759c>pure-admin-thin-js</code>中</p> <p data-v-1e57759c>教程地址：<a href="https://www.bilibili.com/video/BV1Wr421F7oj/" target="_blank" rel="noopener noreferrer" data-v-1e57759c>点击观看教程<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p data-v-1e57759c><span style="color:red;" data-v-1e57759c>当然我们还提供了<code data-v-1e57759c>full</code>分支，该分支迁移了完整版中 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/system" target="_blank" rel="noopener noreferrer" data-v-1e57759c>系统管理<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 的所有页面和 <a href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/components" target="_blank" rel="noopener noreferrer" data-v-1e57759c>/src/components<span data-v-1e57759c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 文件夹中所有的组件，如下图：</span></p> <p data-v-1e57759c><img src="/assets/img/full.5e2f69dd.jpg" alt="full" data-v-1e57759c></p> <h3 id="相关截图" data-v-1e57759c><a href="#相关截图" class="header-anchor" data-v-1e57759c>#</a> 相关截图</h3> <p data-v-1e57759c><img src="/assets/img/1.6de0d9f0.jpg" alt="js1" data-v-1e57759c> <img src="/assets/img/2.bb8507e8.jpg" alt="js2" data-v-1e57759c> <img src="/assets/img/3.9bbe1f9b.jpg" alt="js3" data-v-1e57759c> <img src="/assets/img/4.81572176.jpg" alt="js4" data-v-1e57759c> <img src="/assets/img/5.6c2d9065.jpg" alt="js5" data-v-1e57759c> <img src="/assets/img/6.ae5807f4.jpg" alt="js6" data-v-1e57759c></p></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
           style="display:block"
           data-ad-client="ca-pub-7828333725993554"
@@ -117,13 +117,13 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
     Theme by
     <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
       | Copyright © 2020-2024
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/7.e89c9859.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/7.524f456a.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/layout/index.html b/pages/layout/index.html
index 62efa9095..f5c42567e 100644
--- a/pages/layout/index.html
+++ b/pages/layout/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/11.72d40ae5.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/11.72d40ae5.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" aria-current="page" class="nav-link router-link-exact-active router-link-active">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/config/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">平台配置</div></a> <a href="/pages/routerMenu/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">路由和菜单</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/config/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">平台配置</div></a> <a href="/pages/routerMenu/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">路由和菜单</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/config/" class="prev">平台配置</a></span> <span class="next"><a href="/pages/routerMenu/">路由和菜单</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -127,6 +127,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/11.72d40ae5.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/11.72d40ae5.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/max/index.html b/pages/max/index.html
index 5732e86ae..6f449addc 100644
--- a/pages/max/index.html
+++ b/pages/max/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/5.340f0ffa.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/5.af6dde15.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu only-sidebarItem"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -117,13 +117,13 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
     Theme by
     <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
       | Copyright © 2020-2024
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/5.340f0ffa.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/5.af6dde15.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/nologin/index.html b/pages/nologin/index.html
index a1c40f8e6..0f93e7318 100644
--- a/pages/nologin/index.html
+++ b/pages/nologin/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/25.87494712.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/25.87494712.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" aria-current="page" class="nav-link router-link-exact-active router-link-active">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/sso/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">单点登录</div></a> <a href="/pages/buildgood/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">打包优化</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/sso/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">单点登录</div></a> <a href="/pages/buildgood/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">打包优化</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/sso/" class="prev">单点登录</a></span> <span class="next"><a href="/pages/buildgood/">打包优化</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -127,6 +127,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/25.87494712.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/25.87494712.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/opensource/index.html b/pages/opensource/index.html
index 8b885064f..e66f831a0 100644
--- a/pages/opensource/index.html
+++ b/pages/opensource/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/31.a928322c.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/31.a928322c.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" aria-current="page" class="nav-link router-link-exact-active router-link-active">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" aria-current="page" class="nav-link router-link-exact-active router-link-active">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><!----> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">对接平台的前后端项目<!----></h1>  <div class="theme-vdoing-content content__default"><p>对接 <code>pure-admin</code> 的开源项目，非官方项目<br>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><!----> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">对接平台的前后端项目<!----></h1>  <div class="theme-vdoing-content content__default"><p>对接 <code>pure-admin</code> 的开源项目，非官方项目<br>
 感谢开源大佬们选择了 <code>pure-admin</code> ❤️</p> <p><code>boot-admin</code>（Java SpringBoot）</p> <p><a href="https://github.com/hb0730/boot-admin-ui" target="_blank" rel="noopener noreferrer">前端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/hb0730/boot-admin" target="_blank" rel="noopener noreferrer">后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://boot-admin.hb0730.com" target="_blank" rel="noopener noreferrer">预览地址<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>(登录用户名：<code>13111111111</code> 密码：<code>Admin123456</code>)</p> <p><code>AgileBoot</code>（Java SpringBoot）</p> <p><a href="https://github.com/valarchie/AgileBoot-Front-End" target="_blank" rel="noopener noreferrer">前端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/valarchie/AgileBoot-Back-End" target="_blank" rel="noopener noreferrer">后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="http://www.agileboot.cc" target="_blank" rel="noopener noreferrer">预览地址<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>(登录用户名：<code>admin</code> 密码：<code>admin123</code>)</p> <p><code>Halcyon-Admin</code>（Java SpringBoot）</p> <p><a href="https://github.com/hhfb8848/halcyon-admin-ui" target="_blank" rel="noopener noreferrer">前端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/hhfb8848/halcyon-springboot" target="_blank" rel="noopener noreferrer">后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="http://36.111.172.53:8848" target="_blank" rel="noopener noreferrer">预览地址<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>(登录用户名：<code>admin</code> 密码：<code>admin123456</code>)</p> <p><code>bunny-admin-web</code>（Java SpringBoot）</p> <p><a href="https://gitee.com/BunnyBoss/bunny-admin-web" target="_blank" rel="noopener noreferrer">前端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://gitee.com/BunnyBoss/bunny-admin-server" target="_blank" rel="noopener noreferrer">后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="http://bunny-web.site/" target="_blank" rel="noopener noreferrer">预览地址<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <p><code>go-admin</code>（Go）</p> <p><a href="https://github.com/anerg2046/go-admin-front" target="_blank" rel="noopener noreferrer">前端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/anerg2046/go-admin-server" target="_blank" rel="noopener noreferrer">后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://admin.fabraze.com/" target="_blank" rel="noopener noreferrer">预览地址<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>(登录用户名：<code>admin</code> 密码：<code>admin1234</code>)</p> <p><code>xadmin</code>（Python Django）</p> <p><a href="https://github.com/nineaiyu/xadmin-client" target="_blank" rel="noopener noreferrer">前端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://github.com/nineaiyu/xadmin-server" target="_blank" rel="noopener noreferrer">后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://xadmin.dvcloud.xin/" target="_blank" rel="noopener noreferrer">预览地址<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>(登录用户名：<code>admin</code> 密码：<code>admin123</code>)</p> <p><code>PurestAdmin</code>（C# .NET 8）</p> <p><a href="https://gitee.com/dymproject/purest-admin/tree/main/client-vue" target="_blank" rel="noopener noreferrer">前端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="https://gitee.com/dymproject/purest-admin/tree/main/api" target="_blank" rel="noopener noreferrer">后端代码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <a href="http://www.purestadmin.com" target="_blank" rel="noopener noreferrer">预览地址<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>(登录用户名：<code>admin</code> 密码：<code>123456</code>)</p> <div class="custom-block tip"><p class="custom-block-title">温馨提示</p> <p>对接的开源项目如需挂到此处，必须有前端、后端源代码地址以及预览地址</p></div></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
           style="display:block"
@@ -118,7 +118,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/optimize/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">vite预构建</div></a> <a href="/pages/utils/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">函数工具库</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/optimize/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">vite预构建</div></a> <a href="/pages/utils/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">函数工具库</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/optimize/" class="prev">vite预构建</a></span> <span class="next"><a href="/pages/utils/">函数工具库</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -128,6 +128,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/31.a928322c.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/31.a928322c.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/optimize/index.html b/pages/optimize/index.html
index 668781121..ce9308eb2 100644
--- a/pages/optimize/index.html
+++ b/pages/optimize/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/26.62302f24.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/26.720db236.js" as="script"><link rel="preload" href="/assets/js/17.0f1913b0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" aria-current="page" class="nav-link router-link-exact-active router-link-active">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">vite预构建<!----></h1>  <div class="theme-vdoing-content content__default"><p>主要介绍下如何在 <code>pure-admin</code> 平台进行正确有效的 <code>vite</code> 预构建配置</p> <h2 id="include"><a href="#include" class="header-anchor">#</a> <code>include</code></h2> <p><a href="https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L7" target="_blank" rel="noopener noreferrer">optimizeDeps.include<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 配置为需要预构建的模块。<code>vite</code> 启动时会将 <code>optimizeDeps.include</code> 里的模块，编译成 <code>esm</code> 格式并缓存到 <code>node_modules/.vite</code> 文件夹，页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存，如果没有会读取本地缓存并按需加载</p> <p><img src="/assets/img/optimize.b8e2fb94.jpg" alt="theme"></p> <p>下面是精简版 <code>optimizeDeps.include</code> 配置，将 <a href="https://github.com/pure-admin/pure-admin-thin/blob/main/package.json#L50-L75" target="_blank" rel="noopener noreferrer">dependencies<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 大部分未全局安装的模块都配置进来，当然如果模块里面的东西很少，也就是里面方法不多，可以不用配置进来直接让浏览器加载即可（您自己安装的模块也是参考该配置）</p> <details class="custom-block details"><summary>点击查看</summary> <div class="language-ts line-numbers-mode"><pre class="language-ts"><code><span class="token keyword">const</span> include <span class="token operator">=</span> <span class="token punctuation">[</span>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">vite预构建<!----></h1>  <div class="theme-vdoing-content content__default"><p>主要介绍下如何在 <code>pure-admin</code> 平台进行正确有效的 <code>vite</code> 预构建配置</p> <h2 id="include"><a href="#include" class="header-anchor">#</a> <code>include</code></h2> <p><a href="https://github.com/pure-admin/pure-admin-thin/blob/main/build/optimize.ts#L7" target="_blank" rel="noopener noreferrer">optimizeDeps.include<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 配置为需要预构建的模块。<code>vite</code> 启动时会将 <code>optimizeDeps.include</code> 里的模块，编译成 <code>esm</code> 格式并缓存到 <code>node_modules/.vite</code> 文件夹，页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存，如果没有会读取本地缓存并按需加载</p> <p><img src="/assets/img/optimize.b8e2fb94.jpg" alt="theme"></p> <p>下面是精简版 <code>optimizeDeps.include</code> 配置，将 <a href="https://github.com/pure-admin/pure-admin-thin/blob/main/package.json#L50-L75" target="_blank" rel="noopener noreferrer">dependencies<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 大部分未全局安装的模块都配置进来，当然如果模块里面的东西很少，也就是里面方法不多，可以不用配置进来直接让浏览器加载即可（您自己安装的模块也是参考该配置）</p> <details class="custom-block details"><summary>点击查看</summary> <div class="language-ts line-numbers-mode"><pre class="language-ts"><code><span class="token keyword">const</span> include <span class="token operator">=</span> <span class="token punctuation">[</span>
   <span class="token string">&quot;qs&quot;</span><span class="token punctuation">,</span>
   <span class="token string">&quot;mitt&quot;</span><span class="token punctuation">,</span>
   <span class="token string">&quot;dayjs&quot;</span><span class="token punctuation">,</span>
@@ -137,7 +137,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/buildgood/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">打包优化</div></a> <a href="/pages/opensource/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">对接平台的前后端项目</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/buildgood/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">打包优化</div></a> <a href="/pages/opensource/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">对接平台的前后端项目</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/buildgood/" class="prev">打包优化</a></span> <span class="next"><a href="/pages/opensource/">对接平台的前后端项目</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -147,6 +147,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/26.62302f24.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/26.720db236.js" defer></script><script src="/assets/js/17.0f1913b0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/recommendation/index.html b/pages/recommendation/index.html
index 5e4814d71..52f9b39ce 100644
--- a/pages/recommendation/index.html
+++ b/pages/recommendation/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/36.21ce4462.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/36.fe2d5b28.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" aria-current="page" class="nav-link router-link-exact-active router-link-active">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><!----> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">技术网站推荐<!----></h1>  <div class="theme-vdoing-content content__default"><p>收集一些 <code>有用</code>、<code>常用</code>、<code>好用</code> 的网站</p> <table><thead><tr><th style="text-align:left;"><a href="https://cn.vuejs.org/" target="_blank" rel="noopener noreferrer">vue3 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></th> <th style="text-align:left;"><a href="https://cn.vitejs.dev/" target="_blank" rel="noopener noreferrer">vite 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></th> <th style="text-align:left;"><a href="https://element-plus.org/zh-CN/" target="_blank" rel="noopener noreferrer">element-plus 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></th></tr></thead> <tbody><tr><td style="text-align:left;"><a href="https://pinia.vuejs.org/zh/index.html" target="_blank" rel="noopener noreferrer">pinia 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://router.vuejs.org/zh/" target="_blank" rel="noopener noreferrer">vue-router 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://tailwindcss.com/docs/installation" target="_blank" rel="noopener noreferrer">Tailwind CSS 官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://cn.vitest.dev/" target="_blank" rel="noopener noreferrer">vitest 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://es6.ruanyifeng.com/#docs/proxy" target="_blank" rel="noopener noreferrer">es6 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://axios-http.com/zh/" target="_blank" rel="noopener noreferrer">axios 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://vxetable.cn/#/table/start/install" target="_blank" rel="noopener noreferrer">vxetable 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.lodashjs.com/" target="_blank" rel="noopener noreferrer">lodash 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://echarts.apache.org/zh/index.html" target="_blank" rel="noopener noreferrer">echarts 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://animate.style/" target="_blank" rel="noopener noreferrer">animate.css 官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.meigong8.com/" target="_blank" rel="noopener noreferrer">设计师必备网站<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript" target="_blank" rel="noopener noreferrer">JavaScript 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://github.com/airbnb/javascript" target="_blank" rel="noopener noreferrer">JavaScript 风格指南一<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://github.com/airbnb/javascript" target="_blank" rel="noopener noreferrer">JavaScript 风格指南二<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://cn.rollupjs.org/" target="_blank" rel="noopener noreferrer">rollup 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://vueuse.org/" target="_blank" rel="noopener noreferrer">vueuse 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://day.js.org/zh-CN/" target="_blank" rel="noopener noreferrer">dayjs 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.tslang.cn/docs/home.html" target="_blank" rel="noopener noreferrer">typescript 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://swiperjs.com/demos#default" target="_blank" rel="noopener noreferrer">swiper 官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://vue-i18n.intlify.dev/" target="_blank" rel="noopener noreferrer">vue-i18n 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://caniuse.com/" target="_blank" rel="noopener noreferrer">caniuse 浏览器兼容性查询<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://pnpm.io/zh/" target="_blank" rel="noopener noreferrer">pnpm 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://tauri.app/zh/" target="_blank" rel="noopener noreferrer">tauri 中文官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.electronjs.org/zh/docs/latest" target="_blank" rel="noopener noreferrer">electron 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://nuxt.com.cn/" target="_blank" rel="noopener noreferrer">nuxt3 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://motion.vueuse.org/" target="_blank" rel="noopener noreferrer">vue3 动画库 @vueuse/motion<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://pure-admin-utils.netlify.app/" target="_blank" rel="noopener noreferrer">常用工具函数库 @pureadmin/utils<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://rustwiki.org/" target="_blank" rel="noopener noreferrer">Rust 官方文档中文教程<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://stackblitz.com/" target="_blank" rel="noopener noreferrer">StackBlitz 在线开发工具<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://react.docschina.org/" target="_blank" rel="noopener noreferrer">React 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://nodejs.cn/" target="_blank" rel="noopener noreferrer">nodejs 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://zh-hans.eslint.org/" target="_blank" rel="noopener noreferrer">ESLint 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://prettier.io/docs/en/" target="_blank" rel="noopener noreferrer">Prettier 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://stylelint.nodejs.cn/" target="_blank" rel="noopener noreferrer">Stylelint 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://babel.docschina.org/docs/" target="_blank" rel="noopener noreferrer">Babel 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://esbuild.bootcss.com/" target="_blank" rel="noopener noreferrer">esbuild 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://atomiks.github.io/tippyjs/" target="_blank" rel="noopener noreferrer">tippy.js 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://vue-tippy.netlify.app/installation" target="_blank" rel="noopener noreferrer">vue-tippy 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"></td></tr></tbody></table></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><!----> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">技术网站推荐<!----></h1>  <div class="theme-vdoing-content content__default"><p>收集一些 <code>有用</code>、<code>常用</code>、<code>好用</code> 的网站</p> <table><thead><tr><th style="text-align:left;"><a href="https://cn.vuejs.org/" target="_blank" rel="noopener noreferrer">vue3 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></th> <th style="text-align:left;"><a href="https://cn.vitejs.dev/" target="_blank" rel="noopener noreferrer">vite 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></th> <th style="text-align:left;"><a href="https://element-plus.org/zh-CN/" target="_blank" rel="noopener noreferrer">element-plus 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></th></tr></thead> <tbody><tr><td style="text-align:left;"><a href="https://pinia.vuejs.org/zh/index.html" target="_blank" rel="noopener noreferrer">pinia 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://router.vuejs.org/zh/" target="_blank" rel="noopener noreferrer">vue-router 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://tailwindcss.com/docs/installation" target="_blank" rel="noopener noreferrer">Tailwind CSS 官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://cn.vitest.dev/" target="_blank" rel="noopener noreferrer">vitest 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://es6.ruanyifeng.com/#docs/proxy" target="_blank" rel="noopener noreferrer">es6 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://axios-http.com/zh/" target="_blank" rel="noopener noreferrer">axios 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://vxetable.cn/#/table/start/install" target="_blank" rel="noopener noreferrer">vxetable 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.lodashjs.com/" target="_blank" rel="noopener noreferrer">lodash 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://echarts.apache.org/zh/index.html" target="_blank" rel="noopener noreferrer">echarts 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://animate.style/" target="_blank" rel="noopener noreferrer">animate.css 官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.meigong8.com/" target="_blank" rel="noopener noreferrer">设计师必备网站<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript" target="_blank" rel="noopener noreferrer">JavaScript 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://github.com/airbnb/javascript" target="_blank" rel="noopener noreferrer">JavaScript 风格指南一<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://github.com/airbnb/javascript" target="_blank" rel="noopener noreferrer">JavaScript 风格指南二<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://cn.rollupjs.org/" target="_blank" rel="noopener noreferrer">rollup 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://vueuse.org/" target="_blank" rel="noopener noreferrer">vueuse 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://day.js.org/zh-CN/" target="_blank" rel="noopener noreferrer">dayjs 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.tslang.cn/docs/home.html" target="_blank" rel="noopener noreferrer">typescript 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://swiperjs.com/demos#default" target="_blank" rel="noopener noreferrer">swiper 官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://vue-i18n.intlify.dev/" target="_blank" rel="noopener noreferrer">vue-i18n 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://caniuse.com/" target="_blank" rel="noopener noreferrer">caniuse 浏览器兼容性查询<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://pnpm.io/zh/" target="_blank" rel="noopener noreferrer">pnpm 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://tauri.app/zh/" target="_blank" rel="noopener noreferrer">tauri 中文官方文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://www.electronjs.org/zh/docs/latest" target="_blank" rel="noopener noreferrer">electron 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://nuxt.com.cn/" target="_blank" rel="noopener noreferrer">nuxt3 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://motion.vueuse.org/" target="_blank" rel="noopener noreferrer">vue3 动画库 @vueuse/motion<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://pure-admin-utils.netlify.app/" target="_blank" rel="noopener noreferrer">常用工具函数库 @pureadmin/utils<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://rustwiki.org/" target="_blank" rel="noopener noreferrer">Rust 官方文档中文教程<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://stackblitz.com/" target="_blank" rel="noopener noreferrer">StackBlitz 在线开发工具<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://react.docschina.org/" target="_blank" rel="noopener noreferrer">React 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://nodejs.cn/" target="_blank" rel="noopener noreferrer">nodejs 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://zh-hans.eslint.org/" target="_blank" rel="noopener noreferrer">ESLint 官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://prettier.io/docs/en/" target="_blank" rel="noopener noreferrer">Prettier 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://stylelint.nodejs.cn/" target="_blank" rel="noopener noreferrer">Stylelint 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://babel.docschina.org/docs/" target="_blank" rel="noopener noreferrer">Babel 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://esbuild.bootcss.com/" target="_blank" rel="noopener noreferrer">esbuild 中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td style="text-align:left;"><a href="https://atomiks.github.io/tippyjs/" target="_blank" rel="noopener noreferrer">tippy.js 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"><a href="https://vue-tippy.netlify.app/installation" target="_blank" rel="noopener noreferrer">vue-tippy 文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td style="text-align:left;"></td></tr></tbody></table></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
           style="display:block"
           data-ad-client="ca-pub-7828333725993554"
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/git/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">git常用命令</div></a> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/git/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">git常用命令</div></a> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/git/" class="prev">git常用命令</a></span> <!----></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
     Theme by
@@ -126,6 +126,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/36.21ce4462.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/36.fe2d5b28.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/request/index.html b/pages/request/index.html
index 53b59fc78..99d6ddf5c 100644
--- a/pages/request/index.html
+++ b/pages/request/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/22.21510ed2.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/22.d57749f7.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" aria-current="page" class="nav-link router-link-exact-active router-link-active">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -305,7 +305,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/routerMenu/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">路由和菜单</div></a> <a href="/pages/build/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">打包和部署</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/routerMenu/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">路由和菜单</div></a> <a href="/pages/build/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">打包和部署</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/routerMenu/" class="prev">路由和菜单</a></span> <span class="next"><a href="/pages/build/">打包和部署</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -315,6 +315,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/22.21510ed2.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/22.d57749f7.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/routerMenu/index.html b/pages/routerMenu/index.html
index 5e865ff9e..f68d697ea 100644
--- a/pages/routerMenu/index.html
+++ b/pages/routerMenu/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/4.67b4810f.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/4.f06e4354.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" aria-current="page" class="nav-link router-link-exact-active router-link-active">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">路由和菜单<!----></h1>  <div class="theme-vdoing-content content__default"><p>路由和菜单是极为重要的，配置正确很关键，平台尽最大可能详细描述</p> <h2 id="路由和菜单配置"><a href="#路由和菜单配置" class="header-anchor">#</a> 路由和菜单配置</h2> <details class="custom-block details"><summary>点击查看完整路由和菜单配置</summary> <div class="language-Ts line-numbers-mode"><pre class="language-ts"><code><span class="token keyword">interface</span> <span class="token class-name">RouteConfigsTable</span> <span class="token punctuation">{</span>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">路由和菜单<!----></h1>  <div class="theme-vdoing-content content__default"><p>路由和菜单是极为重要的，配置正确很关键，平台尽最大可能详细描述</p> <h2 id="路由和菜单配置"><a href="#路由和菜单配置" class="header-anchor">#</a> 路由和菜单配置</h2> <details class="custom-block details"><summary>点击查看完整路由和菜单配置</summary> <div class="language-Ts line-numbers-mode"><pre class="language-ts"><code><span class="token keyword">interface</span> <span class="token class-name">RouteConfigsTable</span> <span class="token punctuation">{</span>
   <span class="token comment">// 路由路径</span>
   path<span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
   <span class="token comment">// 路由名称（必须保持唯一）</span>
@@ -769,7 +769,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/layout/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">布局</div></a> <a href="/pages/request/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">http请求</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/layout/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">布局</div></a> <a href="/pages/request/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">http请求</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/layout/" class="prev">布局</a></span> <span class="next"><a href="/pages/request/">http请求</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -779,6 +779,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/4.67b4810f.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/4.f06e4354.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/service/index.html b/pages/service/index.html
index da316fdb8..ef144ada4 100644
--- a/pages/service/index.html
+++ b/pages/service/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/21.c61f99ac.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/21.50a27a99.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu only-sidebarItem"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -120,13 +120,13 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
     Theme by
     <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
       | Copyright © 2020-2024
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/21.c61f99ac.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/21.50a27a99.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/sponsor/index.html b/pages/sponsor/index.html
index e89898790..5441827b5 100644
--- a/pages/sponsor/index.html
+++ b/pages/sponsor/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/37.11cc25ac.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/37.11cc25ac.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu only-sidebarItem"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">赞助<!----></h1>  <div class="theme-vdoing-content content__default"><h2 id="企业赞助"><a href="#企业赞助" class="header-anchor">#</a> 企业赞助</h2> <p>成为赞助商即可获得以下服务</p> <p>将贵公司 <code>LOGO</code> 同时展示在 <a href="https://pure-admin.github.io/vue-pure-admin" target="_blank" rel="noopener noreferrer">pure-admin 预览官网<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 、<a href="https://pure-admin.cn" target="_blank" rel="noopener noreferrer">pure-admin 文档官网<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 以及 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/README.md" target="_blank" rel="noopener noreferrer">GitHub 仓库 README<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 页面的明显位置。</p> <p><code>pure-admin</code> 文档官网 <code>日均约3万</code> 浏览量，更多详情请加最上方微信备注 <code>企业赞助</code> 进行详聊。</p> <h2 id="个人赞助"><a href="#个人赞助" class="header-anchor">#</a> 个人赞助</h2> <p>如果 <code>pure-admin</code> 帮助到了您，可以选择任意金额扫下方二维码进行赞助。赞助金额大于 <code>10</code> 元时，可在赞助时备注您的 <code>Github</code> 或 <code>Gitee</code> 或某个博客地址，我们会将其加入下方赞助名单中。您的赞助也会推动我们开发更多优质免费代码、补充更多优质免费文档、发布更多 <a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer">优质免费视频教程<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div><img src="/img/support/ali.png" width="200px" height="220px">
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">赞助<!----></h1>  <div class="theme-vdoing-content content__default"><h2 id="企业赞助"><a href="#企业赞助" class="header-anchor">#</a> 企业赞助</h2> <p>成为赞助商即可获得以下服务</p> <p>将贵公司 <code>LOGO</code> 同时展示在 <a href="https://pure-admin.github.io/vue-pure-admin" target="_blank" rel="noopener noreferrer">pure-admin 预览官网<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 、<a href="https://pure-admin.cn" target="_blank" rel="noopener noreferrer">pure-admin 文档官网<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 以及 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/README.md" target="_blank" rel="noopener noreferrer">GitHub 仓库 README<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 页面的明显位置。</p> <p><code>pure-admin</code> 文档官网 <code>日均约3万</code> 浏览量，更多详情请加最上方微信备注 <code>企业赞助</code> 进行详聊。</p> <h2 id="个人赞助"><a href="#个人赞助" class="header-anchor">#</a> 个人赞助</h2> <p>如果 <code>pure-admin</code> 帮助到了您，可以选择任意金额扫下方二维码进行赞助。赞助金额大于 <code>10</code> 元时，可在赞助时备注您的 <code>Github</code> 或 <code>Gitee</code> 或某个博客地址，我们会将其加入下方赞助名单中。您的赞助也会推动我们开发更多优质免费代码、补充更多优质免费文档、发布更多 <a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer">优质免费视频教程<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <div><img src="/img/support/ali.png" width="200px" height="220px">
           
 <img src="/img/support/wx.jpg" width="200px" height="220px"></div> <h3 id="赞助名单"><a href="#赞助名单" class="header-anchor">#</a> 赞助名单</h3> <table><thead><tr><th><strong>赞助人</strong></th> <th><strong>金额</strong></th> <th><strong>赞助人备注</strong></th> <th><strong>作者的回复</strong></th></tr></thead> <tbody><tr><td>*late</td> <td></td> <td>感谢你这样的开源人贡献~辛苦了！中国开源不容易。也希望你可以找到盈利模式可以健康持续的运营下去哈~嗯 加油！另外注意身体健康！适当运动。注意久坐就溜达下哈。尽量早睡哈~健康第一~不耽误你了~</td> <td>短短几句， 我竟不知如何回答了，非常感谢你们，还有那些默默支持的，非常感谢！</td></tr> <tr><td>*车</td> <td><code>300</code></td> <td>花点小钱，省点时间</td> <td>感谢信任，谢谢我豪爽的大哥 ❤️</td></tr> <tr><td>Niu</td> <td><code>298</code></td> <td>大佬你好，我是去年毕业的应届生，刚入行程序员不到一年，我是学 C++ 的，刚才公司摸鱼无意间在 B 站看到了大佬的视频，看了视频评论区，然后点开看了下 github 和 pure-admin 文档，很受感动，虽然我不问项目和前端问题，但就想要买个大佬的服务支持下大佬，在国内这样的开源环境下，坚持在做对的事情</td> <td>非常感谢哥们的支持，称呼我作者就行哈，嘿嘿。坚持在做热爱的事情，坚持在做对的事情，一起加油！ ✊ ❤️</td></tr> <tr><td>*Only</td> <td><code>202</code></td> <td>看来看去都还是你的文档最好。没毛病的，我刚刚接触你的<code>pure</code>不久，就看到你全职做开源了</td> <td>非常感谢哥们的信任哈，我们会持续做好，一起加油！ ✊ ❤️</td></tr> <tr><td>Azhe*</td> <td><code>202</code></td> <td>祝愿中国开源事业早日开花结果,全部开源人员都能身心健康</td> <td>非常感谢哥们的祝福 ❤️</td></tr> <tr><td>yiping*</td> <td><code>202</code></td> <td>支持中国开源事业，加油！</td> <td>非常感谢哥们的祝福，一起加油！ ✊ ❤️</td></tr> <tr><td>**jc</td> <td><code>200</code></td> <td>全职开源不易，多的<code>200</code>是个人赞助，愿不忘初心，加油！</td> <td>不忘初心！！！非常感谢哥们 ❤️</td></tr> <tr><td><a href="https://github.com/ruowind" target="_blank" rel="noopener noreferrer">ruowind<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td><code>188</code></td> <td>希望不忘初心，始终开源下去 👏</td> <td>好的，大哥。多的不说了哈，一起看实际行动 ❤️</td></tr> <tr><td>**豪</td> <td><code>188</code></td> <td>加油</td> <td>一起加油，豪哥 ✊ ❤️</td></tr> <tr><td>流年**</td> <td><code>114.83</code></td> <td></td> <td></td></tr> <tr><td>*known</td> <td><code>102</code></td> <td></td> <td></td></tr> <tr><td>**俊</td> <td><code>102</code></td> <td></td> <td></td></tr> <tr><td>**新</td> <td><code>102</code></td> <td></td> <td></td></tr> <tr><td>*light</td> <td><code>102</code></td> <td></td> <td></td></tr> <tr><td>*Ge</td> <td><code>102</code></td> <td></td> <td></td></tr> <tr><td>h*</td> <td><code>101</code></td> <td>支持下，全职免费开源不易，加油！</td> <td>非常感谢哥们，一起加油 ✊</td></tr> <tr><td>star*</td> <td><code>101</code></td> <td>希望作者能一直进行下去，支持一波</td> <td>非常感谢哥们，一起努力 ✊</td></tr> <tr><td>*fwuh*</td> <td><code>100</code></td> <td></td> <td></td></tr> <tr><td>**林</td> <td><code>100</code></td> <td></td> <td></td></tr> <tr><td>Jay*</td> <td><code>100</code></td> <td>看你的框架学习了很多[抱拳]</td> <td>非常感谢哥们，相互学习 ❤️</td></tr> <tr><td>*贝</td> <td><code>100</code></td> <td></td> <td></td></tr> <tr><td>Jun</td> <td><code>100</code></td> <td>好东西要支持，能力范围之内，不要伤了作者一片至诚的心，哈哈哈哈哈</td> <td>嘿嘿，非常感谢哥们支持哈 ❤️</td></tr> <tr><td>S*h</td> <td><code>100</code></td> <td>开源不易，加油</td> <td>非常感谢哥们，一起加油 ✊</td></tr> <tr><td>*Chg</td> <td><code>100</code></td> <td></td> <td></td></tr> <tr><td>XIAO*</td> <td><code>100</code></td> <td>国内做开源不易，加油[嘿哈]</td> <td>非常感谢哥们，一起加油 ✊</td></tr> <tr><td>mumaren*</td> <td><code>100</code></td> <td>年轻人，加油</td> <td>非常感谢大哥，一起加油 ✊</td></tr> <tr><td>*凡</td> <td><code>99</code></td> <td>加油加油</td> <td>非常感谢哥们，一起加油 ✊</td></tr> <tr><td>Eric*</td> <td><code>70</code></td> <td>希望可以持续发展下去</td> <td>非常感谢哥们，我会一直努力的！ ✊</td></tr> <tr><td>hey*</td> <td><code>68.66</code></td> <td>多谢开源，多谢指导！为你的事业敬微薄之力，一起加油 👏</td> <td>非常感谢哥们，一起加油 ✊</td></tr> <tr><td>**羽</td> <td><code>68</code></td> <td>希望你们开源可以做得更好</td> <td>非常感谢哥们，我会一直努力的！ ✊</td></tr> <tr><td>*刚</td> <td><code>66.66</code></td> <td>精简版终于更新到<code>5</code>版本了，来支持下</td> <td>非常感谢哥们。<code>emm</code>，深夜还不睡觉，我怀疑你一直盯着我呢，哈哈</td></tr> <tr><td>*勇</td> <td><code>66.66</code></td> <td>感谢开源了项目！难得的学习资料。</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>*不*</td> <td><code>66.60</code></td> <td>多谢指导</td> <td>客气啦 😉</td></tr> <tr><td>Leng*</td> <td><code>66</code></td> <td></td> <td></td></tr> <tr><td>dib*</td> <td><code>52</code></td> <td></td> <td></td></tr> <tr><td>L*</td> <td><code>51</code></td> <td></td> <td></td></tr> <tr><td>**旭</td> <td><code>50</code></td> <td>请作者喝奶茶</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>**浩</td> <td><code>35</code></td> <td></td> <td></td></tr> <tr><td>By_*</td> <td><code>32</code></td> <td></td> <td></td></tr> <tr><td>海*</td> <td><code>30</code></td> <td></td> <td></td></tr> <tr><td>chibutao*</td> <td><code>30</code></td> <td></td> <td></td></tr> <tr><td><a href="https://github.com/aulang" target="_blank" rel="noopener noreferrer">aulang<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td><code>30</code></td> <td></td> <td></td></tr> <tr><td><a href="https://github.com/Ethan-Chase" target="_blank" rel="noopener noreferrer">Ethan<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td> <td><code>30</code></td> <td></td> <td></td></tr> <tr><td>对*.</td> <td><code>28.88</code></td> <td>非常热爱开源的产品，但无力贡献，仅以此小表敬意!</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>*远</td> <td><code>25</code></td> <td>支持开源</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>*luu*</td> <td><code>23</code></td> <td></td> <td></td></tr> <tr><td>*华</td> <td><code>23</code></td> <td></td> <td></td></tr> <tr><td>*屿</td> <td><code>22</code></td> <td></td> <td></td></tr> <tr><td>*an_</td> <td><code>22</code></td> <td></td> <td></td></tr> <tr><td>*sky*</td> <td><code>22</code></td> <td></td> <td></td></tr> <tr><td>**刚</td> <td><code>22</code></td> <td></td> <td></td></tr> <tr><td>风*</td> <td><code>20</code></td> <td>全职开源不容易，先小小支持一下</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>cliff</td> <td><code>20</code></td> <td>支持一下，祝愿兄弟在开源的路上走得更远</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>*蓝</td> <td><code>20</code></td> <td>欢庆精简版同步发布</td> <td>嘿嘿，终于发布咯</td></tr> <tr><td>**远</td> <td><code>20</code></td> <td></td> <td></td></tr> <tr><td>Marx*</td> <td><code>18</code></td> <td></td> <td></td></tr> <tr><td>*w</td> <td><code>18</code></td> <td></td> <td></td></tr> <tr><td>**凌</td> <td><code>17</code></td> <td>支持一下开源</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>f*d</td> <td><code>15</code></td> <td></td> <td></td></tr> <tr><td>e*o</td> <td><code>15</code></td> <td>开源支持一波，虽然是些小钱</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>S*n</td> <td><code>15</code></td> <td>开源不易，小哥加油！</td> <td>非常感谢哥们，一起加油 ❤️</td></tr> <tr><td>*烟</td> <td><code>15</code></td> <td>找了好几天终于找到了一个满意的框架，重要的是还有文档，怎么说呢，写的很用心，对小白很友好，一杯咖啡，纯粹是一点心意。</td> <td>非常感谢哥们 ❤️</td></tr> <tr><td>*羽</td> <td><code>12</code></td> <td><code>vue-pure-admin</code>如何适配<code>mobile</code>和<code>pc</code>端</td> <td>媒体查询+视窗单位+<a href="https://pure-admin-utils.netlify.app/hooks/useResizeObserver/useResizeObserver" target="_blank" rel="noopener noreferrer">useResizeObserver<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>+<a href="https://pure-admin-utils.netlify.app/utils/device/device#devicedetection" target="_blank" rel="noopener noreferrer">deviceDetection<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></td></tr> <tr><td>**明</td> <td><code>10</code></td> <td></td> <td></td></tr> <tr><td>*澜</td> <td><code>10</code></td> <td></td> <td></td></tr> <tr><td>*熊</td> <td><code>10</code></td> <td></td> <td></td></tr> <tr><td>*星</td> <td><code>10</code></td> <td></td> <td></td></tr></tbody></table></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
@@ -119,13 +119,13 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><!----> <!----></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
     Theme by
     <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
       | Copyright © 2020-2024
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/37.11cc25ac.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/37.11cc25ac.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/sso/index.html b/pages/sso/index.html
index bb5719264..6aae6566c 100644
--- a/pages/sso/index.html
+++ b/pages/sso/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/30.00335dc8.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/30.cb117a0f.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" aria-current="page" class="nav-link router-link-exact-active router-link-active">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -127,7 +127,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/typescript/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">类型声明</div></a> <a href="/pages/nologin/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">自定义免登录</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/typescript/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">类型声明</div></a> <a href="/pages/nologin/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">自定义免登录</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/typescript/" class="prev">类型声明</a></span> <span class="next"><a href="/pages/nologin/">自定义免登录</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -137,6 +137,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/30.00335dc8.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/30.cb117a0f.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/start/index.html b/pages/start/index.html
index a10050b2f..3d6e2127e 100644
--- a/pages/start/index.html
+++ b/pages/start/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/19.ef3c28a1.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/19.ef3c28a1.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" aria-current="page" class="nav-link router-link-exact-active router-link-active">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -137,7 +137,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/introduction/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">介绍</div></a> <a href="/pages/directory/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">目录结构</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/introduction/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">介绍</div></a> <a href="/pages/directory/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">目录结构</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/introduction/" class="prev">介绍</a></span> <span class="next"><a href="/pages/directory/">目录结构</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -147,6 +147,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/19.ef3c28a1.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/19.ef3c28a1.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/tailwindcss/index.html b/pages/tailwindcss/index.html
index 289459075..69d69adad 100644
--- a/pages/tailwindcss/index.html
+++ b/pages/tailwindcss/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/24.8a614524.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/24.c1a14340.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" aria-current="page" class="nav-link router-link-exact-active router-link-active">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">Tailwind CSS<!----></h1>  <div class="theme-vdoing-content content__default"><p>平台内置了 <a href="https://tailwindcss.com/docs/installation" target="_blank" rel="noopener noreferrer">Tailwind CSS<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> , 可通过各种 <code>程序类</code> 快速构建自定义用户界面，再也不用写那些 &quot;裹脚布&quot; 似的 <code>css</code> 啦</p> <h2 id="tailwind-css-的-vscode-插件"><a href="#tailwind-css-的-vscode-插件" class="header-anchor">#</a> <code>Tailwind CSS</code> 的 <code>vscode</code> 插件</h2> <p>在 <code>vscode</code> 插件商店搜 <code>bradlc.vscode-tailwindcss</code> 安装后，鼠标覆盖到对应的类名，即可带来智能提示，如下图</p> <p><img src="/assets/img/vscode-tailwindcss.fac41941.png" alt="vscode-tailwindcss"></p> <h2 id="tailwind-css-文档"><a href="#tailwind-css-文档" class="header-anchor">#</a> <code>Tailwind CSS</code> 文档</h2> <p><a href="https://tailwindcss.com/docs" target="_blank" rel="noopener noreferrer">官方英文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <code>Tailwind CSS 最新版本</code><br> <a href="https://www.tailwindcss.cn/" target="_blank" rel="noopener noreferrer">非官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="tailwind-css-使用技巧"><a href="#tailwind-css-使用技巧" class="header-anchor">#</a> <code>Tailwind CSS</code> 使用技巧</h2> <h3 id="_1-自定义属性值"><a href="#_1-自定义属性值" class="header-anchor">#</a> 1. 自定义属性值</h3> <p>拿最常用的 <code>width</code> 属性来举例，<code>tailwindcss</code> 内置了这些 <a href="https://tailwindcss.com/docs/width#class-reference" target="_blank" rel="noopener noreferrer">width#class-reference<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 类名，有时候用户想写任意宽度值怎么做呢，比如给 <code>div</code> 一个 <code>666px</code> 的宽度 ，只需要按照下面的写法。当然不仅仅是宽度可以自定义，所有属性都支持这种模式，你只需要在自定义的时候用 <code>[ ]</code>包起来即可。</p> <div class="language-html line-numbers-mode"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</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>w-[666px]<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">Tailwind CSS<!----></h1>  <div class="theme-vdoing-content content__default"><p>平台内置了 <a href="https://tailwindcss.com/docs/installation" target="_blank" rel="noopener noreferrer">Tailwind CSS<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> , 可通过各种 <code>程序类</code> 快速构建自定义用户界面，再也不用写那些 &quot;裹脚布&quot; 似的 <code>css</code> 啦</p> <h2 id="tailwind-css-的-vscode-插件"><a href="#tailwind-css-的-vscode-插件" class="header-anchor">#</a> <code>Tailwind CSS</code> 的 <code>vscode</code> 插件</h2> <p>在 <code>vscode</code> 插件商店搜 <code>bradlc.vscode-tailwindcss</code> 安装后，鼠标覆盖到对应的类名，即可带来智能提示，如下图</p> <p><img src="/assets/img/vscode-tailwindcss.fac41941.png" alt="vscode-tailwindcss"></p> <h2 id="tailwind-css-文档"><a href="#tailwind-css-文档" class="header-anchor">#</a> <code>Tailwind CSS</code> 文档</h2> <p><a href="https://tailwindcss.com/docs" target="_blank" rel="noopener noreferrer">官方英文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> <code>Tailwind CSS 最新版本</code><br> <a href="https://www.tailwindcss.cn/" target="_blank" rel="noopener noreferrer">非官方中文文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="tailwind-css-使用技巧"><a href="#tailwind-css-使用技巧" class="header-anchor">#</a> <code>Tailwind CSS</code> 使用技巧</h2> <h3 id="_1-自定义属性值"><a href="#_1-自定义属性值" class="header-anchor">#</a> 1. 自定义属性值</h3> <p>拿最常用的 <code>width</code> 属性来举例，<code>tailwindcss</code> 内置了这些 <a href="https://tailwindcss.com/docs/width#class-reference" target="_blank" rel="noopener noreferrer">width#class-reference<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 类名，有时候用户想写任意宽度值怎么做呢，比如给 <code>div</code> 一个 <code>666px</code> 的宽度 ，只需要按照下面的写法。当然不仅仅是宽度可以自定义，所有属性都支持这种模式，你只需要在自定义的时候用 <code>[ ]</code>包起来即可。</p> <div class="language-html line-numbers-mode"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</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>w-[666px]<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
 </code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br></div></div><h3 id="_2-important-权重-这里我们分为-三-步走"><a href="#_2-important-权重-这里我们分为-三-步走" class="header-anchor">#</a> 2. <code>!important</code> 权重，这里我们分为 <code>三</code> 步走</h3> <h4 id="_2-1-单个实用程序类加-important"><a href="#_2-1-单个实用程序类加-important" class="header-anchor">#</a> 2-1. 单个实用程序类加 <code>!important</code></h4> <ul><li>比如给 <code>p</code> 标签 一个 <code>black !important</code> 的高权重字体颜色，只需要按照下面的写法。也就是某个属性，你需要加权重，那么就在其前面加上 <code>!</code> 这个感叹号即可。</li></ul> <div class="language-html line-numbers-mode"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</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>!text-black<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
   This will be medium even though bold comes later in the CSS.
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
@@ -133,7 +133,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/i18n/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">国际化</div></a> <a href="/pages/RBAC/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">RBAC权限</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/i18n/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">国际化</div></a> <a href="/pages/RBAC/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">RBAC权限</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/i18n/" class="prev">国际化</a></span> <span class="next"><a href="/pages/RBAC/">RBAC权限</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -143,6 +143,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/24.8a614524.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/24.c1a14340.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/theme/index.html b/pages/theme/index.html
index 15e8a7fdd..6708df99f 100644
--- a/pages/theme/index.html
+++ b/pages/theme/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/23.18b9d4df.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/23.8355ef04.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" aria-current="page" class="nav-link router-link-exact-active router-link-active">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -136,7 +136,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/icon/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">图标</div></a> <a href="/pages/i18n/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">国际化</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/icon/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">图标</div></a> <a href="/pages/i18n/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">国际化</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/icon/" class="prev">图标</a></span> <span class="next"><a href="/pages/i18n/">国际化</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -146,6 +146,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/23.18b9d4df.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/23.8355ef04.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/track/index.html b/pages/track/index.html
index 835bdc5fb..98d3a8282 100644
--- a/pages/track/index.html
+++ b/pages/track/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/34.4280217a.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/34.61fa3292.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" aria-current="page" class="nav-link router-link-exact-active router-link-active">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/FAQ/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">常见问题</div></a> <a href="/pages/git/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">git常用命令</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/FAQ/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">常见问题</div></a> <a href="/pages/git/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">git常用命令</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/FAQ/" class="prev">常见问题</a></span> <span class="next"><a href="/pages/git/">git常用命令</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -127,6 +127,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/34.4280217a.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/34.61fa3292.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/typescript/index.html b/pages/typescript/index.html
index 478891ab6..183c67e22 100644
--- a/pages/typescript/index.html
+++ b/pages/typescript/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/10.85df827f.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/10.9398cea4.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" aria-current="page" class="nav-link router-link-exact-active router-link-active">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/RBAC/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">RBAC权限</div></a> <a href="/pages/sso/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">单点登录</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/RBAC/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">RBAC权限</div></a> <a href="/pages/sso/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">单点登录</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/RBAC/" class="prev">RBAC权限</a></span> <span class="next"><a href="/pages/sso/">单点登录</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -127,6 +127,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/10.85df827f.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/10.9398cea4.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/utils/index.html b/pages/utils/index.html
index 1f6f77b1a..42218ac1f 100644
--- a/pages/utils/index.html
+++ b/pages/utils/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/27.0722e2c6.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/27.9e38bb92.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" aria-current="page" class="nav-link router-link-exact-active router-link-active">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/opensource/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">对接平台的前后端项目</div></a> <a href="/pages/components/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">组件库</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/opensource/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">对接平台的前后端项目</div></a> <a href="/pages/components/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">组件库</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/opensource/" class="prev">对接平台的前后端项目</a></span> <span class="next"><a href="/pages/components/">组件库</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -127,6 +127,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/27.0722e2c6.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/27.9e38bb92.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/viteplugin/index.html b/pages/viteplugin/index.html
index 4a72bad99..8228e6b9d 100644
--- a/pages/viteplugin/index.html
+++ b/pages/viteplugin/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/33.34c4d804.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.92f6ac13.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/33.870828fe.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/12.0db5dec0.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" class="nav-link">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" aria-current="page" class="nav-link router-link-exact-active router-link-active">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABGpJREFUSA3tVVtoXFUU3fvOI53UlmCaKIFmwEhsE7QK0ipFEdHEKpXaZGrp15SINsXUWvBDpBgQRKi0+KKoFeJHfZA+ED9KKoIU2gYD9UejTW4rVIzm0VSTziPzuNu1z507dibTTjL4U/DAzLn3nL3X2o91ziX6f9wMFdh6Jvbm9nNSV0msViVO6tN1Rm7NMu2OpeJ9lWBUTDxrJbYTS0hInuwciu9eLHlFxCLCZEk3MegsJmZ5K/JD6t7FkFdEvGUo1g7qJoG3MHImqRIn8/nzY1K9UPKKiJmtnUqHVE3Gbuay6vJE/N2FEmuxFjW2nUuE0yQXRRxLiTUAzs36zhZvOXJPdX850EVnnLZkB8prodQoM5JGj7Xk2mvC7JB8tG04Ef5PiXtG0UtxupRQSfTnBoCy554x18yJHI6I+G5Eru4LHmPJZEQsrvPUbMiA8G/WgMK7w7I+ez7++o2ANfbrjvaOl1tFMs+htG3IrZH9/hDX1Pr8Tc0UvH8tcX29KzAgIGcEkINyW5BF9x891hw6VYqgJHEk0huccS7vh3C6gTiODL+26huuBtbct8eZnqLML8PkxGYpuPZBqtqwkSjgc4mB5gbgig5i+y0UDK35LMxXisn9xQtK+nd26gTIHsHe/oblK/b29fUmN/8Y+9jAQrnBp56m1LcDlDp9irKTExSKduXJVWSqdBMA08pEJnEIOB3FPPMybu/oeV8zFeYN3xx576Q6RH+VmplE4ncQV5v+5rzSoyOU7PuEAg8g803PwBJ0CExno/jcMbN8tONYeOmHiuUNryvm3fRUy4tMPVLdAGkUhNWuggGrJcXPv+ouCjz0MKUHz1J2/E8IC9nqTabcxgaBYM0hPhD5Y65FsbxRQKxCQrDjDctW7PUM3HuZunFyifSAqEfuzCp48Il24luWUWZoyJCaPR82jE0+kFA643wRFVni4RYSq3ohJO2pZ7B5dO4xkDWbEpossJPLSrPjYID8rS2UHTlvyNxqIGsg674XJJ7vnh5L7PNwC4hh2sjCI96mzszOTpxLF0T7l88Yz7lAuK6OnL8gXLOnTvpzSb22YG8W7us3jSebFHeeqnXRG1vt+MoUM84LQIBmMsCTAcOauTh0T0l0neQK7m2bLMt2mGxU3HYssS0J2cdv5wljlPsrIuZLAG/2DOZIXgCYT8uMGZN+e2kSirfxZOPCsC0f24nTZzspnVn9VePS1Z5vubmAGGXG8ZFno9Hel0yfA5ZPhF7Dh972BQJ2qCpgH67lmWtBYbvk6sz02wjky2vXyz0XErP/kFB619js1BtwfOV4OPRqOQBjy3Qbk18vigUPPSD5ceHnwck7W9bhAqZdd7SuG7w4/P2F/GaJh8c7e9qgow+Q7cGBo+98WsLkuktFqiZabtXuQTu/Y5ETbR0v7tNSFnvrmu6pjdoan2KjMu8q/Hmj1EfCO2ZGfEIbIXKUlw8qaX9/b2oeSJmFksSeT/Fn0V3nSypChh4Gjh74ybO9aeZ/AN2dwciu2/MhAAAAAElFTkSuQmCC">vite插件<!----></h1>  <div class="theme-vdoing-content content__default"><p>由 <code>pure-admin</code> 平台开发的 <code>vite</code> 插件，持续维护，请放心使用</p> <h2 id="vite-plugin-remove-console"><a href="#vite-plugin-remove-console" class="header-anchor">#</a> vite-plugin-remove-console</h2> <ul><li>生产环境删除所有指定 <code>console</code> 类型的 <code>vite</code> 插件。当然也可以完全自定义需要删除的语句，如删除 <code>debugger</code> 或一段指定的代码</li></ul> <p><a href="https://github.com/xiaoxian521/vite-plugin-remove-console" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="vite-plugin-router-warn"><a href="#vite-plugin-router-warn" class="header-anchor">#</a> vite-plugin-router-warn</h2> <ul><li>根治非必要的开发环境下 <code>vue-router</code> 动态路由刷新警告 <code>No match found for location with path</code><br>
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">vite插件<!----></h1>  <div class="theme-vdoing-content content__default"><p>由 <code>pure-admin</code> 平台开发的 <code>vite</code> 插件，持续维护，请放心使用</p> <h2 id="vite-plugin-remove-console"><a href="#vite-plugin-remove-console" class="header-anchor">#</a> vite-plugin-remove-console</h2> <ul><li>生产环境删除所有指定 <code>console</code> 类型的 <code>vite</code> 插件。当然也可以完全自定义需要删除的语句，如删除 <code>debugger</code> 或一段指定的代码</li></ul> <p><a href="https://github.com/xiaoxian521/vite-plugin-remove-console" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p> <h2 id="vite-plugin-router-warn"><a href="#vite-plugin-router-warn" class="header-anchor">#</a> vite-plugin-router-warn</h2> <ul><li>根治非必要的开发环境下 <code>vue-router</code> 动态路由刷新警告 <code>No match found for location with path</code><br>
 相关问题 <a href="https://github.com/vuejs/router/issues/521" target="_blank" rel="noopener noreferrer">router/issues/521<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>、<a href="https://github.com/vuejs/router/issues/359" target="_blank" rel="noopener noreferrer">router/issues/359<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <p><a href="https://www.npmjs.com/package/vite-plugin-router-warn" target="_blank" rel="noopener noreferrer">查看源码<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
           style="display:block"
@@ -118,7 +118,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/components/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">组件库</div></a> <a href="/pages/FAQ/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">常见问题</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/components/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">组件库</div></a> <a href="/pages/FAQ/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">常见问题</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/components/" class="prev">组件库</a></span> <span class="next"><a href="/pages/FAQ/">常见问题</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -128,6 +128,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/33.34c4d804.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/33.870828fe.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>
diff --git a/pages/vscode/index.html b/pages/vscode/index.html
index 0c5a9febd..205e95244 100644
--- a/pages/vscode/index.html
+++ b/pages/vscode/index.html
@@ -11,8 +11,8 @@
     <meta name="keywords" content="vue-pure-admin,pure-admin,pure-admin-thin,pure-admin-docs">
     <meta name="theme-color" content="#11a8cd">
     
-    <link rel="preload" href="/assets/css/0.styles.deae225a.css" as="style"><link rel="preload" href="/assets/js/app.fd804571.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/12.92f6ac13.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.85df827f.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/13.f24061c4.js"><link rel="prefetch" href="/assets/js/14.4609f4c6.js"><link rel="prefetch" href="/assets/js/15.d8fa105a.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.eedc460f.js"><link rel="prefetch" href="/assets/js/21.c61f99ac.js"><link rel="prefetch" href="/assets/js/22.21510ed2.js"><link rel="prefetch" href="/assets/js/23.18b9d4df.js"><link rel="prefetch" href="/assets/js/24.8a614524.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.62302f24.js"><link rel="prefetch" href="/assets/js/27.0722e2c6.js"><link rel="prefetch" href="/assets/js/28.93fb1f8f.js"><link rel="prefetch" href="/assets/js/29.c29c7c66.js"><link rel="prefetch" href="/assets/js/3.a6e5e626.js"><link rel="prefetch" href="/assets/js/30.00335dc8.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.34c4d804.js"><link rel="prefetch" href="/assets/js/34.4280217a.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.21ce4462.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.67b4810f.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.340f0ffa.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.e89c9859.js"><link rel="prefetch" href="/assets/js/9.b11d44ca.js">
-    <link rel="stylesheet" href="/assets/css/0.styles.deae225a.css">
+    <link rel="preload" href="/assets/css/0.styles.57214fc5.css" as="style"><link rel="preload" href="/assets/js/app.b6097c15.js" as="script"><link rel="preload" href="/assets/js/2.ed39b2ef.js" as="script"><link rel="preload" href="/assets/js/8.e10cfe6b.js" as="script"><link rel="preload" href="/assets/js/12.0db5dec0.js" as="script"><link rel="preload" href="/assets/js/16.0c5f3694.js" as="script"><link rel="prefetch" href="/assets/js/10.9398cea4.js"><link rel="prefetch" href="/assets/js/11.72d40ae5.js"><link rel="prefetch" href="/assets/js/13.752ecf96.js"><link rel="prefetch" href="/assets/js/14.b8bddda9.js"><link rel="prefetch" href="/assets/js/15.a15904ed.js"><link rel="prefetch" href="/assets/js/17.0f1913b0.js"><link rel="prefetch" href="/assets/js/18.7bd404a2.js"><link rel="prefetch" href="/assets/js/19.ef3c28a1.js"><link rel="prefetch" href="/assets/js/20.9a0c9af2.js"><link rel="prefetch" href="/assets/js/21.50a27a99.js"><link rel="prefetch" href="/assets/js/22.d57749f7.js"><link rel="prefetch" href="/assets/js/23.8355ef04.js"><link rel="prefetch" href="/assets/js/24.c1a14340.js"><link rel="prefetch" href="/assets/js/25.87494712.js"><link rel="prefetch" href="/assets/js/26.720db236.js"><link rel="prefetch" href="/assets/js/27.9e38bb92.js"><link rel="prefetch" href="/assets/js/28.c486989b.js"><link rel="prefetch" href="/assets/js/29.7dca5c94.js"><link rel="prefetch" href="/assets/js/3.9e6948df.js"><link rel="prefetch" href="/assets/js/30.cb117a0f.js"><link rel="prefetch" href="/assets/js/31.a928322c.js"><link rel="prefetch" href="/assets/js/32.badad8df.js"><link rel="prefetch" href="/assets/js/33.870828fe.js"><link rel="prefetch" href="/assets/js/34.61fa3292.js"><link rel="prefetch" href="/assets/js/35.5a6b3b95.js"><link rel="prefetch" href="/assets/js/36.fe2d5b28.js"><link rel="prefetch" href="/assets/js/37.11cc25ac.js"><link rel="prefetch" href="/assets/js/38.ee3d36e6.js"><link rel="prefetch" href="/assets/js/39.983d01d4.js"><link rel="prefetch" href="/assets/js/4.f06e4354.js"><link rel="prefetch" href="/assets/js/40.23d05563.js"><link rel="prefetch" href="/assets/js/5.af6dde15.js"><link rel="prefetch" href="/assets/js/6.c5124347.js"><link rel="prefetch" href="/assets/js/7.524f456a.js"><link rel="prefetch" href="/assets/js/9.691e4d8b.js">
+    <link rel="stylesheet" href="/assets/css/0.styles.57214fc5.css">
   </head>
   <body class="theme-mode-light">
     <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">Pure Admin 保姆级文档</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/pages/introduction/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/introduction/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/pages/start/" class="nav-link">快速开始</a></li><li class="dropdown-item"><!----> <a href="/pages/directory/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/pages/vscode/" aria-current="page" class="nav-link router-link-exact-active router-link-active">vscode文件夹详解</a></li><li class="dropdown-item"><!----> <a href="/pages/config/" class="nav-link">平台配置</a></li><li class="dropdown-item"><!----> <a href="/pages/layout/" class="nav-link">布局</a></li><li class="dropdown-item"><!----> <a href="/pages/routerMenu/" class="nav-link">路由和菜单</a></li><li class="dropdown-item"><!----> <a href="/pages/request/" class="nav-link">http请求</a></li><li class="dropdown-item"><!----> <a href="/pages/build/" class="nav-link">打包和部署</a></li><li class="dropdown-item"><h4>进阶</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/icon/" class="nav-link">图标</a></li><li class="dropdown-subitem"><a href="/pages/theme/" class="nav-link">主题和暗黑模式</a></li><li class="dropdown-subitem"><a href="/pages/i18n/" class="nav-link">国际化</a></li><li class="dropdown-subitem"><a href="/pages/tailwindcss/" class="nav-link">Tailwind CSS</a></li><li class="dropdown-subitem"><a href="/pages/RBAC/" class="nav-link">RBAC权限</a></li><li class="dropdown-subitem"><a href="/pages/typescript/" class="nav-link">类型声明</a></li><li class="dropdown-subitem"><a href="/pages/sso/" class="nav-link">单点登录</a></li><li class="dropdown-subitem"><a href="/pages/nologin/" class="nav-link">自定义免登录</a></li><li class="dropdown-subitem"><a href="/pages/buildgood/" class="nav-link">打包优化</a></li><li class="dropdown-subitem"><a href="/pages/optimize/" class="nav-link">vite预构建</a></li></ul></li><li class="dropdown-item"><h4>生态</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/opensource/" class="nav-link">对接平台的前后端项目</a></li><li class="dropdown-subitem"><a href="/pages/utils/" class="nav-link">函数工具库</a></li><li class="dropdown-subitem"><a href="/pages/components/" class="nav-link">组件库</a></li><li class="dropdown-subitem"><a href="/pages/viteplugin/" class="nav-link">vite插件</a></li></ul></li><li class="dropdown-item"><h4>其他</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/pages/FAQ/" class="nav-link">常见问题</a></li><li class="dropdown-subitem"><a href="/pages/track/" class="nav-link">非平台问题跟踪记录</a></li><li class="dropdown-subitem"><a href="/pages/git/" class="nav-link">git常用命令</a></li><li class="dropdown-subitem"><a href="/pages/recommendation/" class="nav-link">技术网站推荐</a></li></ul></li></ul></div> <!----></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="链接" class="dropdown-title"><!----> <span class="title" style="display:;">链接</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/opensource/" class="nav-link">后端项目</a></li><li class="dropdown-item"><h4></h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="https://space.bilibili.com/301103230" target="_blank" rel="noopener noreferrer" class="nav-link external">
@@ -108,7 +108,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">.vscode文件夹详解<!----></h1>  <div class="theme-vdoing-content content__default"><p>平台内置很多实用的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/.vscode/extensions.json" target="_blank" rel="noopener noreferrer">vscode 插件<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，为了提高开发效率，您可以选择使用 <a href="https://code.visualstudio.com/" target="_blank" rel="noopener noreferrer">vscode<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 编辑器</p> <h2 id="extensions-json"><a href="#extensions-json" class="header-anchor">#</a> extensions.json</h2> <p>一键安装平台推荐的 <code>vscode</code> 插件，安装方法如下图</p> <p><img src="/assets/img/recommended1.8e05baaf.jpg" alt="recommended1"></p> <p><img src="/assets/img/recommended2.6ad83f6e.jpg" alt="recommended2"></p> <h2 id="settings-json"><a href="#settings-json" class="header-anchor">#</a> settings.json</h2> <p>设置扩展程序或 <code>vscode</code> 编辑器的一些属性</p> <h2 id="vue3-0-code-snippets"><a href="#vue3-0-code-snippets" class="header-anchor">#</a> vue3.0.code-snippets</h2> <p><code>vue3.0</code> 版本代码片段。在 <code>.vue</code> 文件输入 <code>vue</code> 即可看到如下图的选项，选择 <code>Vue3.0</code> 即可生成</p> <p><img src="/assets/img/snip30.31c2e5ee.jpg" alt="snip3.0"></p> <h2 id="vue3-2-code-snippets"><a href="#vue3-2-code-snippets" class="header-anchor">#</a> vue3.2.code-snippets</h2> <p><code>vue3.2</code> 版本代码片段（支持 <code>&lt;script setup&gt;</code> 语法）。在 <code>.vue</code> 文件输入 <code>vue</code> 即可看到如下图的选项，选择 <code>Vue3.2+</code> 即可生成</p> <p><img src="/assets/img/snip32.64e525cb.jpg" alt="snip3.2"></p> <h2 id="vue3-3-code-snippets"><a href="#vue3-3-code-snippets" class="header-anchor">#</a> vue3.3.code-snippets</h2> <p><code>vue3.3</code> 版本代码片段（支持 <code>&lt;script setup&gt;</code> 以及 <code>defineOptions</code> 语法）。在 <code>.vue</code> 文件输入 <code>vue</code> 即可看到如下图的选项，选择 <code>Vue3.3+</code> 即可生成</p> <p><img src="/assets/img/snip33.2c932603.jpg" alt="snip3.3"></p> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>如果输入 <code>vue</code> 没有代码片段提示，请稍等一下 <code>vscode</code> 正在反应，或者您可以来到 <code>.vscode/vue3.0.code-snippets</code>、<code>.vscode/vue3.2.code-snippets</code>、<code>.vscode/vue3.3.code-snippets</code>，将这三个文件都 <code>ctrl+s</code> 保存一下，再回到 <code>.vue</code> 页面，输入 <code>vue</code> 就应该有提示了</p></div></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
+      </script></div></aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper" data-v-52e54980><div class="right-menu-margin" data-v-52e54980><div class="right-menu-title" data-v-52e54980>目录</div> <div class="right-menu-content" data-v-52e54980></div></div></div> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">.vscode文件夹详解<!----></h1>  <div class="theme-vdoing-content content__default"><p>平台内置很多实用的 <a href="https://github.com/pure-admin/vue-pure-admin/blob/main/.vscode/extensions.json" target="_blank" rel="noopener noreferrer">vscode 插件<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>，为了提高开发效率，您可以选择使用 <a href="https://code.visualstudio.com/" target="_blank" rel="noopener noreferrer">vscode<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> 编辑器</p> <h2 id="extensions-json"><a href="#extensions-json" class="header-anchor">#</a> extensions.json</h2> <p>一键安装平台推荐的 <code>vscode</code> 插件，安装方法如下图</p> <p><img src="/assets/img/recommended1.8e05baaf.jpg" alt="recommended1"></p> <p><img src="/assets/img/recommended2.6ad83f6e.jpg" alt="recommended2"></p> <h2 id="settings-json"><a href="#settings-json" class="header-anchor">#</a> settings.json</h2> <p>设置扩展程序或 <code>vscode</code> 编辑器的一些属性</p> <h2 id="vue3-0-code-snippets"><a href="#vue3-0-code-snippets" class="header-anchor">#</a> vue3.0.code-snippets</h2> <p><code>vue3.0</code> 版本代码片段。在 <code>.vue</code> 文件输入 <code>vue</code> 即可看到如下图的选项，选择 <code>Vue3.0</code> 即可生成</p> <p><img src="/assets/img/snip30.31c2e5ee.jpg" alt="snip3.0"></p> <h2 id="vue3-2-code-snippets"><a href="#vue3-2-code-snippets" class="header-anchor">#</a> vue3.2.code-snippets</h2> <p><code>vue3.2</code> 版本代码片段（支持 <code>&lt;script setup&gt;</code> 语法）。在 <code>.vue</code> 文件输入 <code>vue</code> 即可看到如下图的选项，选择 <code>Vue3.2+</code> 即可生成</p> <p><img src="/assets/img/snip32.64e525cb.jpg" alt="snip3.2"></p> <h2 id="vue3-3-code-snippets"><a href="#vue3-3-code-snippets" class="header-anchor">#</a> vue3.3.code-snippets</h2> <p><code>vue3.3</code> 版本代码片段（支持 <code>&lt;script setup&gt;</code> 以及 <code>defineOptions</code> 语法）。在 <code>.vue</code> 文件输入 <code>vue</code> 即可看到如下图的选项，选择 <code>Vue3.3+</code> 即可生成</p> <p><img src="/assets/img/snip33.2c932603.jpg" alt="snip3.3"></p> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>如果输入 <code>vue</code> 没有代码片段提示，请稍等一下 <code>vscode</code> 正在反应，或者您可以来到 <code>.vscode/vue3.0.code-snippets</code>、<code>.vscode/vue3.2.code-snippets</code>、<code>.vscode/vue3.3.code-snippets</code>，将这三个文件都 <code>ctrl+s</code> 保存一下，再回到 <code>.vue</code> 页面，输入 <code>vue</code> 就应该有提示了</p></div></div></div> <div class="page-slot page-slot-bottom"><!-- 横向自适应 -->
       <ins class="adsbygoogle"
           style="display:block"
           data-ad-client="ca-pub-7828333725993554"
@@ -117,7 +117,7 @@
           data-full-width-responsive="true"></ins>
       <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
-      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 03:03:22</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/directory/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">目录结构</div></a> <a href="/pages/config/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">平台配置</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
+      </script></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2024/11/26, 05:14:23</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/directory/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">目录结构</div></a> <a href="/pages/config/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">平台配置</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/pages/directory/" class="prev">目录结构</a></span> <span class="next"><a href="/pages/config/">平台配置</a>→
       </span></p></div></div></div> <div class="article-list no-article-list"><div class="article-title"><a href="/archives/" class="iconfont icon-bi">最近更新</a></div> <div class="article-wrapper"> <dl><dd></dd> <dt><a href="/archives/" class="more">更多文章&gt;</a></dt></dl></div></div></main></div> <div class="footer"><!----> <div style="display: flex;justify-content: center;margin-bottom: 6px;"><div title="GitHub stars" class="no-zoom"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="72" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="35" height="20" fill="#426feb"></rect> <rect width="72" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">stars</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">stars</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/stargazers"><rect width="35" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="535" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">16.4k</text><text x="535" y="140" transform="scale(.1)" fill="#fff" textLength="250">16.4k</text></a></g></svg></div> <div title="GitHub forks" class="no-zoom" style="margin-left: 6px"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="68" height="20"><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"></stop> <stop offset="1" stop-opacity=".1"></stop></linearGradient> <clipPath id="r"><rect width="68" height="20" rx="3" fill="#fff"></rect></clipPath> <g clip-path="url(#r)"><rect width="37" height="20" fill="#555"></rect> <rect x="37" width="31" height="20" fill="#426feb"></rect> <rect width="68" height="20" fill="url(#s)"></rect></g> <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/fork"><rect width="37" x="0" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="195" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="270">forks</text><text x="195" y="140" transform="scale(.1)" fill="#fff" textLength="270">forks</text></a><a target="_blank" xlink:href="https://github.com/pure-admin/vue-pure-admin/network"><rect width="31" x="37" height="20" fill="rgba(0,0,0,0)"></rect><text aria-hidden="true" x="515" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="210">3.1k</text><text x="515" y="140" transform="scale(.1)" fill="#fff" textLength="210">3.1k</text></a></g></svg></div></div> <div>
@@ -127,6 +127,6 @@
        <a href="https://github.com/pure-admin/vue-pure-admin" target="_blank" title="pure-admin">
         pure-admin | MIT License
       </a></div></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----></div><div class="global-ui"><!----><div></div></div></div>
-    <script src="/assets/js/app.fd804571.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/12.92f6ac13.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
+    <script src="/assets/js/app.b6097c15.js" defer></script><script src="/assets/js/2.ed39b2ef.js" defer></script><script src="/assets/js/8.e10cfe6b.js" defer></script><script src="/assets/js/12.0db5dec0.js" defer></script><script src="/assets/js/16.0c5f3694.js" defer></script>
   </body>
 </html>