wot-design-uni/assets/guide_introduction.md.DvJU-z7D.js

import{W as i,A as a,H as o,a as n}from"./chunks/android.B60giRqq.js";import{c as l,o as s,aR as r,j as t,k as e}from"./chunks/framework.C7RrxATG.js";const d=r('<h1 id="介绍" tabindex="-1">介绍 <a class="header-anchor" href="#介绍" aria-label="Permalink to &quot;介绍&quot;">​</a></h1><p><code>wot-design-uni</code>组件库基于<code>vue3</code>+<code>Typescript</code>构建，参照<code>wot design</code>的设计规范进行开发，提供 70+高质量组件，支持暗黑模式、国际化和自定义主题，旨在给开发者提供统一的 UI 交互，同时提高研发的开发效率。</p><h2 id="快速上手" tabindex="-1">快速上手 <a class="header-anchor" href="#快速上手" aria-label="Permalink to &quot;快速上手&quot;">​</a></h2><p>请查看<a href="/guide/quick-use.html">快速上手</a>文档。</p><h2 id="扫码体验" tabindex="-1">扫码体验 <a class="header-anchor" href="#扫码体验" aria-label="Permalink to &quot;扫码体验&quot;">​</a></h2>',5),h={style:{display:"flex",gap:"24px"}},u={style:{display:"inline-block"}},c=["src"],p=t("div",{style:{"text-align":"center"}},"微信扫码",-1),_={style:{display:"inline-block"}},g=["src"],f=t("div",{style:{"text-align":"center"}},"支付宝扫码",-1),b={style:{display:"inline-block"}},m=["src"],w=t("div",{style:{"text-align":"center"}},"浏览器扫码",-1),k={style:{display:"inline-block"}},x=["src"],y=t("div",{style:{"text-align":"center"}},"浏览器扫码",-1),q=r('<h2 id="✨-特性" tabindex="-1">✨ 特性 <a class="header-anchor" href="#✨-特性" aria-label="Permalink to &quot;✨ 特性&quot;">​</a></h2><ul><li>🎯 多平台覆盖，支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等.</li><li>🚀 70+ 个高质量组件，覆盖移动端主流场景.</li><li>💪 使用 Typescript 构建，提供良好的组件类型系统.</li><li>🌍 支持国际化，内置 15 种语言包.</li><li>📖 提供丰富的文档和组件示例.</li><li>🎨 支持修改 CSS 变量实现主题定制.</li><li>🍭 支持暗黑模式</li></ul><h2 id="链接" tabindex="-1">链接 <a class="header-anchor" href="#链接" aria-label="Permalink to &quot;链接&quot;">​</a></h2><ul><li><a href="/guide/changelog.html">更新日志</a></li><li><a href="/guide/common-problems.html">常见问题</a></li><li><a href="https://github.com/Moonofweisheng/wot-design-uni/discussions" target="_blank" rel="noreferrer">Discussions 讨论区</a></li><li><a href="/guide/join-group.html">互助交流群</a></li><li><a href="/guide/cases.html">优秀案例</a></li></ul><h2 id="赞助我们" tabindex="-1">赞助我们 <a class="header-anchor" href="#赞助我们" aria-label="Permalink to &quot;赞助我们&quot;">​</a></h2><p>如果您认为 Wot UI 帮助到了您的开发工作，您可以选择<a href="/reward/reward.html">赞助</a>我们，赞助无门槛，哪怕是一杯柠檬水也好。</p><p>捐赠后您的昵称、留言等将会展示在<a href="/reward/donor.html">捐赠榜单</a>中。</p><h2 id="生态推荐" tabindex="-1">生态推荐 <a class="header-anchor" href="#生态推荐" aria-label="Permalink to &quot;生态推荐&quot;">​</a></h2><table tabindex="0"><thead><tr><th>项目</th><th>描述</th></tr></thead><tbody><tr><td><a href="https://github.com/uni-helper/awesome-uni-app" target="_blank" rel="noreferrer">awesome-uni-app</a></td><td>多端统一开发框架 uni-app 优秀开发资源汇总</td></tr><tr><td><a href="https://github.com/uni-helper/create-uni" target="_blank" rel="noreferrer">create-uni</a></td><td>快速创建 uni-app 项目</td></tr><tr><td><a href="https://github.com/wot-ui/wot-starter" target="_blank" rel="noreferrer">wot-starter</a></td><td>基于 <a href="https://github.com/uni-helper/vitesse-uni-app" target="_blank" rel="noreferrer">vitesse-uni-app</a> 的 wot-ui 快速起手项目</td></tr><tr><td><a href="https://github.com/Moonofweisheng/wot-starter-retail" target="_blank" rel="noreferrer">wot-starter-retail</a></td><td>基于 wot-design-uni 的 uni-app 零售行业模板</td></tr><tr><td><a href="https://github.com/wot-ui/wot-ui-intellisense" target="_blank" rel="noreferrer">wot-ui-intellisense</a></td><td>wot-ui vscode 代码提示插件</td></tr><tr><td><a href="https://marketplace.visualstudio.com/items?itemName=kiko.wot-design-uni-snippets" target="_blank" rel="noreferrer">Wot UI Snippets</a></td><td>Wot UI 代码块提示</td></tr><tr><td><a href="https://github.com/Moonofweisheng/uni-mini-ci" target="_blank" rel="noreferrer">uni-mini-ci</a></td><td>一个 uni-app 小程序端构建后支持 CI（持续集成）的插件</td></tr><tr><td><a href="https://github.com/Moonofweisheng/uni-mini-router" target="_blank" rel="noreferrer">uni-mini-router</a></td><td>一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库</td></tr><tr><td><a href="https://github.com/unibest-tech/unibest" target="_blank" rel="noreferrer">unibest</a></td><td>基于 wot-design-uni 的 uni-app 模板</td></tr><tr><td><a href="https://www.coze.cn/store/bot/7347916532258701363" target="_blank" rel="noreferrer">wot-design-uni AI 助手</a></td><td>一个能回答你关于 wot-design-uni 组件库问题的智能助手</td></tr><tr><td><a href="https://github.com/uni-ku/root" target="_blank" rel="noreferrer">uni-ku-root</a></td><td>一个模拟 App.vue 原有能力的根组件插件</td></tr></tbody></table><h2 id="鸣谢" tabindex="-1">鸣谢 <a class="header-anchor" href="#鸣谢" aria-label="Permalink to &quot;鸣谢&quot;">​</a></h2><ul><li><a href="https://github.com/jd-ftf/wot-design-mini" target="_blank" rel="noreferrer">wot-design</a> - 感谢 wot-design 团队多年来的不断维护，让 wot-design-uni 能够站在巨人的肩膀上。</li><li><a href="https://github.com/uni-helper" target="_blank" rel="noreferrer">uni-helper</a> - 感谢 uni-helper 团队提供的 uni-app 工具库，让 wot-design-uni 能够更方便地使用。</li><li><a href="https://wot-ui.cn/reward/donor.html" target="_blank" rel="noreferrer">捐赠者</a> - 感谢所有捐赠者，是你们的捐赠让 wot-design-uni 能够更好地发展。</li></ul><h2 id="开源协议" tabindex="-1">开源协议 <a class="header-anchor" href="#开源协议" aria-label="Permalink to &quot;开源协议&quot;">​</a></h2><p>本项目基于 <a href="https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89" target="_blank" rel="noreferrer">MIT</a> 协议，请自由地享受和参与开源。</p>',13),C=JSON.parse('{"title":"介绍","description":"","frontmatter":{},"headers":[],"relativePath":"guide/introduction.md","filePath":"guide/introduction.md","lastUpdated":1762249100000}'),v={name:"guide/introduction.md"},E=Object.assign(v,{setup(P){return(T,A)=>(s(),l("div",null,[d,t("div",h,[t("div",u,[t("img",{style:{width:"150px",height:"150px"},src:e(i)},null,8,c),p]),t("div",_,[t("img",{style:{width:"150px",height:"150px"},src:e(a)},null,8,g),f]),t("div",b,[t("img",{style:{width:"150px",height:"150px"},src:e(o)},null,8,m),w]),t("div",k,[t("img",{style:{width:"150px",height:"150px"},src:e(n)},null,8,x),y])]),q]))}});export{C as __pageData,E as default};