1<!DOCTYPE html> 2<html lang="zh-Hans" 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=75b2b222-8964-48ef-aa2d-db6a6624d125 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="Colorful Design æ¯ä»¥è§£å³æ¹æ¡ä¸ºé©±å¨ï¼å å«é¡¹ç®çæä½³å®è·µï¼æä½³çç»ä»¶å®ç°å便æ·çå·¥å ·ç±»å°è£ "> 11 <meta name="generator" content="VitePress v1.6.4"> 12 <link rel="preload stylesheet" href="/assets/style.U3lTlYhS.css" as="style"> 13 <link rel="preload stylesheet" href="/vp-icons.css" as="style"> 14
14<script type="module" src="/assets/chunks/metadata.72109b4f.js"></script>
14 15
15<script type="module" src="/assets/app.DiVfUFa3.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.w4DtOjQb.js"> 18 <link rel="modulepreload" href="/assets/chunks/framework.DYu0XweL.js"> 19 <link rel="modulepreload" href="/assets/zh_template_create-uni_index.md.Bt1Q45q8.lean.js"> 20 <link rel="icon" type="image/png" href="/anyup/images/logo-heart-transparent.png"> 21 <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4522599_t4534k2ng8.css"> 22 <meta name="theme-color" content="#5f67ee"> 23 <meta name="referrer" content="no-referrer"> 24 <meta name="keywords" content="anyup,Colorful Design,Colorful App,JavaScript,TypeScript,Vue3,uni-app,åç«¯å·¥å ·åº,å客,blog"> 25 <meta property="og:type" content="website"> 26 <meta property="og:locale" content="zh"> 27 <meta property="og:title" content="Colorful Design | Vite & Vue Powered Static Site Generator"> 28 <meta property="og:site_name" content="Colorful Design"> 29 <meta property="og:image" content="/anyup/images/vitepress-og.png"> 30 <meta property="og:url" content="https://www.anyup.cn"> 31
31<script src="https://cdn.usefathom.com/script.js" data-site="AZBRSFGG" data-spa="auto" defer></script>
31 32
32<script src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
32 33 <meta name="baidu-site-verification" content="code-KOgnjImY1m"> 34
34<script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?b3d2cace082e577b291d93de68e86eaa";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
34 35
35<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>
35 36
36<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
36 37 </head> 38 <body> 39 <div id="app"><div class="Layout" data-v-5d98c3a5><!--[--><!--]--><!--[--><span tabindex="-1" data-v-0b0ada53></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-0b0ada53>Skip to content</a><!--]--><!----><header class="VPNav" data-v-5d98c3a5 data-v-ae24b3ad><div class="VPNavBar" data-v-ae24b3ad data-v-6aa21345><div class="wrapper" data-v-6aa21345><div class="container" data-v-6aa21345><div class="title" data-v-6aa21345><div class="VPNavBarTitle has-sidebar" data-v-6aa21345 data-v-1168a8e4><a class="title" href="/" data-v-1168a8e4><!--[--><!--]--><!--[--><img class="VPImage logo" src="/anyup/images/logo1.png" width="65" height="24" alt data-v-8426fc1a><!--]--><span data-v-1168a8e4>髿çå端ç¥è¯åº</span><!--[--><!--]--></a></div></div><div class="content" data-v-6aa21345><div class="content-body" data-v-6aa21345><!--[--><!--]--><div class="VPNavBarSearch search" data-v-6aa21345><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6aa21345 data-v-dc692963><span id="main-nav-aria-label" class="visually-hidden" data-v-dc692963> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/" tabindex="0" data-v-dc692963 data-v-e56f3d57><!--[--><span data-v-e56f3d57>é¦é¡µ</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-dc692963 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-cf11d7a2><span class="text" data-v-cf11d7a2><!----><span data-v-cf11d7a2>uni-app ç¸å ³åº</span><span class="vpi-chevron-down text-icon" data-v-cf11d7a2></span></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><div class="items" data-v-b98bc113><!--[--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link vp-external-link-icon" href="https://uview-pro.netlify.app/" target="_blank" rel="noreferrer" data-v-35975db6><!--[--><span data-v-35975db6>uView Pro Vue3 ç»ä»¶åº</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class='VPLink link' data-v-35975db6 href='/zh/colorful-uni/guide/introduce'><!--[--><span data-v-35975db6>uni-app Vue2 弿ºåº</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class='VPLink link' data-v-35975db6 href='/zh/uni-http/guide/introduce'><!--[--><span data-v-35975db6>uni-app 请æ±åº</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/zh/template/create-uni/" tabindex="0" data-v-dc692963 data-v-e56f3d57><!--[--><span data-v-e56f3d57>èææ¶å·¥å ·</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-dc692963 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-cf11d7a2><span class="text" data-v-cf11d7a2><!----><span data-v-cf11d7a2>å客å</span><span class="vpi-chevron-down text-icon" data-v-cf11d7a2></span></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><div class="items" data-v-b98bc113><!--[--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/" data-v-35975db6><!--[--><span data-v-35975db6>å ³äºæ</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/uni-app/" data-v-35975db6><!--[--><span data-v-35975db6>uni-appå¼å</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/front-end/" data-v-35975db6><!--[--><span data-v-35975db6>
39ç²¾éå端</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/design-pattern/" data-v-35975db6><!--[--><span data-v-35975db6>å端设计模å¼</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/css/" data-v-35975db6><!--[--><span data-v-35975db6>CSSæ ·å¼è¡¨</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/vuejs2/" data-v-35975db6><!--[--><span data-v-35975db6>Vueå¼å</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/tools/" data-v-35975db6><!--[--><span data-v-35975db6>å¼åå·¥å
·</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-b98bc113 data-v-35975db6><a class="VPLink link" href="/zh/blog/large-screen/" data-v-35975db6><!--[--><span data-v-35975db6>å¯è§å大å±</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-6aa21345 data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-6aa21345 data-v-0394ad82 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/anyup" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><span class="vpi-social-github"></span></a><a class="VPSocialLink no-icon" href="https://gitee.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1716370022058" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3584" width="64" height="64"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#D81E06" p-id="3585"></path><path d="M771.17 455.1H480.42c-13.96 0-25.28 11.32-25.28 25.28l-0.03 63.23c0 13.95 11.3 25.28 25.28 25.28h177.02c13.96 0 25.28 11.32 25.28 25.28v12.64c0 41.89-33.95 75.84-75.84 75.84H366.62c-13.96 0-25.28-11.32-25.28-25.28V417.18c0-41.89 33.95-75.84 75.84-75.84H771.1c13.96 0 25.28-11.32 25.28-25.28l0.06-63.2c0-13.97-11.31-25.29-25.28-25.31H417.18c-104.72 0-189.61 84.88-189.63 189.6V771.1c0 13.95 11.33 25.28 25.28 25.28h372.93c94.25 0 170.66-76.41 170.66-170.66V480.35c0-13.96-11.32-25.28-25.28-25.28l0.03 0.03z" fill="#FFFFFF" p-id="3586"></path></svg></a><a class="VPSocialLink no-icon" href="https://blog.csdn.net/qq_24956515" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1725850307678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1700" width="64" height="64"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.
3912 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z" fill="#DD1700" p-id="1701"></path></svg></a><a class="VPSocialLink no-icon" href="https://www.yuque.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1725850403690" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1702" width="64" height="64"><path d="M512 0c282.773333 0 512 229.226667 512 512S794.773333 1024 512 1024 0 794.773333 0 512 229.226667 0 512 0z m67.626667 256.768c-62.101333 3.370667-103.744 24.789333-115.626667 30.805333 19.989333 5.781333 28.8 7.701333 41.621333 17.578667 12.842667 9.877333 33.066667 38.997333 16.64 77.013333-7.765333 17.792-80.426667 99.2-157.76 183.018667l-12.906666 13.973333-12.949334 13.973334a16904.213333 16904.213333 0 0 1-167.253333 177.557333c-8.746667 8.853333 62.122667 21.397333 135.402667 26.069333l11.008 0.64c14.656 0.768 29.269333 1.194667 43.2 1.194667 77.546667 0 128.917333-27.2 167.701333-60.650667 31.402667 8.426667 110.613333 22.4 178.176-39.253333 84.693333-77.248 68.053333-166.549333 64.704-184.597333-6.186667-33.472-21.653333-59.946667-28.309333-71.978667 0 0 8.32-12.757333 13.077333-25.514667 6.186667-16.128 7.381333-36.586667 7.381333-36.586666l40.917334-41.642667-51.861334-5.76c-11.904-29.376-26.410667-43.093333-40.682666-52.48-28.778667-19.029333-70.656-26.730667-132.48-23.36z" fill="#00b578" p-id="1703"></path></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/4230576472589976/posts" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1726024953889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3562" width="64" height="64"><path d="M512.010445 0.000585A512.281535 512.281535 0 0 0 1.016196 479.339287c-19.250785 305.964609 237.679908 562.895302 543.644517 543.644517A511.98897 511.98897 0 0 0 512.010445 0.000585z" fill="#2180FF" p-id="3563"></path><path d="M481.700698 269.160501l21.064689-15.798517a75.189237 75.189237 0 0 1 8.89398-6.846024 118.547389 118.547389 0 0 1 13.692048 10.005728l21.591306 16.851751a20.88915 20.88915 0 0 0 5.851303 4.212938A52.661723 52.661723 0 0 0 563.794472 286.714408q6.319407 5.266172 10.532345 8.425876a18.548629 18.548629 0 0 1 3.68632 4.212938q0 0.526617-2.106468 2.106469-0.526617 0.526617-8.952493 6.846024t-20.011455 15.740004q-11.702605 10.005727-20.538072 16.851751t-11.058962 8.425875l-3.68632 2.633087-24.16588-19.484838a167.69833 167.69833 0 0 1-17.553907-13.633535q
39-7.372641-5.851303-8.425876-6.319406l-2.457547-2.399034q-2.633086-2.106469-6.319406-4.739555l-7.372642-5.851303 4.212938-3.686321A70.80076 70.80076 0 0 1 460.636009 286.714408zM643.664752 394.144323q11.058962-7.899258 18.95822-14.218665a36.453615 36.453615 0 0 1 8.425875-5.851303q3.042677 2.633086 21.006177 16.851751c11.702605 9.47911 18.431603 14.862308 20.538071 16.266621q0 1.053234-5.851302 5.851303l-13.692048 11.058962q-8.425876 6.319407-20.011455 15.798516-12.521787 10.005727-22.586027 17.553908-10.005727 8.425876-21.064689 16.851751c-7.372641 5.851303-13.516509 10.707884-18.431603 14.160152L600.072548 497.361299q-4.739555 3.686321-5.266172 4.212938c-1.755391 1.404313-8.89398 7.021563-21.532794 16.851751s-23.40521 18.95822-35.107815 28.43733l-4.739555 3.159704q-3.686321 3.159703-7.899258 6.319407l-11.234501 8.308849a3.10119 3.10119 0 0 1-2.633086 1.579852q-0.526617 0.526617-2.106469-1.053235c-1.3458-0.702156-7.840745-5.851303-19.426324-15.271899s-26.5064-20.362533-43.70923-33.703503q-47.805142-37.91644-64.364328-51.023358l-24.224392-19.484837q-4.212938-3.159703-10.005728-7.899258c-3.803347-3.159703-7.489667-5.851303-11.000448-8.952493a46.166777 46.166777 0 0 1-8.952493-6.846024 16.032569 16.032569 0 0 1-4.739555-3.686321 31.889599 31.889599 0 0 0-2.633086-2.106469 16.500673 16.500673 0 0 0-4.212938-3.159703q-7.899258-6.319407-4.739555-6.319407a1.521339 1.521339 0 0 0 1.053234-0.526617l3.159704-2.047956a5.090633 5.090633 0 0 1 2.633086-2.106469l2.106469-2.106469a64.890945 64.890945 0 0 0 6.319406-4.739555L336.997987 386.186551c4.212938-3.510782 7.899258-6.319407 11.000448-8.425875a53.831983 53.831983 0 0 1 5.266173-3.686321 11.702605 11.702605 0 0 1 3.159703 1.579852l4.739555 4.739555q18.431603 13.692048 40.549527 31.011903t30.485286 24.224393a15.447439 15.447439 0 0 0 4.212938 3.68632l5.266172 4.212938a57.459791 57.459791 0 0 0 4.739555 4.212938q3.159703 2.106469 4.212938 2.633086a60.443955 60.443955 0 0 0 5.851302 4.739555A86.131173 86.131173 0 0 0 465.375564 462.253484q26.857479 21.064689 35.107815 27.8522a81.508644 81.508644 0 0 0 8.89398 6.846024c-1.3458 3.159703 4.915094-0.526617 18.95822-11.000449S580.295145 444.699576 643.664752 394.144323zM200.136021 496.717656l14.218665-11.702605a33.46945 33.46945 0 0 1 5.851302-4.212938q0-1.053234 7.372642 4.739555t32.12365 25.745731q6.787511 4.739555 23.405211 17.904986t35.107815 27.910713l65.76864 51.549975q18.431603 15.2719 20.538072 16.851751a58.513025 58.513025 0 0 1 8.952493 7.372641c5.266172 3.86186 11.058962 8.250337 17.553907 13.165431l16.851751 13.106918 7.372642 6.319406q1.053234 0.526617 4.212937 2.633087l6.846024 5.851302a36.921719 36.921719 0 0 0 7.372642 5.266172q2.633086 3.159703 3.159703 3.159704l1.579852 1.053234a17.553908 17.553908 0 0 0 2.633086 2.106469l3.68632 2.633086a8.250337 8.250337 0 0 0 2.106469 1.579852 8.601415 8.601415 0 0 0 3.159704 2.633086l8.425875 6.319407a57.459791 57.459791 0 0 1 4.739555 4.212938q1.579852 1.579852 2.106469 1.579851t1.579852 1.053235a3.452268 3.452268 0 0 0 2.047956 1.579851l2.633086 2.106469 7.372641-5.266172a64.364328 64.364328 0 0 1 9.47911-7.372641 136.74494 136.74494 0 0 1 11.058962-8.952493q5.266172-4.212938 15.798517-12.112196t20.011454-16.325134c7.021563-5.266172 14.394204-11.000449 22.059411-17.553908s14.569743-11.058962 19.484837-15.271899 9.303571-7.197102 13.165431-10.005728a20.479559 20.479559 0 0 0 6.319407-5.851302q1.053234-0.526617 9.47911-7.372641t20.011454-16.325134l20.479559-15.2719c5.851303-4.505503 9.128032-6.96305 9.47911-7.314128l2.633086-2.633086a22.23495 22.23495 0 0 0 5.851303-4.212938q7.372641-5.851303 9.47911-7.899258a14.043126 14.043126 0 0 1 4.739555-3.159704 44.820977 44.820977 0 0 1 5.266172-4.212938l6.846024-5.851302a73.726412 73.726412 0 0 0 6.846024-4.739555q2.633086-2.106469 2.633086-2.633086a10.06424 10.06424 0 0 0 4.212938-2.633086l8.425876-7.372642a57.459791 57.459791 0 0 0 8.367362-6.846024q4.212938-2.633086 5.266172-3.159703a37.389823 37.389823 0 0 1 6.319407-5.851302 117.435642 117.435642 0 0 1 12.638814-9.479111c7.372641-5.851303 12.463274-9.947214 15.271899-12.053683s4.739555-1.579852 4.739555-0.526617 0.702156 1.053234 2.106469 2.106469a14.979334 14.979334 0 0 1 3.159703 2.633086 110.82367 110.82367 0 0 1 12.112197 9.947214 97.716752 97.716752 0 0 1 9.011006 7.548181q0 0.526617 2.106468 1.579851a60.853546 60.853546 0 0 1 5.20766 4.739555l7.372641 5.266173-3.159703 1.579851q-0.526617 1.579852-4.212938 3.159704a28.3788
3917 28.378817 0 0 1-5.851303 5.266172 46.81042 46.81042 0 0 0-5.851302 4.739555l-2.633086 2.106469a25.745731 25.745731 0 0 0-2.633087 1.579852 52.193618 52.193618 0 0 1-4.212937 3.68632q-7.899258 6.319407-18.431603 14.218665t-12.112197 10.005728q-1.579852 1.053234-7.899258 5.851302c-4.564016 3.452268-9.830188 7.665206-15.798517 12.580301q-22.586028 18.431603-35.107815 27.384095-12.112196 10.005727-26.330861 21.064689-7.899258 6.319407-13.165431 10.005728a62.316372 62.316372 0 0 1-6.846024 5.851302 23.814801 23.814801 0 0 0-3.159703 2.106469l-3.159703 3.686321-4.212938 2.574573-2.047956 2.106469q-4.212938 2.633086-18.95822 14.218665-13.692048 11.058962-26.330862 20.538072a112.7546 112.7546 0 0 1-11.058961 8.952492l-5.266173 4.739556a5.441711 5.441711 0 0 0-2.106469 1.053234 17.553908 17.553908 0 0 0-2.633086 2.106469q-2.106469 1.579852-5.266172 4.212938a27.150044 27.150044 0 0 0-5.851303 5.266172q-8.30885 5.851303-32.591755 25.219114t-38.443057 30.017182a47.39555 47.39555 0 0 1-6.846024 4.739555 10.590858 10.590858 0 0 1-3.159703 2.106469c-0.702156-0.351078-5.558737-4.037399-14.68677-11.058962l-34.756737-27.910713q-21.591306-16.266621-43.650716-33.64499t-34.23012-27.910713l-21.591306-16.325134q-10.005727-7.899258-11.058962-8.425875c-2.106469-1.755391-5.851303-4.505503-10.473832-8.367363s-13.165431-10.707884-25.804244-20.538072q-11.702605-9.47911-23.40521-18.431603t-16.325134-13.457995c-7.723719-6.319407-13.633535-11.058962-17.553907-14.218666s-11.702605-9.245058-22.117924-17.553907q-43.1241-33.059859-51.023358-39.788857c-5.207659-4.212938-6.96305-6.319407-5.207659-6.319407 0.702156-0.702156 2.984164-2.633086 6.787511-5.851302s8.601415-6.787511 14.218665-11.000449z" fill="#FFFFFF" p-id="3564"></path></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-6aa21345 data-v-bb2aa2f0 data-v-cf11d7a2><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-cf11d7a2><span class="vpi-more-horizontal icon" data-v-cf11d7a2></span></button><div class="menu" data-v-cf11d7a2><div class="VPMenu" data-v-cf11d7a2 data-v-b98bc113><!----><!--[--><!--[--><!----><div class="group" data-v-bb2aa2f0><div class="item appearance" data-v-bb2aa2f0><p class="label" data-v-bb2aa2f0>主é¢</p><div class="appearance-action" data-v-bb2aa2f0><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bb2aa2f0 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bb2aa2f0><div class="item social-links" data-v-bb2aa2f0><div class="VPSocialLinks social-links-list" data-v-bb2aa2f0 data-v-7bc22406><!--[--><a class="VPSocialLink no-icon" href="https://github.com/anyup" aria-label="github" target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><span class="vpi-social-github"></span></a><a class="VPSocialLink no-icon" href="https://gitee.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1716370022058" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3584" width="64" height="64"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#D81E06" p-id="3585"></path><path d="M771.17 455.1H480.42c-13.96 0-25.28 11.32-25.28 25.28l-0.03 63.23c0 13.95 11.3 25.28 25.28 25.28h177.02c13.96 0 25.28 11.32 25.28 25.28v12.64c0 41.89-33.95 75.84-75.84 75.84H366.62c-13.96 0-25.28-11.32-25.28-25.28V417.18c0-41.89 33.95-75.84 75.84-75.84H771.1c13.96 0 25.28-11.32 25.28-25.28l0.06-63.2c0-13.97-11.31-25.29-25.28-25.31H417.18c-104.72 0-189.61 84.88-189.63 189.6V771.1c0 13.95 11.33 25.28 25.28 25.28h372.93c94.25 0 170.66-76.41 170.66-170.66V480.35c0-13.96-11.32-25.28-25.28-25.28l0.03 0.03z" fill="#FFFFFF" p-id="3586"></path></svg></a><a class="VPSocialLink no-icon" href="https://blog.csdn.net/qq_24956515" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5>
39<svg t="1725850307678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1700" width="64" height="64"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.12 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z" fill="#DD1700" p-id="1701"></path></svg></a><a class="VPSocialLink no-icon" href="https://www.yuque.com/anyup" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5><svg t="1725850403690" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1702" width="64" height="64"><path d="M512 0c282.773333 0 512 229.226667 512 512S794.773333 1024 512 1024 0 794.773333 0 512 229.226667 0 512 0z m67.626667 256.768c-62.101333 3.370667-103.744 24.789333-115.626667 30.805333 19.989333 5.781333 28.8 7.701333 41.621333 17.578667 12.842667 9.877333 33.066667 38.997333 16.64 77.013333-7.765333 17.792-80.426667 99.2-157.76 183.018667l-12.906666 13.973333-12.949334 13.973334a16904.213333 16904.213333 0 0 1-167.253333 177.557333c-8.746667 8.853333 62.122667 21.397333 135.402667 26.069333l11.008 0.64c14.656 0.768 29.269333 1.194667 43.2 1.194667 77.546667 0 128.917333-27.2 167.701333-60.650667 31.402667 8.426667 110.613333 22.4 178.176-39.253333 84.693333-77.248 68.053333-166.549333 64.704-184.597333-6.186667-33.472-21.653333-59.946667-28.309333-71.978667 0 0 8.32-12.757333 13.077333-25.514667 6.186667-16.128 7.381333-36.586667 7.381333-36.586666l40.917334-41.642667-51.861334-5.76c-11.904-29.376-26.410667-43.093333-40.682666-52.48-28.778667-19.029333-70.656-26.730667-132.48-23.36z" fill="#00b578" p-id="1703"></path></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/4230576472589976/posts" aria-label target="_blank" rel="noopener" data-v-7bc22406 data-v-bd121fe5>
39<svg t="1726024953889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3562" width="64" height="64"><path d="M512.010445 0.000585A512.281535 512.281535 0 0 0 1.016196 479.339287c-19.250785 305.964609 237.679908 562.895302 543.644517 543.644517A511.98897 511.98897 0 0 0 512.010445 0.000585z" fill="#2180FF" p-id="3563"></path><path d="M481.700698 269.160501l21.064689-15.798517a75.189237 75.189237 0 0 1 8.89398-6.846024 118.547389 118.547389 0 0 1 13.692048 10.005728l21.591306 16.851751a20.88915 20.88915 0 0 0 5.851303 4.212938A52.661723 52.661723 0 0 0 563.794472 286.714408q6.319407 5.266172 10.532345 8.425876a18.548629 18.548629 0 0 1 3.68632 4.212938q0 0.526617-2.106468 2.106469-0.526617 0.526617-8.952493 6.846024t-20.011455 15.740004q-11.702605 10.005727-20.538072 16.851751t-11.058962 8.425875l-3.68632 2.633087-24.16588-19.484838a167.69833 167.69833 0 0 1-17.553907-13.633535q-7.372641-5.851303-8.425876-6.319406l-2.457547-2.399034q-2.633086-2.106469-6.319406-4.739555l-7.372642-5.851303 4.212938-3.686321A70.80076 70.80076 0 0 1 460.636009 286.714408zM643.664752 394.144323q11.058962-7.899258 18.95822-14.218665a36.453615 36.453615 0 0 1 8.425875-5.851303q3.042677 2.633086 21.006177 16.851751c11.702605 9.47911 18.431603 14.862308 20.538071 16.266621q0 1.053234-5.851302 5.851303l-13.692048 11.058962q-8.425876 6.319407-20.011455 15.798516-12.521787 10.005727-22.586027 17.553908-10.005727 8.425876-21.064689 16.851751c-7.372641 5.851303-13.516509 10.707884-18.431603 14.160152L600.072548 497.361299q-4.739555 3.686321-5.266172 4.212938c-1.755391 1.404313-8.89398 7.021563-21.532794 16.851751s-23.40521 18.95822-35.107815 28.43733l-4.739555 3.159704q-3.686321 3.159703-7.899258 6.319407l-11.234501 8.308849a3.10119 3.10119 0 0 1-2.633086 1.579852q-0.526617 0.526617-2.106469-1.053235c-1.3458-0.702156-7.840745-5.851303-19.426324-15.271899s-26.5064-20.362533-43.70923-33.703503q-47.805142-37.91644-64.364328-51.023358l-24.224392-19.484837q-4.212938-3.159703-10.005728-7.899258c-3.803347-3.159703-7.489667-5.851303-11.000448-8.952493a46.166777 46.166777 0 0 1-8.952493-6.846024 16.032569 16.032569 0 0 1-4.739555-3.686321 31.889599 31.889599 0 0 0-2.633086-2.106469 16.500673 16.500673 0 0 0-4.212938-3.159703q-7.899258-6.319407-4.739555-6.319407a1.521339 1.521339 0 0 0 1.053234-0.526617l3.159704-2.047956a5.090633 5.090633 0 0 1 2.633086-2.106469l2.106469-2.106469a64.890945 64.890945 0 0 0 6.319406-4.739555L336.997987 386.186551c4.212938-3.510782 7.899258-6.319407 11.000448-8.425875a53.831983 53.831983 0 0 1 5.266173-3.686321 11.702605 11.702605 0 0 1 3.159703 1.579852l4.739555 4.739555q18.431603 13.692048 40.549527 31.011903t30.485286 24.224393a15.447439 15.447439 0 0 0 4.212938 3.68632l5.266172 4.212938a57.459791 57.459791 0 0 0 4.739555 4.212938q3.159703 2.106469 4.212938 2.633086a60.443955 60.443955 0 0 0 5.851302 4.739555A86.131173 86.131173 0 0 0 465.375564 462.253484q26.857479 21.064689 35.107815 27.8522a81.508644 81.508644 0 0 0 8.89398 6.846024c-1.3458 3.159703 4.915094-0.526617 18.95822-11.000449S580.295145 444.699576 643.664752 394.144323zM200.136021 496.717656l14.218665-11.702605a33.46945 33.46945 0 0 1 5.851302-4.212938q0-1.053234 7.372642 4.739555t32.12365 25.745731q6.787511 4.739555 23.405211 17.904986t35.107815 27.910713l65.76864 51.549975q18.431603 15.2719 20.538072 16.851751a58.513025 58.513025 0 0 1 8.952493 7.372641c5.266172 3.86186 11.058962 8.250337 17.553907 13.165431l16.851751 13.106918 7.372642 6.319406q1.053234 0.526617 4.212937 2.633087l6.846024 5.851302a36.921719 36.921719 0 0 0 7.372642 5.266172q2.633086 3.159703 3.159703 3.159704l1.579852 1.053234a17.553908 17.553908 0 0 0 2.633086 2.106469l3.68632 2.633086a8.250337 8.250337 0 0 0 2.106469 1.579852 8.601415 8.601415 0 0 0 3.159704 2.633086l8.425875 6.319407a57.459791 57.459791 0 0 1 4.739555 4.212938q1.579852 1.579852 2.106469 1.579851t1.579852 1.053235a3.452268 3.452268 0 0 0 2.047956 1.579851l2.633086 2.106469 7.372641-5.266172a64.364328 64.364328 0 0 1 9.47911-7.372641 136.74494 136.74494 0 0 1 11.058962-8.952493q5.266172-4.212938 15.798517-12.112196t20.011454-16.325134c7.021563-5.266172 14.394204-11.000449 22.059411-17.553908s14.569743-11.058962 19.484837-15.271899 9.303571-7.197102 13.165431-10.005728a20.479559 20.479559 0 0 0 6.319407-5.851302q1.053234-0.526617 9.47911-7.372641t20.011454-16.325134l20.479559-15.2719c5.851303-4.505503 9.128032-6.96305 9.47911-7.314128l2.633086-2.633086a22.23495 22.23495 0 0 0 5.851303-4.212938q7.372641-5.851303 9.47911-7.899258a14.043126 14.043126 0 0 1 4.739555-3.159704 44.820977 44.820977 0 0 1 5.266172-4.212938l6.846024-5.851302a73.726412 73.726412 0 0 0 6.846024-4.739555q2.633086-2.106469 2.633086-2.633086a10.06424 10.06424 0 0 0 4.212938-2.633086l8.425876-7.372642a57.459791 57.459791 0 0 0 8.367362-6.846024q4.212938-2.633086 5.266172-3.159703a37.389823 37.389823 0 0 1 6.319407-5.851302 117.435642 117.435642
390 0 1 12.638814-9.479111c7.372641-5.851303 12.463274-9.947214 15.271899-12.053683s4.739555-1.579852 4.739555-0.526617 0.702156 1.053234 2.106469 2.106469a14.979334 14.979334 0 0 1 3.159703 2.633086 110.82367 110.82367 0 0 1 12.112197 9.947214 97.716752 97.716752 0 0 1 9.011006 7.548181q0 0.526617 2.106468 1.579851a60.853546 60.853546 0 0 1 5.20766 4.739555l7.372641 5.266173-3.159703 1.579851q-0.526617 1.579852-4.212938 3.159704a28.378817 28.378817 0 0 1-5.851303 5.266172 46.81042 46.81042 0 0 0-5.851302 4.739555l-2.633086 2.106469a25.745731 25.745731 0 0 0-2.633087 1.579852 52.193618 52.193618 0 0 1-4.212937 3.68632q-7.899258 6.319407-18.431603 14.218665t-12.112197 10.005728q-1.579852 1.053234-7.899258 5.851302c-4.564016 3.452268-9.830188 7.665206-15.798517 12.580301q-22.586028 18.431603-35.107815 27.384095-12.112196 10.005727-26.330861 21.064689-7.899258 6.319407-13.165431 10.005728a62.316372 62.316372 0 0 1-6.846024 5.851302 23.814801 23.814801 0 0 0-3.159703 2.106469l-3.159703 3.686321-4.212938 2.574573-2.047956 2.106469q-4.212938 2.633086-18.95822 14.218665-13.692048 11.058962-26.330862 20.538072a112.7546 112.7546 0 0 1-11.058961 8.952492l-5.266173 4.739556a5.441711 5.441711 0 0 0-2.106469 1.053234 17.553908 17.553908 0 0 0-2.633086 2.106469q-2.106469 1.579852-5.266172 4.212938a27.150044 27.150044 0 0 0-5.851303 5.266172q-8.30885 5.851303-32.591755 25.219114t-38.443057 30.017182a47.39555 47.39555 0 0 1-6.846024 4.739555 10.590858 10.590858 0 0 1-3.159703 2.106469c-0.702156-0.351078-5.558737-4.037399-14.68677-11.058962l-34.756737-27.910713q-21.591306-16.266621-43.650716-33.64499t-34.23012-27.910713l-21.591306-16.325134q-10.005727-7.899258-11.058962-8.425875c-2.106469-1.755391-5.851303-4.505503-10.473832-8.367363s-13.165431-10.707884-25.804244-20.538072q-11.702605-9.47911-23.40521-18.431603t-16.325134-13.457995c-7.723719-6.319407-13.633535-11.058962-17.553907-14.218666s-11.702605-9.245058-22.117924-17.553907q-43.1241-33.059859-51.023358-39.788857c-5.207659-4.212938-6.96305-6.319407-5.207659-6.319407 0.702156-0.702156 2.984164-2.633086 6.787511-5.851302s8.601415-6.787511 14.218665-11.000449z" fill="#FFFFFF" p-id="3564"></path></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-6aa21345 data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-6aa21345><div class="divider-line" data-v-6aa21345></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-5d98c3a5 data-v-a6f0e41e><div class="container" data-v-a6f0e41e><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-a6f0e41e><span class="vpi-align-left menu-icon" data-v-a6f0e41e></span><span class="menu-text" data-v-a6f0e41e>èå</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-a6f0e41e data-v-8a42e2b4><button data-v-8a42e2b4>åå°é¡¶é¨</button><!----></div></div></div><aside class="VPSidebar" data-v-5d98c3a5 data-v-319d5ca6><div class="curtain" data-v-319d5ca6></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-319d5ca6><span class="visually-hidden" id="sidebar-aria-label" data-v-319d5ca6> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-c40bc020><section class="VPSidebarItem level-0" data-v-c40bc020 data-v-b3fd67f8><!----><div class="items" data-v-b3fd67f8><!--[--><div class="VPSidebarItem level-1 is-link" data-v-b3fd67f8 data-v-b3fd67f8><!----><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-5d98c3a5 data-v-1428d186><div class="VPDoc has-sidebar has-aside" data-v-1428d186 data-v-39a288b8><!--[--><!--]--><div class="container" data-v-39a288b8><div class="aside" data-v-39a288b8><div class="aside-curtain" data-v-39a288b8></div><div class="aside-container" data-v-39a288b8><div class="aside-content" data-v-39a288b8><div class="VPDocAside" data-v-39a288b8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-a5bbad30><div class="content" data-v-a5bbad30><div class="outline-marker" data-v-a5bbad30></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-a5bbad30>页é¢å¯¼èª</div><ul class="VPDocOutlineItem root" data-v-a5bbad30 data-v-b933a997><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-39a288b8><div class="content-container" data-v-39a288b8><!--[--><!--]--><main class="main" data-v-39a288b8><div style="position:relative;" class="vp-doc _zh_template_create-uni_" data-v-39a288b8><div><p align="center"><img alt="logo" src="/anyup/images/logo-heart-transparent.png" width="120" style="margin-bottom:10px;"></p><h1 align="center">Colorful UniApp CLI</h1><h2 align="center"><sub>ä¸ä¸ªå¿«éå建 uni-app 模æ¿é¡¹ç®ç CLI å·¥å
·</sub></h2><h2 id="ä¸-ä»ç»" tabindex="-1">ä¸. ä»ç» <a class="header-anchor" href="#ä¸-ä»ç»" aria-label="Permalink to "ä¸. ä»ç»"">â</a></h2><p><code>create-colorful-app</code> æ¯ä¸ä¸ªç¨äºå¿«éå建 <code>uniapp</code>
39 项ç®çè½»éèææ¶å·¥å ·ï¼å®å¯ä»¥å¸®å©ä½ å¿«éå建ä¸ä¸ª <code>uni-app</code> 项ç®ã</p><h2 id="äº-å¿«é使ç¨" tabindex="-1">äº. å¿«éä½¿ç¨ <a class="header-anchor" href="#äº-å¿«é使ç¨" aria-label="Permalink to "äº. å¿«é使ç¨"">â</a></h2><h3 id="_1-使ç¨-pnpm-create-å½ä»¤å¿«éå建项ç®" tabindex="-1">1. ä½¿ç¨ <code>pnpm create</code> å½ä»¤å¿«éåå»ºé¡¹ç® <a class="header-anchor" href="#_1-使ç¨-pnpm-create-å½ä»¤å¿«éå建项ç®" aria-label="Permalink to "1. ä½¿ç¨ `pnpm create` å½ä»¤å¿«éå建项ç®"">â</a></h3><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pnpm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> create</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> colorful-app</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # é®è¯¢æ¹å¼å建项ç®</span></span> 40<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pnpm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> create</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> colorful-app</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> <</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">项ç®å</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">ç§°</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">></span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # é»è®¤ä¼å建 base-template 模æ¿</span></span> 41<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pnpm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> create</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> colorful-app</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> <</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">项ç®å</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">ç§°</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">></span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -t</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> <</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">模æ¿</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">å</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">></span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # æ ¹æ®æ¨¡æ¿åç§°åå»ºå¯¹åºæ¨¡æ¿</span></span></code></pre></div><h3 id="_2-使ç¨-npx-å½ä»¤å¿«éå建项ç®" tabindex="-1">2. ä½¿ç¨ <code>npx</code> å½ä»¤å¿«éåå»ºé¡¹ç® <a class="header-anchor" href="#_2-使ç¨-npx-å½ä»¤å¿«éå建项ç®" aria-label="Permalink to "2. ä½¿ç¨ `npx` å½ä»¤å¿«éå建项ç®"">â</a></h3><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npx</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> create-colorful-app</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # é®è¯¢æ¹å¼å建项ç®</span></span> 42<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npx</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> create-colorful-app</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> <</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">项ç®å</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">ç§°</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">></span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # é»è®¤ä¼å建 base-template 模æ¿</span></span> 43<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npx</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> create-colorful-app</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> <</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">项ç®å</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">ç§°</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">></span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -t</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> <</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">模æ¿</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">å</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">></span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> # æ ¹æ®æ¨¡æ¿åç§°åå»ºå¯¹åºæ¨¡æ¿</span></span></code></pre></div><h3 id="_3-éæ©æ¨¡æ¿è¯´æ" tabindex="-1">3. éæ©æ¨¡æ¿è¯´æ <a class="header-anchor" href="#_3-éæ©æ¨¡æ¿è¯´æ" aria-label="Permalink to "3. éæ©æ¨¡æ¿è¯´æ"">â</a></h3><p><code>create-colorful-app</code> æ¯æ <code>-t</code> åæ°éæ©æ¨¡æ¿ï¼ç®åæ <code>3</code> 个模æ¿ï¼ä¸º <code>Vue 2</code> 模æ¿å嫿¯ï¼</p><ul><li><p><code>base-template</code>ï¼åºç¡æ¨¡æ¿ï¼å å« <code>template</code> çåºç¡åè½</p></li><li><p><code>base-template-hbx</code>ï¼<code>HBuilderX</code> 模æ¿ï¼å å« <code>template</code> çåºç¡åè½</p></li><li><p><code>demo-hbx</code>ï¼<code>HBuilderX</code> 模æ¿ï¼å 嫿æç <code>demo</code> 示ä¾åè½</p></li></ul><blockquote><p>Vue 3 çæ¬çæ¨¡æ¿è¿å¨å¼åä¸ï¼æ¬è¯·æå¾ ï¼</p></blockquote></div></div></main><footer class="VPDocFooter" data-v-39a288b8 data-v-e257564d><!--[--><!--]--><div class="edit-info" data-v-e257564d><!----><div class="last-updated" data-v-e257564d><p class="VPLastUpdated" data-v-e257564d data-v-e98dd255>æåæ´æ°äº: <time datetime="2025-08-10T08:25:09.000Z" data-v-e98dd255></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-5d98c3a5 data-v-e315a0ad><div class="container" data-v-e315a0ad><p class="message" data-v-e315a0ad>夿¡è®¸å¯ï¼<a style="color:#4e6e8e;" rel="noopener noreferrer" target="_blank" href="https://beian.miit.gov.cn/">é²ICPå¤2021040594å·-1</a></p><p class="copyright" data-v-e315a0ad>Copyright © 2020 - 2025 <a target="_blank" href="https://github.com/anyup"> Colorful Design </a></p></div></footer><!--[--><!--]--></div></div> 44 45 46 </body> 47</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.