https://fe-nav.netlify.app/test

1<!DOCTYPE html>
2<html lang="zh-CN" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=f9925520-3dc5-46b0-9598-c6b72928a068
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width,initial-scale=1">
9    <title>功能测试页 | 茂茂物语</title>
10    <meta name="description" content="茂茂的成长之路，包含前端常用知识、源码阅读笔记、各种奇淫技巧、日常提效工具等">
11    <meta name="generator" content="VitePress v1.6.4">
12    <link rel="preload stylesheet" href="/assets/style.CgoqwRLX.css" as="style">
13    <link rel="preload stylesheet" href="/vp-icons.css" as="style">
14    
15    

15<script type="module" src="/assets/app.BtdsUWel.js"></script>

15
16    <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
17    <link rel="modulepreload" href="/assets/chunks/theme.DHaqmVcu.js">
18    <link rel="modulepreload" href="/assets/chunks/framework.UuC5PrO0.js">
19    <link rel="modulepreload" href="/assets/test.md.BYDhjEcK.lean.js">
20    <meta name="theme-color" content="#3eaf7c">
21    <meta name="apple-mobile-web-app-capable" content="yes">
22    <meta name="apple-mobile-web-app-status-bar-style" content="black">
23    <link rel="apple-touch-icon" href="/favicon.ico">
24    <link rel="mask-icon" href="/favicon.ico" color="#3eaf7c">
25    <meta name="msapplication-TileImage" content="/favicon.ico">
26    <meta name="msapplication-TileColor" content="#000000">
27    

27<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>

27
28    

28<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>

28
29  </head>
30  <body>
31    <div id="app"><div class="Layout" data-v-c6a20dac><!--[--><!--]--><!--[--><span tabindex="-1" data-v-6803f9ce></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-6803f9ce>Skip to content</a><!--]--><!----><header class="VPNav" data-v-c6a20dac data-v-1eb269e7><div class="VPNavBar" data-v-1eb269e7 data-v-3e5de30a><div class="wrapper" data-v-3e5de30a><div class="container" data-v-3e5de30a><div class="title" data-v-3e5de30a><div class="VPNavBarTitle" data-v-3e5de30a data-v-6fc974a2><a class="title" href="/" data-v-6fc974a2><!--[--><!--]--><!--[--><img class="VPImage logo" src="/logo.png" alt data-v-f29c4066><!--]--><span data-v-6fc974a2>茂茂物语</span><!--[--><!--[--><!--[--><!--[--><img class="visitor" src="https://visitor-badge.laobi.icu/badge?page_id=maomao1996.vitepress-nav-template" onerror="this.style.display=&#39;none&#39;" data-v-124f1dab><!--]--><!--]--><!--]--><!--]--></a></div></div><div class="content" data-v-3e5de30a><div class="content-body" data-v-3e5de30a><!--[--><!--]--><div class="VPNavBarSearch search" data-v-3e5de30a><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-3e5de30a data-v-d94de6e3><span id="main-nav-aria-label" class="visually-hidden" data-v-d94de6e3> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/nav/" tabindex="0" data-v-d94de6e3 data-v-71157229><!--[--><span data-v-71157229>前端导航</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://fe-mm.com" target="_blank" rel="noreferrer" tabindex="0" data-v-d94de6e3 data-v-71157229><!--[--><span data-v-71157229>茂茂主页</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://notes.fe-mm.com" target="_blank" rel="noreferrer" tabindex="0" data-v-d94de6e3 data-v-71157229><!--[--><span data-v-71157229>茂茂物语</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://netease-music.fe-mm.com" target="_blank" rel="noreferrer" tabindex="0" data-v-d94de6e3 data-v-71157229><!--[--><span data-v-71157229>mmPlayer</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://github.com/maomao1996/tampermonkey-scripts" target="_blank" rel="noreferrer" tabindex="0" data-v-d94de6e3 data-v-71157229><!--[--><span data-v-71157229>油猴脚本</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-3e5de30a data-v-e9d1dd7b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-e9d1dd7b data-v-df922bde data-v-ff433ec8><span class="check" data-v-ff433ec8><span class="icon" data-v-ff433ec8><!--[--><span class="vpi-sun sun" data-v-df922bde></span><span class="vpi-moon moon" data-v-df922bde></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-3e5de30a data-v-ca5101d5 data-v-7d103c93><!--[--><a class="VPSocialLink no-icon" href="https://github.com/maomao1996/vitepress-nav-template" aria-label="github" target="_blank" rel="noopener" data-v-7d103c93 data-v-5c653e15><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-3e5de30a data-v-1b0f0381 data-v-0b1c30e2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-0b1c30e2><span class="vpi-more-horizontal icon" data-v-0b1c30e2></span></button><div class="menu" data-v-0b1c30e2><div class="VPMenu" data-v-0b1c30e2 data-v-d960eac0><!----><!--[--><!--[--><!----><div class="group" data-v-1b0f0381><div class="item appearance" data-v-1b0f0381><p class="label" data-v-1b0f0381>主题</p><div class="appearance-action" data-v-1b0f0381><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b0f0381 data-v-df922bde data-v-ff433ec8><span class="check" data-v-ff433ec8><span class="icon" data-v-ff433ec8><!--[--><span class="vpi-sun sun" data-v-df922bde></span><span class="vpi-moon moon" data-v-df922bde></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b0f0381><div class="item social-links" data-v-1b0f0381><div class="VPSocialLinks social-links-list" data-v-1b0f0381 data-v-7d103c93><!--[--><a class="VPSocialLink no-icon" href="https://github.com/maomao1996/vitepress-nav-template" aria-label="github" target="_blank" rel="noopener" data-v-7d103c93 data-v-5c653e15><span class="vpi-social-github"></span></a>

31<!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-3e5de30a data-v-374e96f7><span class="container" data-v-374e96f7><span class="top" data-v-374e96f7></span><span class="middle" data-v-374e96f7></span><span class="bottom" data-v-374e96f7></span></span></button></div></div></div></div><div class="divider" data-v-3e5de30a><div class="divider-line" data-v-3e5de30a></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-c6a20dac data-v-04f7aecb><div class="container" data-v-04f7aecb><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-04f7aecb data-v-153bbf02><button data-v-153bbf02>回到顶部</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-c6a20dac data-v-c2391fd9><div class="VPDoc has-aside" data-v-c2391fd9 data-v-3665568b><!--[--><!--]--><div class="container" data-v-3665568b><div class="aside" data-v-3665568b><div class="aside-curtain" data-v-3665568b></div><div class="aside-container" data-v-3665568b><div class="aside-content" data-v-3665568b><div class="VPDocAside" data-v-3665568b data-v-7884ab7c><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-7884ab7c data-v-91a983e3><div class="content" data-v-91a983e3><div class="outline-marker" data-v-91a983e3></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-91a983e3>目录</div><ul class="VPDocOutlineItem root" data-v-91a983e3 data-v-21aab9eb><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-7884ab7c></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-3665568b><div class="content-container" data-v-3665568b><!--[--><!--]--><main class="main" data-v-3665568b><div style="position:relative;" class="vp-doc _test" data-v-3665568b><div><h1 id="功能测试页" tabindex="-1">功能测试页 <a class="header-anchor" href="#功能测试页" aria-label="Permalink to &quot;功能测试页&quot;">​</a></h1><h2 id="medium-zoom" tabindex="-1">medium-zoom <a class="header-anchor" href="#medium-zoom" aria-label="Permalink to &quot;medium-zoom&quot;">​</a></h2><p><img src="/logo.png" alt="medium-zoom"></p><h2 id="vite-plugin-markdown-preview" tabindex="-1">vite-plugin-markdown-preview <a class="header-anchor" href="#vite-plugin-markdown-preview" aria-label="Permalink to &quot;vite-plugin-markdown-preview&quot;">​</a></h2><div class="mdp-demo"><div class="mdp-demo__preview"><!--[--><div class="flex-row-center rounded-lg w-full h-40 bg-blue-500">vue 组件预览测试</div><!--]--></div><div class="mdp-demo__toolbar"><div class="mdp-demo__btn mdp-demo__btn-copy"><svg xmlns="http://www.w3.org/2000/svg" fill="none" height="20" width="20" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2"></path></svg></div><div class="mdp-demo__btn mdp-demo__btn-code"><svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="46" d="M160 368L32 256l128-112M352 368l128-112-128-112M304 96l-96 320"></path></svg></div></div><div class="mdp-demo__code" style="height:0px;visibility:hidden;"><div><!--[--><div class="language-vue vp-adaptive-theme line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
32<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> class</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;flex-row-center rounded-lg w-full h-40 bg-blue-500&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;vue 组件预览测试&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
33<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><!--]--></div></div></div></div></div></main><footer class="VPDocFooter" data-v-3665568b data-v-63c9e317><!--[--><!--[--><!--[--><!--[--><div class="doc-comments"><!----></div><!--]--><!--]--><!--]--><!--]--><div class="edit-info" data-v-63c9e317><!----><div class="last-updated" data-v-63c9e317><p class="VPLastUpdated" data-v-63c9e317 data-v-65cd4285>最后更新于: <time datetime="2024-01-26T09:55:23.000Z" data-v-65cd4285></time></p></div></div><!----></footer><!--[--><!--[--><!--[--><div class="m-doc-footer" style="display:none;" data-v-694eb995><div class="m-doc-footer-message" data-v-694eb995><img class="visitor" src="https://visitor-badge.laobi.icu/badge?page_id=maomao1996.vitepress-nav-template./test" title="当前页面累计访问数" onerror="this.style.display=&#39;none&#39;" data-v-694eb995><p data-v-694eb995>如有转载或 CV 的请标注本站原文地址</p></div><p class="m-doc-footer-copyright" data-v-694eb995>Copyright © 2019-present maomao</p></div><!--]--><!--]--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-c6a20dac data-v-4d3bc719><div class="container" data-v-4d3bc719><p class="message" data-v-4d3bc719>如有转载或 CV 的请标注本站原文地址</p><p class="copyright" data-v-4d3bc719>Copyright © 2019-present maomao</p></div></footer><!--[--><!--]--></div></div>
34    

34<script>window.__VP_HASH_MAP__=JSON.parse("{\"index.md\":\"DEuFbuOd\",\"nav_index.md\":\"DuctTqVc\",\"test.md\":\"BYDhjEcK\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"茂茂物语\",\"description\":\"茂茂的成长之路，包含前端常用知识、源码阅读笔记、各种奇淫技巧、日常提效工具等\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"i18nRouting\":false,\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"前端导航\",\"link\":\"/nav/\"},{\"text\":\"茂茂主页\",\"link\":\"https://fe-mm.com\"},{\"text\":\"茂茂物语\",\"link\":\"https://notes.fe-mm.com\"},{\"text\":\"mmPlayer\",\"link\":\"https://netease-music.fe-mm.com\"},{\"text\":\"油猴脚本\",\"link\":\"https://github.com/maomao1996/tampermonkey-scripts\"}],\"sidebar\":{},\"outline\":{\"level\":\"deep\",\"label\":\"目录\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/maomao1996/vitepress-nav-template\"}],\"footer\":{\"message\":\"如有转载或 CV 的请标注本站原文地址\",\"copyright\":\"Copyright © 2019-present maomao\"},\"lastUpdated\":{\"text\":\"最后更新于\",\"formatOptions\":{\"dateStyle\":\"short\",\"timeStyle\":\"medium\"}},\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"},\"returnToTopLabel\":\"回到顶部\",\"sidebarMenuLabel\":\"菜单\",\"darkModeSwitchLabel\":\"主题\",\"lightModeSwitchTitle\":\"切换到浅色模式\",\"darkModeSwitchTitle\":\"切换到深色模式\",\"visitor\":{\"badgeId\":\"maomao1996.vitepress-nav-template\"},\"comment\":{\"repo\":\"maomao1996/vitepress-nav-template\",\"repoId\":\"R_kgDOJC09Jg\",\"category\":\"Announcements\",\"categoryId\":\"DIC_kwDOJC09Js4Cekn0\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":true}");</script>

34
35    
36  </body>
37</html>