mirror of
https://gitee.com/wot-design-uni/wot-design-uni.git
synced 2025-12-08 01:58:52 +08:00
63 lines
81 KiB
HTML
63 lines
81 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN" dir="ltr">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>快速上手 | Wot UI</title>
|
||
<meta name="description" content="一个参照wot-design打造的uni-app组件库">
|
||
<meta name="generator" content="VitePress v1.6.3">
|
||
<link rel="preload stylesheet" href="/assets/style.DE99STDd.css" as="style">
|
||
<link rel="preload stylesheet" href="/vp-icons.css" as="style">
|
||
|
||
<script type="module" src="/assets/app.Dbjtrbcu.js"></script>
|
||
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
|
||
<link rel="modulepreload" href="/assets/chunks/theme.BptUtxMC.js">
|
||
<link rel="modulepreload" href="/assets/chunks/framework.C7RrxATG.js">
|
||
<link rel="modulepreload" href="/assets/guide_quick-use.md.BZt0nmeU.lean.js">
|
||
<link rel="icon" href="/favicon.ico">
|
||
<script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?c77588a5308ea5813c1d46bdd849338b";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
|
||
<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>
|
||
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
|
||
</head>
|
||
<body>
|
||
<div id="app"><div class="Layout" data-v-0265fbf3><!--[--><!----><!--]--><!--[--><span tabindex="-1" data-v-820c3f27></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-820c3f27>Skip to content</a><!--]--><!----><header class="VPNav" data-v-0265fbf3 data-v-17d76767><div class="VPNavBar has-sidebar top" data-v-17d76767 data-v-0850eeb5><div class="wrapper" data-v-0850eeb5><div class="container" data-v-0850eeb5><div class="title" data-v-0850eeb5><div class="VPNavBarTitle has-sidebar" data-v-0850eeb5 data-v-5efaa3d5><a class="title" href="/" data-v-5efaa3d5><!--[--><!--]--><!--[--><img class="VPImage logo" src="/logo.png" alt data-v-28aabeee><!--]--><span data-v-5efaa3d5>Wot UI</span><!--[--><!--[--><!--[--><!--[--><span class="el-tag el-tag--primary el-tag--small el-tag--plain" style="vertical-align:middle;margin-left:8px;" text><span class="el-tag__content"><!--[-->1.13.0<!--]--></span><!--v-if--></span><!--]--><!--]--><!--]--><!--]--></a></div></div><div class="content" data-v-0850eeb5><div class="content-body" data-v-0850eeb5><!--[--><!--]--><div class="VPNavBarSearch search" data-v-0850eeb5><!--[--><!----><div id="docsearch"><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-0850eeb5 data-v-226f0211><span id="main-nav-aria-label" class="visually-hidden" data-v-226f0211> Main Navigation </span><!--[--><!--[--><div class="VPFlyout VPNavBarMenuGroup active" data-v-226f0211 data-v-276a3a8f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-276a3a8f><span class="text" data-v-276a3a8f><!----><span data-v-276a3a8f>指南</span><span class="vpi-chevron-down text-icon" data-v-276a3a8f></span></span></button><div class="menu" data-v-276a3a8f><div class="VPMenu" data-v-276a3a8f data-v-6a9ff74b><div class="items" data-v-6a9ff74b><!--[--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/introduction.html" data-v-796a4fac><!--[--><span data-v-796a4fac>介绍</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link active" href="/guide/quick-use.html" data-v-796a4fac><!--[--><span data-v-796a4fac>快速上手</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/cli-templates.html" data-v-796a4fac><!--[--><span data-v-796a4fac>脚手架与模板</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/consultation.html" data-v-796a4fac><!--[--><span data-v-796a4fac>咨询服务</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/custom-theme.html" data-v-796a4fac><!--[--><span data-v-796a4fac>定制主题</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/common-problems.html" data-v-796a4fac><!--[--><span data-v-796a4fac>常见问题</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/locale.html" data-v-796a4fac><!--[--><span data-v-796a4fac>国际化</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/changelog.html" data-v-796a4fac><!--[--><span data-v-796a4fac>更新日志</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/cases.html" data-v-796a4fac><!--[--><span data-v-796a4fac>⭐ 案例</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/guide/join-group.html" data-v-796a4fac><!--[--><span data-v-796a4fac>加群沟通</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-226f0211 data-v-276a3a8f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-276a3a8f><span class="text" data-v-276a3a8f><!----><span data-v-276a3a8f>组件</span><span class="vpi-chevron-down text-icon" data-v-276a3a8f></span></span></button><div class="menu" data-v-276a3a8f><div class="VPMenu" data-v-276a3a8f data-v-6a9ff74b><div class="items" data-v-6a9ff74b><!--[--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/component/button.html" data-v-796a4fac><!--[--><span data-v-796a4fac>基础组件</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/component/pagination.html" data-v-796a4fac><!--[--><span data-v-796a4fac>导航组件</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/component/calendar.html" data-v-796a4fac><!--[--><span data-v-796a4fac>数据输入</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/component/action-sheet.html" data-v-796a4fac><!--[--><span data-v-796a4fac>反馈组件</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link" href="/component/badge.html" data-v-796a4fac><!--[--><span data-v-796a4fac>数据展示</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/reward/reward.html" tabindex="0" data-v-226f0211 data-v-18672fa5><!--[--><span data-v-18672fa5>🥤一杯咖啡</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://blog.wot-ui.cn/" target="_blank" rel="noreferrer" tabindex="0" data-v-226f0211 data-v-18672fa5><!--[--><span data-v-18672fa5>博客</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-226f0211 data-v-276a3a8f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-276a3a8f><span class="text" data-v-276a3a8f><!----><span data-v-276a3a8f>模板</span><span class="vpi-chevron-down text-icon" data-v-276a3a8f></span></span></button><div class="menu" data-v-276a3a8f><div class="VPMenu" data-v-276a3a8f data-v-6a9ff74b><div class="items" data-v-6a9ff74b><!--[--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://starter.wot-ui.cn/" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>快速上手模板 wot-starter</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://vitesse-docs.netlify.app/" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>vitesse-uni-app</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://github.com/wot-ui/wot-starter-retail" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>wot-starter-retail</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://unibest.tech/" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>unibest</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-226f0211 data-v-276a3a8f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-276a3a8f><span class="text" data-v-276a3a8f><!----><span data-v-276a3a8f>资源</span><span class="vpi-chevron-down text-icon" data-v-276a3a8f></span></span></button><div class="menu" data-v-276a3a8f><div class="VPMenu" data-v-276a3a8f data-v-6a9ff74b><div class="items" data-v-6a9ff74b><!--[--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://starter.wot-ui.cn/" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>快速上手模板</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://marketplace.visualstudio.com/items?itemName=wot-ui.wot-ui-intellisense" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>VS Code 代码提示插件</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://moonofweisheng.github.io/uni-mini-router/" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>Vue3 uni-app路由库</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://github.com/Moonofweisheng/uni-mini-ci" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>多平台小程序CI工具</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://uni-helper.js.org/" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>Uni Helper</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-6a9ff74b data-v-796a4fac><a class="VPLink link vp-external-link-icon" href="https://github.com/uni-ku" target="_blank" rel="noreferrer" data-v-796a4fac><!--[--><span data-v-796a4fac>uni-ku</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-0850eeb5 data-v-c7b0e7c4 data-v-276a3a8f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-276a3a8f><span class="text" data-v-276a3a8f><span class="vpi-languages option-icon" data-v-276a3a8f></span><!----><span class="vpi-chevron-down text-icon" data-v-276a3a8f></span></span></button><div class="menu" data-v-276a3a8f><div class="VPMenu" data-v-276a3a8f data-v-6a9ff74b><!----><!--[--><!--[--><div class="items" data-v-c7b0e7c4><p class="title" data-v-c7b0e7c4>简体中文</p><!--[--><div class="VPMenuLink" data-v-c7b0e7c4 data-v-796a4fac><a class="VPLink link" href="/en-US/guide/quick-use.html" data-v-796a4fac><!--[--><span data-v-796a4fac>English</span><!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-0850eeb5 data-v-7042c56b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-7042c56b data-v-c7ba4725 data-v-5c03db5c><span class="check" data-v-5c03db5c><span class="icon" data-v-5c03db5c><!--[--><span class="vpi-sun sun" data-v-c7ba4725></span><span class="vpi-moon moon" data-v-c7ba4725></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-0850eeb5 data-v-39bcb251 data-v-c6225e3a><!--[--><a class="VPSocialLink no-icon" href="https://github.com/Moonofweisheng/wot-design-uni" aria-label="github" target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><span class="vpi-social-github"></span></a><a class="VPSocialLink no-icon" href="https://gitee.com/wot-design-uni/wot-design-uni" aria-label="Gitee" target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><svg t="1692699544299" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4184" width="200" height="200"><path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z" fill="#6D6D72" p-id="4185"></path></svg></a><a class="VPSocialLink no-icon" href="/guide/join-group" aria-label="QQ" target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><svg t="1694688365239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4048" width="200" height="200"><path d="M980.79827 694.105946c-21.144216-122.796973-109.844757-203.250162-109.844757-203.250162 12.647784-111.477622-33.792-131.26573-33.792-131.26573C827.392 14.668108 530.985514 20.67373 524.730811 20.839784 518.476108 20.67373 222.01427 14.668108 212.300108 359.590054c0 0-46.467459 19.788108-33.819676 131.26573 0 0-88.700541 80.453189-109.817081 203.250162 0 0-11.291676 207.484541 101.403676 25.40627 0 0 25.350919 69.161514 71.790703 131.26573 0 0-83.082378 28.256865-75.997405 101.625081 0 0-2.87827 81.836973 177.401081 76.218811 0 0 126.699243-9.852541 164.753297-63.515676l16.605405 0 0.276757 0 16.633081 0c38.026378 53.635459 164.725622 63.515676 164.725622 63.515676 180.224 5.618162 177.401081-76.218811 177.401081-76.218811 7.029622-73.368216-75.997405-101.625081-75.997405-101.625081 46.439784-62.104216 71.790703-131.26573 71.790703-131.26573C992.034595 901.590486 980.79827 694.105946 980.79827 694.105946z" p-id="4049" fill="#6D6D72"></path></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/26044011388510/posts" aria-label target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><svg t="1758594913114" class="icon" viewBox="0 0 1316 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5329" width="200" height="200"><path d="M643.181714 247.698286l154.916572-123.172572L643.181714 0.256 643.072 0l-154.660571 124.269714 154.660571 123.245715 0.109714 0.182857z m0 388.461714h0.109715l399.579428-315.245714-108.361143-87.04-291.218285 229.888h-0.146286l-0.109714 0.146285L351.817143 234.093714l-108.251429 87.04 399.433143 315.136 0.146286-0.146285z m-0.146285 215.552l0.146285-0.146286 534.893715-422.034285 108.397714 87.04-243.309714 192L643.145143 1024 10.422857 525.056 0 516.754286l108.251429-86.893715L643.035429 851.748571z" fill="#1E80FF" p-id="5330"></path></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-0850eeb5 data-v-f234b936 data-v-276a3a8f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-276a3a8f><span class="vpi-more-horizontal icon" data-v-276a3a8f></span></button><div class="menu" data-v-276a3a8f><div class="VPMenu" data-v-276a3a8f data-v-6a9ff74b><!----><!--[--><!--[--><div class="group translations" data-v-f234b936><p class="trans-title" data-v-f234b936>简体中文</p><!--[--><div class="VPMenuLink" data-v-f234b936 data-v-796a4fac><a class="VPLink link" href="/en-US/guide/quick-use.html" data-v-796a4fac><!--[--><span data-v-796a4fac>English</span><!--]--></a></div><!--]--></div><div class="group" data-v-f234b936><div class="item appearance" data-v-f234b936><p class="label" data-v-f234b936>Appearance</p><div class="appearance-action" data-v-f234b936><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="Switch to dark theme" aria-checked="false" data-v-f234b936 data-v-c7ba4725 data-v-5c03db5c><span class="check" data-v-5c03db5c><span class="icon" data-v-5c03db5c><!--[--><span class="vpi-sun sun" data-v-c7ba4725></span><span class="vpi-moon moon" data-v-c7ba4725></span><!--]--></span></span></button></div></div></div><div class="group" data-v-f234b936><div class="item social-links" data-v-f234b936><div class="VPSocialLinks social-links-list" data-v-f234b936 data-v-c6225e3a><!--[--><a class="VPSocialLink no-icon" href="https://github.com/Moonofweisheng/wot-design-uni" aria-label="github" target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><span class="vpi-social-github"></span></a><a class="VPSocialLink no-icon" href="https://gitee.com/wot-design-uni/wot-design-uni" aria-label="Gitee" target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><svg t="1692699544299" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4184" width="200" height="200"><path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z" fill="#6D6D72" p-id="4185"></path></svg></a><a class="VPSocialLink no-icon" href="/guide/join-group" aria-label="QQ" target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><svg t="1694688365239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4048" width="200" height="200"><path d="M980.79827 694.105946c-21.144216-122.796973-109.844757-203.250162-109.844757-203.250162 12.647784-111.477622-33.792-131.26573-33.792-131.26573C827.392 14.668108 530.985514 20.67373 524.730811 20.839784 518.476108 20.67373 222.01427 14.668108 212.300108 359.590054c0 0-46.467459 19.788108-33.819676 131.26573 0 0-88.700541 80.453189-109.817081 203.250162 0 0-11.291676 207.484541 101.403676 25.40627 0 0 25.350919 69.161514 71.790703 131.26573 0 0-83.082378 28.256865-75.997405 101.625081 0 0-2.87827 81.836973 177.401081 76.218811 0 0 126.699243-9.852541 164.753297-63.515676l16.605405 0 0.276757 0 16.633081 0c38.026378 53.635459 164.725622 63.515676 164.725622 63.515676 180.224 5.618162 177.401081-76.218811 177.401081-76.218811 7.029622-73.368216-75.997405-101.625081-75.997405-101.625081 46.439784-62.104216 71.790703-131.26573 71.790703-131.26573C992.034595 901.590486 980.79827 694.105946 980.79827 694.105946z" p-id="4049" fill="#6D6D72"></path></svg></a><a class="VPSocialLink no-icon" href="https://juejin.cn/user/26044011388510/posts" aria-label target="_blank" rel="noopener" data-v-c6225e3a data-v-b26fdbba><svg t="1758594913114" class="icon" viewBox="0 0 1316 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5329" width="200" height="200"><path d="M643.181714 247.698286l154.916572-123.172572L643.181714 0.256 643.072 0l-154.660571 124.269714 154.660571 123.245715 0.109714 0.182857z m0 388.461714h0.109715l399.579428-315.245714-108.361143-87.04-291.218285 229.888h-0.146286l-0.109714 0.146285L351.817143 234.093714l-108.251429 87.04 399.433143 315.136 0.146286-0.146285z m-0.146285 215.552l0.146285-0.146286 534.893715-422.034285 108.397714 87.04-243.309714 192L643.145143 1024 10.422857 525.056 0 516.754286l108.251429-86.893715L643.035429 851.748571z" fill="#1E80FF" p-id="5330"></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-0850eeb5 data-v-1f90b587><span class="container" data-v-1f90b587><span class="top" data-v-1f90b587></span><span class="middle" data-v-1f90b587></span><span class="bottom" data-v-1f90b587></span></span></button></div></div></div></div><div class="divider" data-v-0850eeb5><div class="divider-line" data-v-0850eeb5></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-0265fbf3 data-v-18b98bac><div class="container" data-v-18b98bac><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-18b98bac><span class="vpi-align-left menu-icon" data-v-18b98bac></span><span class="menu-text" data-v-18b98bac>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-18b98bac data-v-4d5c8a58><button data-v-4d5c8a58>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-0265fbf3 data-v-87cf4cbd><div class="curtain" data-v-87cf4cbd></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-87cf4cbd><span class="visually-hidden" id="sidebar-aria-label" data-v-87cf4cbd> Sidebar Navigation </span><!--[--><!--]--><!--[--><!----><!--]--><!--[--><div class="no-transition group" data-v-0bf2ac23><section class="VPSidebarItem level-0 has-active" data-v-0bf2ac23 data-v-af6982fc><!----><div class="items" data-v-af6982fc><!--[--><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/introduction.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>介绍 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/quick-use.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>快速上手 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/cli-templates.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>脚手架与模板 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/consultation.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>咨询服务 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/custom-theme.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>定制主题 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/locale.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>国际化 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/common-problems.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>常见问题 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/changelog.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>更新日志 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/cases.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>⭐ 案例 <!----></p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-af6982fc data-v-af6982fc><div class="item" data-v-af6982fc><div class="indicator" data-v-af6982fc></div><a class="VPLink link link" href="/guide/join-group.html" data-v-af6982fc><!--[--><p class="text" data-v-af6982fc>加群沟通 <!----></p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-0265fbf3 data-v-735a7857><div class="VPDoc has-sidebar has-aside is-expanded" data-v-735a7857 data-v-fb66d0fe><!--[--><!--]--><div class="container" data-v-fb66d0fe><div class="aside" data-v-fb66d0fe><div class="aside-curtain" data-v-fb66d0fe></div><div class="aside-container" data-v-fb66d0fe><div class="aside-content" data-v-fb66d0fe><div class="VPDocAside" data-v-fb66d0fe data-v-bd7328b1><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-bd7328b1 data-v-8b66606c><div class="content" data-v-8b66606c><div class="outline-marker" data-v-8b66606c></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-8b66606c>On this page</div><ul class="VPDocOutlineItem root" data-v-8b66606c data-v-36869fd1><!--[--><!--]--></ul></div></nav><!--[--><!--[--><!--[--><!--[--><!--[--><div class="VPDocAsideSponsors"><a class="sponsors-aside-text" href="/reward/sponsor">赞助位</a><div class="VPSponsors vp-sponsor aside"><!----><!----><section class="vp-sponsor-section"><div class="VPSponsorsGrid vp-sponsor-grid xmini" data-vp-grid="1"><div class="vp-sponsor-grid-item"><a class="vp-sponsor-grid-link" href="/reward/sponsor" rel="sponsored noopener"><article class="vp-sponsor-grid-box"><span class="vp-sponsor-grid-text">成为赞助商</span></article></a></div></div></section></div></div><div class="wwads-container"><div class="wwads-cn wwads-vertical" data-id="372"></div></div><!----><!--]--><!--]--><!--]--><!--]--><!--]--><div class="spacer" data-v-bd7328b1></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-fb66d0fe><div class="content-container" data-v-fb66d0fe><!--[--><!--]--><main class="main" data-v-fb66d0fe><div style="position:relative;" class="vp-doc _guide_quick-use" data-v-fb66d0fe><div><h1 id="快速上手" tabindex="-1">快速上手 <a class="header-anchor" href="#快速上手" aria-label="Permalink to "快速上手""></a></h1><p>本节介绍如何在 <code>uni-app</code> 项目中安装、配置并使用 <code>Wot UI</code>。</p><h2 id="使用之前" tabindex="-1">使用之前 <a class="header-anchor" href="#使用之前" aria-label="Permalink to "使用之前""></a></h2><p>使用前，请确保你已经学习过 Vue 官方的 <a href="https://cn.vuejs.org/guide/quick-start.html" target="_blank" rel="noreferrer">快速上手</a> 和 uni-app 提供的 <a href="https://uniapp.dcloud.net.cn/resource.html" target="_blank" rel="noreferrer">学习路线</a>。</p><h2 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to "安装""></a></h2><div class="warning custom-block"><p class="custom-block-title">关于安装</p><p><code>Wot UI</code> 提供了 <code>uni_modules</code> 和 <code>npm</code> 两种安装方式，按需选择。</p><ul><li>使用<code>uni_modules</code>安装无需额外配置，即插即用，但是每次更新组件库需要处理代码差异（一般直接覆盖就可以）。</li><li>使用<code>npm</code>安装需要额外配置，更新组件库时无需处理代码差异。</li></ul></div><h3 id="npm-安装" tabindex="-1">npm 安装 <a class="header-anchor" href="#npm-安装" aria-label="Permalink to "npm 安装""></a></h3><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-QA9df" id="tab-E8e1UIC" checked><label data-title="npm" for="tab-E8e1UIC">npm</label><input type="radio" name="group-QA9df" id="tab-3APy02F"><label data-title="yarn" for="tab-3APy02F">yarn</label><input type="radio" name="group-QA9df" id="tab-TTvVkeN"><label data-title="pnpm" for="tab-TTvVkeN">pnpm</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> i</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> wot-design-uni</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;">yarn</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> add</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> wot-design-uni</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;"> add</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> wot-design-uni</span></span></code></pre></div></div></div><h3 id="uni-modules-安装" tabindex="-1">uni_modules 安装 <a class="header-anchor" href="#uni-modules-安装" aria-label="Permalink to "uni_modules 安装""></a></h3><p><code>Wot UI</code> 支持 <a href="https://uniapp.dcloud.net.cn/plugin/uni_modules.html#uni-modules" target="_blank" rel="noreferrer">uni_modules</a> 规范，已经上架到 uni-app 的插件市场。</p><p>在 <code>uni-app 插件市场</code> 选择使用 <code>HBuildX</code> 导入，或者选择手动在 src 目录下创建 uni_modules 文件夹并将 <code>Wot UI</code> 解压到 uni_modules 中，结构如下：</p><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;">-</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> uni_modules</span></span>
|
||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">-</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> -</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> -</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> wot-design-uni</span></span></code></pre></div><p>下载地址：<a href="https://ext.dcloud.net.cn/plugin?id=13889"><span>wot-design-uni</span></a></p><h2 id="sass" tabindex="-1">Sass <a class="header-anchor" href="#sass" aria-label="Permalink to "Sass""></a></h2><p><code>Wot UI</code> 依赖 <code>sass</code> ，因此在使用之前需要确认项目中是否已经安装了 <code>sass</code>，如果没有安装，可以通过以下命令进行安装：</p><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-b-_eG" id="tab-04ihUL4" checked><label data-title="npm" for="tab-04ihUL4">npm</label><input type="radio" name="group-b-_eG" id="tab-DA51I9E"><label data-title="yarn" for="tab-DA51I9E">yarn</label><input type="radio" name="group-b-_eG" id="tab-2jus_An"><label data-title="pnpm" for="tab-2jus_An">pnpm</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> i</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> sass</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -D</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;">yarn</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> add</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> sass</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -D</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;"> add</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> sass</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -D</span></span></code></pre></div></div></div><div class="warning custom-block"><p class="custom-block-title">提醒</p><p><code>Dart Sass 3.0.0</code> 废弃了一批 API，而组件库目前还未兼容，因此请确保你的<code>sass</code>版本为<code>1.78.0</code>及之前的版本。参见参见<a href="/guide/common-problems.html#sass抛出大量错误和警告">常见问题</a>。</p></div><h2 id="配置" tabindex="-1">配置 <a class="header-anchor" href="#配置" aria-label="Permalink to "配置""></a></h2><h3 id="导入组件" tabindex="-1">导入组件 <a class="header-anchor" href="#导入组件" aria-label="Permalink to "导入组件""></a></h3><div class="tip custom-block"><p class="custom-block-title">提醒</p><p>使用 <code>uni_modules</code> 安装时 <code>Wot UI</code> 的组件天然支持 <code>easycom</code> 规范，无需额外配置就可以自动引入组件，而使用 <code>npm 安装</code> 需按照此步骤配置，以下两种方案二选一即可。</p></div><h4 id="配置-easycom-自动引入组件方案-1" tabindex="-1">配置 easycom 自动引入组件<span class="el-tag el-tag--primary el-tag--dark" style="vertical-align:middle;margin-left:8px;"><span class="el-tag__content"><!--[-->方案 1<!--]--></span><!--v-if--></span> <a class="header-anchor" href="#配置-easycom-自动引入组件方案-1" aria-label="Permalink to "配置 easycom 自动引入组件<el-tag type="primary" style="vertical-align: middle;margin-left:8px;" effect="dark" >方案 1</el-tag>""></a></h4><p>传统 vue 组件，需要安装、引用、注册，三个步骤后才能使用组件。<code>easycom</code>将其精简为一步。<br> 只要组件路径符合规范（具体见<a href="https://uniapp.dcloud.net.cn/collocation/pages.html#easycom" target="_blank" rel="noreferrer">easycom</a>），就可以不用引用、注册，直接在页面中使用。</p><div class="tip custom-block"><p class="custom-block-title">提醒</p><ul><li>uni-app 考虑到编译速度，直接在 <code>pages.json</code> 内修改 <code>easycom</code> 不会触发重新编译，需要改动页面内容触发。</li><li>请确保您的 <code>pages.json</code> 中只有一个 <code>easycom</code> 字段，否则请自行合并多个引入规则。</li></ul></div><div class="language-JSON vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">JSON</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// pages.json</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "easycom"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "autoscan"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "custom"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "^wd-(.*)"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"wot-design-uni/components/wd-$1/wd-$1.vue"</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> </span></span>
|
||
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> // 此为本身已有的内容</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "pages"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [</span></span>
|
||
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> // ......</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ]</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h4 id="基于-vite-配置自动引入组件方案-2" tabindex="-1">基于 vite 配置自动引入组件<span class="el-tag el-tag--primary el-tag--dark" style="vertical-align:middle;margin-left:8px;"><span class="el-tag__content"><!--[-->方案 2<!--]--></span><!--v-if--></span> <a class="header-anchor" href="#基于-vite-配置自动引入组件方案-2" aria-label="Permalink to "基于 vite 配置自动引入组件<el-tag type="primary" style="vertical-align: middle;margin-left:8px;" effect="dark" >方案 2</el-tag>""></a></h4><p>如果不熟悉 <code>easycom</code>，也可以通过 <a href="https://github.com/uni-helper/vite-plugin-uni-components" target="_blank" rel="noreferrer">@uni-helper/vite-plugin-uni-components</a> 实现组件的自动引入。</p><div class="tip custom-block"><p class="custom-block-title">提醒</p><ul><li>推荐使用 <code>@uni-helper/vite-plugin-uni-components@0.0.9</code> 及以上版本，因为在 0.0.9 版本开始其内置了 <code>wot-design-uni</code> 的<code>resolver</code>。</li><li>如果使用此方案时控制台打印很多 <code>Sourcemap for points to missing source files</code> ，可以尝试将 <code>Vite</code> 版本升级至 <code>4.5.x</code> 以上版本。</li></ul></div><div class="vp-code-group vp-adaptive-theme"><div class="tabs"><input type="radio" name="group-qbQJo" id="tab-3givaet" checked><label data-title="npm" for="tab-3givaet">npm</label><input type="radio" name="group-qbQJo" id="tab-cR6nLJy"><label data-title="yarn" for="tab-cR6nLJy">yarn</label><input type="radio" name="group-qbQJo" id="tab-rGjaEmW"><label data-title="pnpm" for="tab-rGjaEmW">pnpm</label></div><div class="blocks"><div class="language-bash vp-adaptive-theme active"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> i</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> @uni-helper/vite-plugin-uni-components</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -D</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;">yarn</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> add</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> @uni-helper/vite-plugin-uni-components</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -D</span></span></code></pre></div><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;"> add</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> @uni-helper/vite-plugin-uni-components</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -D</span></span></code></pre></div></div></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// vite.config.ts</span></span>
|
||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { defineConfig } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> "vite"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
|
||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> uni </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> "@dcloudio/vite-plugin-uni"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
|
||
<span class="line"></span>
|
||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> Components </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> '@uni-helper/vite-plugin-uni-components'</span></span>
|
||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { WotResolver } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> '@uni-helper/vite-plugin-uni-components/resolvers'</span></span>
|
||
<span class="line"></span>
|
||
<span class="line"></span>
|
||
<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> default</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defineConfig</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">({</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> plugins: [</span></span>
|
||
<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> // make sure put it before `Uni()`</span></span>
|
||
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Components</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">({</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> resolvers: [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">WotResolver</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()]</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }), </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">uni</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()],</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div><p>如果你使用 <code>pnpm</code> ，请在根目录下创建一个 <code>.npmrc</code> 文件，参见 <a href="https://github.com/antfu/unplugin-vue-components/issues/389" target="_blank" rel="noreferrer">Issue</a>。</p><div class="language-text vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">text</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>// .npmrc</span></span>
|
||
<span class="line"><span>public-hoist-pattern[]=@vue*</span></span>
|
||
<span class="line"><span>// or</span></span>
|
||
<span class="line"><span>// shamefully-hoist = true</span></span></code></pre></div><h2 id="volar-支持" tabindex="-1">Volar 支持 <a class="header-anchor" href="#volar-支持" aria-label="Permalink to "Volar 支持""></a></h2><p>如果您使用 <code>Volar</code>，请在 <code>tsconfig.json</code> 中通过 <code>compilerOptions.type</code> 指定全局组件类型。</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>cli 项目使用 <code>uni_modules</code> 安装无需配置，对 <code>Volar</code> 的支持自动生效，<code>HbuildX</code> 项目不支持此配置，故此步骤仅在 <code>cli</code> 项目使用 <code>npm</code> 安装时需要配置。</p></div><div class="language-json vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// tsconfig.json</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "compilerOptions"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
|
||
<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> "types"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"wot-design-uni/global"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }</span></span>
|
||
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="使用" tabindex="-1">使用 <a class="header-anchor" href="#使用" aria-label="Permalink to "使用""></a></h2><p><code>Wot UI</code> 安装、配置完成之后，支持组件自动引入，故可以直接在 SFC 中使用，无需在页面内 import，也不需要在 components 内声明，即可在任意页面使用。值得注意的是，<code>uni-app</code> 平台不支持全局挂载组件，所以 <code>Message</code>、<code>Toast</code> 等组件仍需在 SFC 中显式使用，例如：</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</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;"><</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">wd-toast</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">wd-toast</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></span></span></code></pre></div><h2 id="脚手架" tabindex="-1">脚手架 <a class="header-anchor" href="#脚手架" aria-label="Permalink to "脚手架""></a></h2><p>我们提供了快速上手项目 <a href="https://github.com/wot-ui/wot-starter" target="_blank" rel="noreferrer">wot-starter</a>，它集成了 <code>Wot UI</code> 和众多优秀插件，你可以直接克隆该项目。</p><p>你也可以使用<a href="https://github.com/uni-helper/create-uni" target="_blank" rel="noreferrer">create-uni</a>，通过以下命令快速创建一个起手项目：</p><div class="language-bash vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">bash</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;"> uni@latest</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> wot-starter</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></code></pre></div><p>更多脚手架与模板，请参见<a href="./cli-templates.html">脚手架与模板</a>。</p></div></div><!----></main><footer class="VPDocFooter" data-v-fb66d0fe data-v-f286b101><!--[--><!--]--><div class="edit-info" data-v-f286b101><div class="edit-link" data-v-f286b101><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/Moonofweisheng/wot-design-uni/edit/master/docs/guide/quick-use.md" target="_blank" rel="noreferrer" data-v-f286b101><!--[--><span class="vpi-square-pen edit-link-icon" data-v-f286b101></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-f286b101><p class="VPLastUpdated" data-v-f286b101 data-v-29be4286>最后更新: <time datetime="2025-11-04T09:38:20.000Z" data-v-29be4286></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-f286b101><span class="visually-hidden" id="doc-footer-aria-label" data-v-f286b101>Pager</span><div class="pager" data-v-f286b101><a class="VPLink link pager-link prev" href="/guide/introduction.html" data-v-f286b101><!--[--><span class="desc" data-v-f286b101>Previous page</span><span class="title" data-v-f286b101>介绍</span><!--]--></a></div><div class="pager" data-v-f286b101><a class="VPLink link pager-link next" href="/guide/cli-templates.html" data-v-f286b101><!--[--><span class="desc" data-v-f286b101>Next page</span><span class="title" data-v-f286b101>脚手架与模板</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-0265fbf3 data-v-8c1e2209><div class="container" data-v-8c1e2209><p class="message" data-v-8c1e2209>Released under the MIT License.</p><p class="copyright" data-v-8c1e2209>Copyright © 2023-present weisheng</p></div></footer><!--[--><footer class="VPFooter has-sidebar" data-v-5241aff4><div class="container" data-v-5241aff4><p class="message" data-v-5241aff4>Released under the MIT License.</p><p class="copyright" data-v-5241aff4>Copyright © 2023-present weisheng</p></div></footer><!--]--></div></div>
|
||
<script>window.__VP_HASH_MAP__=JSON.parse("{\"component_action-sheet.md\":\"c1wk9iY0\",\"component_backtop.md\":\"ChjnCdXQ\",\"component_badge.md\":\"DHa9DmJP\",\"component_button.md\":\"DdPdDApy\",\"component_calendar-view.md\":\"By77yWTw\",\"component_calendar.md\":\"TPn3bVA7\",\"component_card.md\":\"DKYdUaSz\",\"component_cell.md\":\"B1CvrQYt\",\"component_checkbox.md\":\"BTN9YXJn\",\"component_circle.md\":\"C-NomEQu\",\"component_col-picker.md\":\"B7y2As-_\",\"component_collapse.md\":\"BqEW7fjt\",\"component_config-provider.md\":\"Cc9O2TFG\",\"component_count-down.md\":\"7AKR5r1_\",\"component_count-to.md\":\"DXWdmNx4\",\"component_curtain.md\":\"Bta-imfj\",\"component_datetime-picker-view.md\":\"rJ_XDCZt\",\"component_datetime-picker.md\":\"z0yCsYtN\",\"component_divider.md\":\"R4TdmO8i\",\"component_drop-menu.md\":\"C13tbRUp\",\"component_fab.md\":\"DImkhvpn\",\"component_floating-panel.md\":\"B7i2tAhS\",\"component_form.md\":\"CME-wnrf\",\"component_gap.md\":\"DIIJY1vb\",\"component_grid.md\":\"DkQoGrey\",\"component_icon.md\":\"BuHdjlZN\",\"component_img-cropper.md\":\"BqLT0gMm\",\"component_img.md\":\"D7sPPqXk\",\"component_index-bar.md\":\"BOkNzK1d\",\"component_input-number.md\":\"De7gihWB\",\"component_input.md\":\"DfDNMeI7\",\"component_keyboard.md\":\"BOsb0wk-\",\"component_layout.md\":\"DfTs5fy6\",\"component_loading.md\":\"IsQE3LX_\",\"component_loadmore.md\":\"CojhRRRt\",\"component_message-box.md\":\"C-1IPENS\",\"component_navbar.md\":\"CJu6jrqt\",\"component_notice-bar.md\":\"M5Td2nA8\",\"component_notify.md\":\"Bey59xX8\",\"component_number-keyboard.md\":\"CHSyxjdT\",\"component_overlay.md\":\"Cg9-6ocD\",\"component_pagination.md\":\"CDHiQxUl\",\"component_password-input.md\":\"072mSgvk\",\"component_picker-view.md\":\"Bai5gXeH\",\"component_picker.md\":\"DS6cN2sU\",\"component_popover.md\":\"A4pXDyWr\",\"component_popup.md\":\"BcRFloja\",\"component_progress.md\":\"Czp_wd4C\",\"component_radio.md\":\"DbJTnGS0\",\"component_rate.md\":\"C_WkdfIZ\",\"component_resize.md\":\"D8RZtXoR\",\"component_root-portal.md\":\"roOdXyJH\",\"component_search.md\":\"Mb8x7t2A\",\"component_segmented.md\":\"yzL4eQEM\",\"component_select-picker.md\":\"Bfsrlx9I\",\"component_sidebar.md\":\"DL1UgvVn\",\"component_signature.md\":\"DkbbyalD\",\"component_skeleton.md\":\"Cc_j76M_\",\"component_slider.md\":\"p6HGcIPe\",\"component_sort-button.md\":\"BD8z8Cve\",\"component_status-tip.md\":\"BvIC-tWU\",\"component_steps.md\":\"CGl3Ci6T\",\"component_sticky.md\":\"C_lGa15p\",\"component_swipe-action.md\":\"Be8RihFK\",\"component_swiper.md\":\"DaYLlpEs\",\"component_switch.md\":\"C0mqvZuH\",\"component_tabbar.md\":\"ydn44Av0\",\"component_table.md\":\"BkUxx66J\",\"component_tabs.md\":\"ZBLgX7sE\",\"component_tag.md\":\"Cah0fbm3\",\"component_text.md\":\"T9lTnVI5\",\"component_textarea.md\":\"CcwDxrKj\",\"component_toast.md\":\"BZuJA7Lz\",\"component_tooltip.md\":\"CC2aFIqN\",\"component_transition.md\":\"CkEHkk23\",\"component_upload.md\":\"XiFkl4kM\",\"component_use-count-down.md\":\"Xnxyrag0\",\"component_use-message.md\":\"BuGPPdHM\",\"component_use-notify.md\":\"BWojxxLU\",\"component_use-toast.md\":\"BZkuWk55\",\"component_use-upload.md\":\"Y-ZiqRcB\",\"component_watermark.md\":\"Cd26NJVG\",\"en-us_component_action-sheet.md\":\"Cd3U93mr\",\"en-us_component_backtop.md\":\"Bslz86Iq\",\"en-us_component_badge.md\":\"D8LazXDE\",\"en-us_component_button.md\":\"CnMVwqBn\",\"en-us_component_calendar-view.md\":\"iz4-bCKT\",\"en-us_component_calendar.md\":\"v2nB85ff\",\"en-us_component_card.md\":\"uC1up0ZK\",\"en-us_component_cell.md\":\"hIXxrdwM\",\"en-us_component_checkbox.md\":\"qBl_DsKh\",\"en-us_component_circle.md\":\"BPmZrds3\",\"en-us_component_col-picker.md\":\"BWRXToYb\",\"en-us_component_collapse.md\":\"LKD9aBUw\",\"en-us_component_config-provider.md\":\"CFNW3U-S\",\"en-us_component_count-down.md\":\"BJQiz0fk\",\"en-us_component_count-to.md\":\"D2-tcAxo\",\"en-us_component_curtain.md\":\"CpVzT501\",\"en-us_component_datetime-picker-view.md\":\"DRRyefaI\",\"en-us_component_datetime-picker.md\":\"viOfH4-D\",\"en-us_component_divider.md\":\"5yS4Zj7t\",\"en-us_component_drop-menu.md\":\"CjkACyIn\",\"en-us_component_fab.md\":\"BKrDynOW\",\"en-us_component_floating-panel.md\":\"BNdM3TAS\",\"en-us_component_form.md\":\"CmWlrhX2\",\"en-us_component_gap.md\":\"xHLZJiab\",\"en-us_component_grid.md\":\"BnbHrzpx\",\"en-us_component_icon.md\":\"ZGGzXqB0\",\"en-us_component_img-cropper.md\":\"NY3w0k-N\",\"en-us_component_img.md\":\"DJVBjNYz\",\"en-us_component_index-bar.md\":\"fF1C0kOD\",\"en-us_component_input-number.md\":\"CAZT25bO\",\"en-us_component_input.md\":\"DW5h1itn\",\"en-us_component_keyboard.md\":\"CodeGHFL\",\"en-us_component_layout.md\":\"rRHhIkkw\",\"en-us_component_loading.md\":\"B35WuME0\",\"en-us_component_loadmore.md\":\"D9kTaZhc\",\"en-us_component_message-box.md\":\"DrnZVwZp\",\"en-us_component_navbar.md\":\"BmlPgjvC\",\"en-us_component_notice-bar.md\":\"Cvr7wOv6\",\"en-us_component_notify.md\":\"Br3ccipV\",\"en-us_component_number-keyboard.md\":\"CaPQvUPH\",\"en-us_component_overlay.md\":\"zNxFtOQZ\",\"en-us_component_pagination.md\":\"DHm_Z8LN\",\"en-us_component_password-input.md\":\"C29XspiG\",\"en-us_component_picker-view.md\":\"a3X9EZkl\",\"en-us_component_picker.md\":\"CCw2hvXb\",\"en-us_component_popover.md\":\"BPLhDTIf\",\"en-us_component_popup.md\":\"BLOzydaK\",\"en-us_component_progress.md\":\"2cPjArIs\",\"en-us_component_radio.md\":\"BynGPD10\",\"en-us_component_rate.md\":\"D2Aaq0NP\",\"en-us_component_resize.md\":\"C3NcH4RM\",\"en-us_component_root-portal.md\":\"CTbe11FN\",\"en-us_component_search.md\":\"D8gdRsFB\",\"en-us_component_segmented.md\":\"DNjB96qJ\",\"en-us_component_select-picker.md\":\"7vfJz5YJ\",\"en-us_component_sidebar.md\":\"BgxPFXds\",\"en-us_component_signature.md\":\"D2eNXB2w\",\"en-us_component_skeleton.md\":\"Dgx_lV7y\",\"en-us_component_slider.md\":\"KcUCvn5T\",\"en-us_component_sort-button.md\":\"DHr8Lg6-\",\"en-us_component_status-tip.md\":\"PEI5mWsU\",\"en-us_component_steps.md\":\"C5tvS80n\",\"en-us_component_sticky.md\":\"DW-Nlnxa\",\"en-us_component_swipe-action.md\":\"DlVLtPzt\",\"en-us_component_swiper.md\":\"DS-UOAtN\",\"en-us_component_switch.md\":\"CoRdlYBi\",\"en-us_component_tabbar.md\":\"DrKNkzwJ\",\"en-us_component_table.md\":\"BUyeA4sa\",\"en-us_component_tabs.md\":\"DmdKyG-a\",\"en-us_component_tag.md\":\"BEcm8wa-\",\"en-us_component_text.md\":\"CZdJbtwW\",\"en-us_component_textarea.md\":\"56-Whl10\",\"en-us_component_toast.md\":\"BRSBm3RU\",\"en-us_component_tooltip.md\":\"C8DQf8H2\",\"en-us_component_transition.md\":\"C6DPrCEx\",\"en-us_component_upload.md\":\"BlVSsmpW\",\"en-us_component_use-count-down.md\":\"CyEqu1km\",\"en-us_component_use-message.md\":\"CMAz6nqd\",\"en-us_component_use-notify.md\":\"D0AjOFl5\",\"en-us_component_use-toast.md\":\"BV3WSzoK\",\"en-us_component_use-upload.md\":\"CBfVolaU\",\"en-us_component_watermark.md\":\"Do6ZpG1-\",\"en-us_guide_cases.md\":\"4dW2tPiK\",\"en-us_guide_changelog.md\":\"D1rlzokv\",\"en-us_guide_cli-templates.md\":\"4m4MEJdq\",\"en-us_guide_common-problems.md\":\"m7Th9aXD\",\"en-us_guide_custom-theme.md\":\"BPELFWuA\",\"en-us_guide_introduction.md\":\"C1I0pOjl\",\"en-us_guide_join-group.md\":\"DWJTm-4f\",\"en-us_guide_locale.md\":\"X5sYa5Eb\",\"en-us_guide_quick-use.md\":\"kNUqoGim\",\"en-us_guide_typography.md\":\"du5OecQa\",\"en-us_index.md\":\"BiPmfrlN\",\"en-us_reward_donor.md\":\"CFQu67rx\",\"en-us_reward_reward.md\":\"DtUfFX7-\",\"guide_cases.md\":\"CVhR7WpZ\",\"guide_changelog.md\":\"Cuc-ZOrl\",\"guide_cli-templates.md\":\"CjvCMsRJ\",\"guide_common-problems.md\":\"DbBMHfw2\",\"guide_consultation.md\":\"BLRMRi4o\",\"guide_custom-theme.md\":\"1nmxOJQd\",\"guide_introduction.md\":\"DvJU-z7D\",\"guide_join-group.md\":\"CGl14Eqc\",\"guide_locale.md\":\"CgE__xv0\",\"guide_quick-use.md\":\"BZt0nmeU\",\"guide_typography.md\":\"IvRl_D1k\",\"index.md\":\"DU4EjyMg\",\"reward_donor.md\":\"DeOBN5Sq\",\"reward_reward.md\":\"CfPFqJkK\",\"reward_sponsor.md\":\"C0P6i09I\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Wot UI\",\"description\":\"一个参照wot-design打造的uni-app组件库\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.png\",\"lastUpdated\":{\"text\":\"最后更新\"},\"editLink\":{\"pattern\":\"https://github.com/Moonofweisheng/wot-design-uni/edit/master/docs/:path\",\"text\":\"为此页提供修改建议\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/Moonofweisheng/wot-design-uni\"},{\"icon\":{\"svg\":\"<svg t=\\\"1692699544299\\\" class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" p-id=\\\"4184\\\" width=\\\"200\\\" height=\\\"200\\\"><path d=\\\"M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z\\\" fill=\\\"#6D6D72\\\" p-id=\\\"4185\\\"></path></svg>\"},\"link\":\"https://gitee.com/wot-design-uni/wot-design-uni\",\"ariaLabel\":\"Gitee\"},{\"icon\":{\"svg\":\"<svg t=\\\"1694688365239\\\" class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" p-id=\\\"4048\\\" width=\\\"200\\\" height=\\\"200\\\"><path d=\\\"M980.79827 694.105946c-21.144216-122.796973-109.844757-203.250162-109.844757-203.250162 12.647784-111.477622-33.792-131.26573-33.792-131.26573C827.392 14.668108 530.985514 20.67373 524.730811 20.839784 518.476108 20.67373 222.01427 14.668108 212.300108 359.590054c0 0-46.467459 19.788108-33.819676 131.26573 0 0-88.700541 80.453189-109.817081 203.250162 0 0-11.291676 207.484541 101.403676 25.40627 0 0 25.350919 69.161514 71.790703 131.26573 0 0-83.082378 28.256865-75.997405 101.625081 0 0-2.87827 81.836973 177.401081 76.218811 0 0 126.699243-9.852541 164.753297-63.515676l16.605405 0 0.276757 0 16.633081 0c38.026378 53.635459 164.725622 63.515676 164.725622 63.515676 180.224 5.618162 177.401081-76.218811 177.401081-76.218811 7.029622-73.368216-75.997405-101.625081-75.997405-101.625081 46.439784-62.104216 71.790703-131.26573 71.790703-131.26573C992.034595 901.590486 980.79827 694.105946 980.79827 694.105946z\\\" p-id=\\\"4049\\\" fill=\\\"#6D6D72\\\"></path></svg>\"},\"link\":\"/guide/join-group\",\"ariaLabel\":\"QQ\"},{\"icon\":{\"svg\":\"<svg t=\\\"1758594913114\\\" class=\\\"icon\\\" viewBox=\\\"0 0 1316 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" p-id=\\\"5329\\\" width=\\\"200\\\" height=\\\"200\\\"><path d=\\\"M643.181714 247.698286l154.916572-123.172572L643.181714 0.256 643.072 0l-154.660571 124.269714 154.660571 123.245715 0.109714 0.182857z m0 388.461714h0.109715l399.579428-315.245714-108.361143-87.04-291.218285 229.888h-0.146286l-0.109714 0.146285L351.817143 234.093714l-108.251429 87.04 399.433143 315.136 0.146286-0.146285z m-0.146285 215.552l0.146285-0.146286 534.893715-422.034285 108.397714 87.04-243.309714 192L643.145143 1024 10.422857 525.056 0 516.754286l108.251429-86.893715L643.035429 851.748571z\\\" fill=\\\"#1E80FF\\\" p-id=\\\"5330\\\"></path></svg>\"},\"link\":\"https://juejin.cn/user/26044011388510/posts\"}],\"search\":{\"provider\":\"algolia\",\"options\":{\"appId\":\"A74X2RFXSU\",\"apiKey\":\"6961856d63f5181bf71cb4fa3e4398d2\",\"indexName\":\"wot-design-uni2\"}},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2023-present weisheng\"}},\"locales\":{\"root\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"description\":\"一个参照wot-design打造的uni-app组件库\",\"themeConfig\":{\"lastUpdated\":{\"text\":\"最后更新\"},\"editLink\":{\"pattern\":\"https://github.com/Moonofweisheng/wot-design-uni/edit/master/docs/:path\",\"text\":\"为此页提供修改建议\"},\"nav\":[{\"text\":\"指南\",\"activeMatch\":\"/guide/\",\"items\":[{\"text\":\"介绍\",\"link\":\"/guide/introduction\"},{\"text\":\"快速上手\",\"link\":\"/guide/quick-use\"},{\"text\":\"脚手架与模板\",\"link\":\"/guide/cli-templates\"},{\"text\":\"咨询服务\",\"link\":\"/guide/consultation\"},{\"text\":\"定制主题\",\"link\":\"/guide/custom-theme\"},{\"text\":\"常见问题\",\"link\":\"/guide/common-problems\"},{\"text\":\"国际化\",\"link\":\"/guide/locale\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"⭐ 案例\",\"link\":\"/guide/cases\"},{\"text\":\"加群沟通\",\"link\":\"/guide/join-group\"}]},{\"text\":\"组件\",\"activeMatch\":\"/component/\",\"items\":[{\"text\":\"基础组件\",\"link\":\"/component/button\"},{\"text\":\"导航组件\",\"link\":\"/component/pagination\"},{\"text\":\"数据输入\",\"link\":\"/component/calendar\"},{\"text\":\"反馈组件\",\"link\":\"/component/action-sheet\"},{\"text\":\"数据展示\",\"link\":\"/component/badge\"}]},{\"text\":\"🥤一杯咖啡\",\"link\":\"/reward/reward\",\"activeMatch\":\"/reward/\"},{\"text\":\"博客\",\"link\":\"https://blog.wot-ui.cn/\"},{\"text\":\"模板\",\"items\":[{\"text\":\"快速上手模板 wot-starter\",\"link\":\"https://starter.wot-ui.cn/\"},{\"text\":\"vitesse-uni-app\",\"link\":\"https://vitesse-docs.netlify.app/\"},{\"text\":\"wot-starter-retail\",\"link\":\"https://github.com/wot-ui/wot-starter-retail\"},{\"text\":\"unibest\",\"link\":\"https://unibest.tech/\"}]},{\"text\":\"资源\",\"items\":[{\"text\":\"快速上手模板\",\"link\":\"https://starter.wot-ui.cn/\"},{\"text\":\"VS Code 代码提示插件\",\"link\":\"https://marketplace.visualstudio.com/items?itemName=wot-ui.wot-ui-intellisense\"},{\"text\":\"Vue3 uni-app路由库\",\"link\":\"https://moonofweisheng.github.io/uni-mini-router/\"},{\"text\":\"多平台小程序CI工具\",\"link\":\"https://github.com/Moonofweisheng/uni-mini-ci\"},{\"text\":\"Uni Helper\",\"link\":\"https://uni-helper.js.org/\"},{\"text\":\"uni-ku\",\"link\":\"https://github.com/uni-ku\"}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"介绍\",\"link\":\"/guide/introduction\"},{\"text\":\"快速上手\",\"link\":\"/guide/quick-use\"},{\"text\":\"脚手架与模板\",\"link\":\"/guide/cli-templates\"},{\"text\":\"咨询服务\",\"link\":\"/guide/consultation\"},{\"text\":\"定制主题\",\"link\":\"/guide/custom-theme\"},{\"text\":\"国际化\",\"link\":\"/guide/locale\"},{\"text\":\"常见问题\",\"link\":\"/guide/common-problems\"},{\"text\":\"更新日志\",\"link\":\"/guide/changelog\"},{\"text\":\"⭐ 案例\",\"link\":\"/guide/cases\"},{\"text\":\"加群沟通\",\"link\":\"/guide/join-group\"}],\"/reward/\":[{\"text\":\"🥤一杯咖啡\",\"link\":\"/reward/reward\"},{\"text\":\"榜上有名\",\"link\":\"/reward/donor\"},{\"text\":\"成为赞助者\",\"link\":\"/reward/sponsor\"}],\"/component/\":[{\"text\":\"基础\",\"collapsed\":false,\"items\":[{\"link\":\"/component/button\",\"text\":\"Button 按钮\"},{\"link\":\"/component/icon\",\"text\":\"Icon 图标\"},{\"link\":\"/component/layout\",\"text\":\"Layout 布局\"},{\"link\":\"/component/config-provider\",\"text\":\"ConfigProvider 全局配置\"},{\"link\":\"/component/popup\",\"text\":\"Popup 弹出层\"},{\"link\":\"/component/resize\",\"text\":\"Resize 监听元素尺寸变化\"},{\"link\":\"/component/transition\",\"text\":\"Transition 动画\"},{\"link\":\"/component/fab\",\"text\":\"Fab 悬浮按钮\"},{\"link\":\"/component/text\",\"text\":\"Text 文本\"},{\"link\":\"/component/root-portal\",\"text\":\"RootPortal 根节点\"}]},{\"text\":\"导航\",\"collapsed\":false,\"items\":[{\"link\":\"/component/pagination\",\"text\":\"Pagination 分页\"},{\"link\":\"/component/popover\",\"text\":\"Popover 气泡\"},{\"link\":\"/component/tabs\",\"text\":\"Tabs 标签页\"},{\"link\":\"/component/segmented\",\"text\":\"Segmented 分段器\"},{\"link\":\"/component/tabbar\",\"text\":\"Tabbar 标签栏\"},{\"link\":\"/component/navbar\",\"text\":\"Navbar 导航栏\"},{\"link\":\"/component/sidebar\",\"text\":\"Sidebar 侧边栏\"},{\"link\":\"/component/backtop\",\"text\":\"Backtop 回到顶部\"},{\"link\":\"/component/index-bar\",\"text\":\"IndexBar 索引栏\"}]},{\"text\":\"数据输入\",\"collapsed\":false,\"items\":[{\"link\":\"/component/calendar\",\"text\":\"Calendar 日历选择器\"},{\"link\":\"/component/calendar-view\",\"text\":\"CalendarView 日历面板\"},{\"link\":\"/component/checkbox\",\"text\":\"Checkbox 复选框\"},{\"link\":\"/component/col-picker\",\"text\":\"ColPicker 多列选择器\"},{\"link\":\"/component/datetime-picker\",\"text\":\"DatetimePicker 时间选择器\"},{\"link\":\"/component/datetime-picker-view\",\"text\":\"DatetimePickerView 时间选择器视图\"},{\"link\":\"/component/form\",\"text\":\"Form 表单\"},{\"link\":\"/component/input\",\"text\":\"Input 输入框\"},{\"link\":\"/component/textarea\",\"text\":\"Textarea 文本域\"},{\"link\":\"/component/input-number\",\"text\":\"InputNumber 计数器\"},{\"link\":\"/component/picker\",\"text\":\"Picker 选择器\"},{\"link\":\"/component/picker-view\",\"text\":\"PickerView 选择器视图\"},{\"link\":\"/component/radio\",\"text\":\"Radio 单选框\"},{\"link\":\"/component/rate\",\"text\":\"Rate 评分\"},{\"link\":\"/component/search\",\"text\":\"Search 搜索框\"},{\"link\":\"/component/select-picker\",\"text\":\"SelectPicker 单复选选择器\"},{\"link\":\"/component/slider\",\"text\":\"Slider 滑块\"},{\"link\":\"/component/switch\",\"text\":\"Switch 开关\"},{\"link\":\"/component/upload\",\"text\":\"Upload 上传\"},{\"link\":\"/component/password-input\",\"text\":\"PasswordInput 密码输入框\"},{\"link\":\"/component/signature\",\"text\":\"Signature 签名\"}]},{\"text\":\"反馈\",\"collapsed\":false,\"items\":[{\"link\":\"/component/action-sheet\",\"text\":\"ActionSheet 动作面板\"},{\"link\":\"/component/drop-menu\",\"text\":\"DropMenu 下拉菜单\"},{\"link\":\"/component/floating-panel\",\"text\":\"FloatingPanel 浮动面板\"},{\"link\":\"/component/loading\",\"text\":\"Loading 加载\"},{\"link\":\"/component/message-box\",\"text\":\"MessageBox 弹框\"},{\"link\":\"/component/notice-bar\",\"text\":\"NoticeBar 通知栏\"},{\"link\":\"/component/overlay\",\"text\":\"Overlay 遮罩层\"},{\"link\":\"/component/progress\",\"text\":\"Progress 进度条\"},{\"link\":\"/component/circle\",\"text\":\"Circle 环形进度条\"},{\"link\":\"/component/sort-button\",\"text\":\"SortButton 排序按钮\"},{\"link\":\"/component/status-tip\",\"text\":\"StatusTip 缺省提示\"},{\"link\":\"/component/swipe-action\",\"text\":\"SwipeAction 滑动操作\"},{\"link\":\"/component/toast\",\"text\":\"Toast 轻提示\"},{\"link\":\"/component/notify\",\"text\":\"Notify 消息通知\"},{\"link\":\"/component/tooltip\",\"text\":\"Tooltip 文字提示\"},{\"link\":\"/component/count-down\",\"text\":\"CountDown 倒计时\"},{\"link\":\"/component/count-to\",\"text\":\"CountTo 数字滚动\"},{\"link\":\"/component/keyboard\",\"text\":\"Keyboard 虚拟键盘\"},{\"link\":\"/component/number-keyboard\",\"text\":\"NumberKeyboard 数字键盘\"}]},{\"text\":\"数据展示\",\"collapsed\":false,\"items\":[{\"link\":\"/component/badge\",\"text\":\"Badge 徽标\"},{\"link\":\"/component/card\",\"text\":\"Card 卡片\"},{\"link\":\"/component/cell\",\"text\":\"Cell 单元格\"},{\"link\":\"/component/collapse\",\"text\":\"Collapse 折叠面板\"},{\"link\":\"/component/curtain\",\"text\":\"Curtain 幕帘\"},{\"link\":\"/component/divider\",\"text\":\"Divider 分割线\"},{\"link\":\"/component/gap\",\"text\":\"Gap 间隔槽\"},{\"link\":\"/component/img\",\"text\":\"Img 图片\"},{\"link\":\"/component/img-cropper\",\"text\":\"ImgCropper 图片裁剪\"},{\"link\":\"/component/grid\",\"text\":\"Grid 宫格\"},{\"link\":\"/component/loadmore\",\"text\":\"Loadmore 加载更多\"},{\"link\":\"/component/skeleton\",\"text\":\"Skeleton 骨架屏\"},{\"link\":\"/component/steps\",\"text\":\"Steps 步骤条\"},{\"link\":\"/component/sticky\",\"text\":\"Sticky 粘性布局\"},{\"link\":\"/component/tag\",\"text\":\"Tag 标签\"},{\"link\":\"/component/watermark\",\"text\":\"Watermark 水印\"},{\"link\":\"/component/swiper\",\"text\":\"Swiper 轮播图\"},{\"link\":\"/component/table\",\"text\":\"Table 表格\"}]},{\"text\":\"组合式API\",\"items\":[{\"text\":\"useUpload\",\"link\":\"/component/use-upload\"},{\"text\":\"useCountDown\",\"link\":\"/component/use-count-down\"},{\"text\":\"useToast\",\"link\":\"/component/use-toast\"},{\"text\":\"useMessage\",\"link\":\"/component/use-message\"}]}]}}},\"en-US\":{\"label\":\"English\",\"lang\":\"en-US\",\"description\":\"A uni-app component library based on wot-design\",\"themeConfig\":{\"lastUpdated\":{\"text\":\"Last Updated\"},\"editLink\":{\"pattern\":\"https://github.com/Moonofweisheng/wot-design-uni/edit/master/docs/:path\",\"text\":\"Edit this page on GitHub\"},\"nav\":[{\"text\":\"Guide\",\"activeMatch\":\"/guide/\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/en-US/guide/introduction\"},{\"text\":\"Quick Start\",\"link\":\"/en-US/guide/quick-use\"},{\"text\":\"CLI & Templates\",\"link\":\"/en-US/guide/cli-templates\"},{\"text\":\"Custom Theme\",\"link\":\"/en-US/guide/custom-theme\"},{\"text\":\"Common Problems\",\"link\":\"/en-US/guide/common-problems\"},{\"text\":\"Internationalization\",\"link\":\"/en-US/guide/locale\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"⭐ Cases\",\"link\":\"/en-US/guide/cases\"},{\"text\":\"Join Group\",\"link\":\"/en-US/guide/join-group\"}]},{\"text\":\"Components\",\"activeMatch\":\"/component/\",\"items\":[{\"text\":\"Basic Components\",\"link\":\"/en-US/component/button\"},{\"text\":\"Navigation\",\"link\":\"/en-US/component/pagination\"},{\"text\":\"Data Input\",\"link\":\"/en-US/component/calendar\"},{\"text\":\"Feedback\",\"link\":\"/en-US/component/action-sheet\"},{\"text\":\"Data Display\",\"link\":\"/en-US/component/badge\"}]},{\"text\":\"🥤Buy Me a Coffee\",\"link\":\"/en-US/reward/reward\",\"activeMatch\":\"/reward/\"},{\"text\":\"Blog\",\"link\":\"https://blog.wot-ui.cn/\"},{\"text\":\"Templates\",\"items\":[{\"text\":\"Quick Start Template wot-starter\",\"link\":\"https://starter.wot-ui.cn/\"},{\"text\":\"vitesse-uni-app\",\"link\":\"https://vitesse-docs.netlify.app/\"},{\"text\":\"wot-starter-retail\",\"link\":\"https://github.com/wot-ui/wot-starter-retail\"},{\"text\":\"unibest\",\"link\":\"https://unibest.tech/\"}]},{\"text\":\"Resources\",\"items\":[{\"text\":\"Quick Start Template\",\"link\":\"https://starter.wot-ui.cn/\"},{\"text\":\"VS Code IntelliSense Plugin\",\"link\":\"https://marketplace.visualstudio.com/items?itemName=wot-ui.wot-ui-intellisense\"},{\"text\":\"Vue3 uni-app Router\",\"link\":\"https://moonofweisheng.github.io/uni-mini-router/\"},{\"text\":\"Mini Program CI Tool\",\"link\":\"https://github.com/Moonofweisheng/uni-mini-ci\"},{\"text\":\"Uni Helper\",\"link\":\"https://uni-helper.js.org/\"},{\"text\":\"uni-ku\",\"link\":\"https://github.com/uni-ku\"}]}],\"sidebar\":{\"/en-US/guide/\":[{\"text\":\"Introduction\",\"link\":\"/en-US/guide/introduction\"},{\"text\":\"Quick Start\",\"link\":\"/en-US/guide/quick-use\"},{\"text\":\"CLI & Templates\",\"link\":\"/en-US/guide/cli-templates\"},{\"text\":\"Custom Theme\",\"link\":\"/en-US/guide/custom-theme\"},{\"text\":\"Internationalization\",\"link\":\"/en-US/guide/locale\"},{\"text\":\"Common Problems\",\"link\":\"/en-US/guide/common-problems\"},{\"text\":\"Changelog\",\"link\":\"/en-US/guide/changelog\"},{\"text\":\"⭐ Cases\",\"link\":\"/en-US/guide/cases\"},{\"text\":\"Join Group\",\"link\":\"/en-US/guide/join-group\"}],\"/en-US/reward/\":[{\"text\":\"🥤Buy Me a Coffee\",\"link\":\"/en-US/reward/reward\"},{\"text\":\"Donor List\",\"link\":\"/en-US/reward/donor\"},{\"text\":\"Sponsor\",\"link\":\"/reward/sponsor\"}],\"/en-US/component/\":[{\"text\":\"Basic\",\"collapsed\":false,\"items\":[{\"link\":\"/en-US/component/button\",\"text\":\"Button\"},{\"link\":\"/en-US/component/icon\",\"text\":\"Icon\"},{\"link\":\"/en-US/component/layout\",\"text\":\"Layout\"},{\"link\":\"/en-US/component/config-provider\",\"text\":\"ConfigProvider\"},{\"link\":\"/en-US/component/popup\",\"text\":\"Popup\"},{\"link\":\"/en-US/component/resize\",\"text\":\"Resize\"},{\"link\":\"/en-US/component/transition\",\"text\":\"Transition\"},{\"link\":\"/en-US/component/fab\",\"text\":\"Fab\"},{\"link\":\"/en-US/component/text\",\"text\":\"Text\"},{\"link\":\"/en-US/component/root-portal\",\"text\":\"RootPortal\"}]},{\"text\":\"Navigation\",\"collapsed\":false,\"items\":[{\"link\":\"/en-US/component/pagination\",\"text\":\"Pagination\"},{\"link\":\"/en-US/component/popover\",\"text\":\"Popover\"},{\"link\":\"/en-US/component/tabs\",\"text\":\"Tabs\"},{\"link\":\"/en-US/component/segmented\",\"text\":\"Segmented\"},{\"link\":\"/en-US/component/tabbar\",\"text\":\"Tabbar\"},{\"link\":\"/en-US/component/navbar\",\"text\":\"Navbar\"},{\"link\":\"/en-US/component/sidebar\",\"text\":\"Sidebar\"},{\"link\":\"/en-US/component/backtop\",\"text\":\"Backtop\"},{\"link\":\"/en-US/component/index-bar\",\"text\":\"IndexBar\"}]},{\"text\":\"Data Input\",\"collapsed\":false,\"items\":[{\"link\":\"/en-US/component/calendar\",\"text\":\"Calendar\"},{\"link\":\"/en-US/component/calendar-view\",\"text\":\"CalendarView\"},{\"link\":\"/en-US/component/checkbox\",\"text\":\"Checkbox\"},{\"link\":\"/en-US/component/col-picker\",\"text\":\"ColPicker\"},{\"link\":\"/en-US/component/datetime-picker\",\"text\":\"DatetimePicker\"},{\"link\":\"/en-US/component/datetime-picker-view\",\"text\":\"DatetimePickerView\"},{\"link\":\"/en-US/component/form\",\"text\":\"Form\"},{\"link\":\"/en-US/component/input\",\"text\":\"Input\"},{\"link\":\"/en-US/component/textarea\",\"text\":\"Textarea\"},{\"link\":\"/en-US/component/input-number\",\"text\":\"InputNumber\"},{\"link\":\"/en-US/component/picker\",\"text\":\"Picker\"},{\"link\":\"/en-US/component/picker-view\",\"text\":\"PickerView\"},{\"link\":\"/en-US/component/radio\",\"text\":\"Radio\"},{\"link\":\"/en-US/component/rate\",\"text\":\"Rate\"},{\"link\":\"/en-US/component/search\",\"text\":\"Search\"},{\"link\":\"/en-US/component/select-picker\",\"text\":\"SelectPicker\"},{\"link\":\"/en-US/component/slider\",\"text\":\"Slider\"},{\"link\":\"/en-US/component/switch\",\"text\":\"Switch\"},{\"link\":\"/en-US/component/upload\",\"text\":\"Upload\"},{\"link\":\"/en-US/component/password-input\",\"text\":\"PasswordInput\"},{\"link\":\"/en-US/component/signature\",\"text\":\"Signature\"}]},{\"text\":\"Feedback\",\"collapsed\":false,\"items\":[{\"link\":\"/en-US/component/action-sheet\",\"text\":\"ActionSheet\"},{\"link\":\"/en-US/component/drop-menu\",\"text\":\"DropMenu\"},{\"link\":\"/en-US/component/floating-panel\",\"text\":\"FloatingPanel\"},{\"link\":\"/en-US/component/loading\",\"text\":\"Loading\"},{\"link\":\"/en-US/component/message-box\",\"text\":\"MessageBox\"},{\"link\":\"/en-US/component/notice-bar\",\"text\":\"NoticeBar\"},{\"link\":\"/en-US/component/overlay\",\"text\":\"Overlay\"},{\"link\":\"/en-US/component/progress\",\"text\":\"Progress\"},{\"link\":\"/en-US/component/circle\",\"text\":\"Circle\"},{\"link\":\"/en-US/component/sort-button\",\"text\":\"SortButton\"},{\"link\":\"/en-US/component/status-tip\",\"text\":\"StatusTip\"},{\"link\":\"/en-US/component/swipe-action\",\"text\":\"SwipeAction\"},{\"link\":\"/en-US/component/toast\",\"text\":\"Toast\"},{\"link\":\"/en-US/component/notify\",\"text\":\"Notify\"},{\"link\":\"/en-US/component/tooltip\",\"text\":\"Tooltip\"},{\"link\":\"/en-US/component/count-down\",\"text\":\"CountDown\"},{\"link\":\"/en-US/component/count-to\",\"text\":\"CountTo\"},{\"link\":\"/en-US/component/keyboard\",\"text\":\"Keyboard\"},{\"link\":\"/en-US/component/number-keyboard\",\"text\":\"NumberKeyboard\"}]},{\"text\":\"Data Display\",\"collapsed\":false,\"items\":[{\"link\":\"/en-US/component/badge\",\"text\":\"Badge\"},{\"link\":\"/en-US/component/card\",\"text\":\"Card\"},{\"link\":\"/en-US/component/cell\",\"text\":\"Cell\"},{\"link\":\"/en-US/component/collapse\",\"text\":\"Collapse\"},{\"link\":\"/en-US/component/curtain\",\"text\":\"Curtain\"},{\"link\":\"/en-US/component/divider\",\"text\":\"Divider\"},{\"link\":\"/en-US/component/gap\",\"text\":\"Gap\"},{\"link\":\"/en-US/component/img\",\"text\":\"Img\"},{\"link\":\"/en-US/component/img-cropper\",\"text\":\"ImgCropper\"},{\"link\":\"/en-US/component/grid\",\"text\":\"Grid\"},{\"link\":\"/en-US/component/loadmore\",\"text\":\"Loadmore\"},{\"link\":\"/en-US/component/skeleton\",\"text\":\"Skeleton\"},{\"link\":\"/en-US/component/steps\",\"text\":\"Steps\"},{\"link\":\"/en-US/component/sticky\",\"text\":\"Sticky\"},{\"link\":\"/en-US/component/tag\",\"text\":\"Tag\"},{\"link\":\"/en-US/component/watermark\",\"text\":\"Watermark\"},{\"link\":\"/en-US/component/swiper\",\"text\":\"Swiper\"},{\"link\":\"/en-US/component/table\",\"text\":\"Table\"}]},{\"text\":\"Composables\",\"items\":[{\"text\":\"useUpload\",\"link\":\"/en-US/component/use-upload\"},{\"text\":\"useCountDown\",\"link\":\"/en-US/component/use-count-down\"},{\"text\":\"useToast\",\"link\":\"/en-US/component/use-toast\"},{\"text\":\"useMessage\",\"link\":\"/en-US/component/use-message\"}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
|
||
|
||
</body>
|
||
</html> |