Vue3高颜值组件库 Wot Design Uni 组件数量超过70了！

前言

九月份我们发布了 Wot Design Uni 的第一个版本，如今组件库的组件数量已超过60！

最近一个月我们做了什么

• WaterMark 水印
• Swiper 轮播
• Circle 环形进度条
• Segmented 分段控制器
• Tabbar 标签栏
• Navbar 导航条

接下来要做什么

• Sidebar 侧边栏
• Fab 悬浮按钮
• CountDown 倒计时
• NumberKeyboard 数字键盘
• PasswordInput 密码输入框
• Form 表单
• Table 表格
• Signature 签名

组件库介绍

非常感谢朋友们对我的支持和帮助，让组件库稳步的发展，关于组件库的特性和使用，可以参考本章节的内容。

<p align="center">

<a href="https://github.com/Moonofweisheng/wot-design-uni">
<img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/Moonofweisheng/wot-design-uni?logo=github&color=%234d80f0&link=https%3A%2F%2Fgithub.com%2FMoonofweisheng%2Fwot-design-uni">
</a>

<a href="https://www.npmjs.com/package/wot-design-uni">
<img alt="npm" src="https://img.shields.io/npm/v/wot-design-uni?logo=npm&color=%234d80f0&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fwot-design-uni">
</a>

<a href="https://www.npmjs.com/package/wot-design-uni">
<img alt="npm" src="https://img.shields.io/npm/dw/wot-design-uni?logo=npm&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fwot-design-uni">
</a>

<a href="https://www.npmjs.com/package/wot-design-uni">
<img src="https://img.shields.io/npm/dt/wot-design-uni?style=flat-square">
</a>

<a href="https://github.com/Moonofweisheng/wot-design-uni">
<img alt="GitHub" src="https://img.shields.io/github/license/Moonofweisheng/wot-design-uni?logo=github">
</a>

<a href="https://app.netlify.com/sites/wot-design-uni/deploys" target="_blank" referrerpolicy="no-referrer">
<img src="https://api.netlify.com/api/v1/badges/0991d8a9-0fb0-483b-8961-5bde066bbd50/deploy-status" alt="deploy-status" />
</a>

</p>

<p align="center">
<a href="https://wot-design-uni.cn/">文档网站 (官网)</a> 
<a href="https://wot-design-uni.netlify.app/">文档网站 (Netlify)</a>
</p>

✨ 特性

• 支持 APP、H5、微信小程序 等平台.
• 70+ 个高质量组件，覆盖移动端主流场景.
• 使用 Typescript 构建，提供良好的组件类型系统.
• 采用 Vue3 最新特性，提升组件性能.
• 提供丰富的文档和组件示例.
• 支持主题定制，可以定制 scss 变量以及组件的样式自定义.
• 支持暗黑模式

预览

扫描二维码访问演示：

<p>
<img src="https://wot-design-uni.cn/wx.jpg" width="200" height="200" style="margin-right:30px"/>
<img src="https://wot-design-uni.cn/alipay.png" width="200" height="200" />
</p>

快速上手

详细说明见 快速上手。

链接

• 意见反馈
• 更新日志
• 常见问题
• Discussions 讨论区
• QQ 群

贡献指南

修改代码请阅读我们的 贡献指南。

使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR。

贡献者们

感谢以下所有给 Wot Design Uni 贡献过代码的 开发者。

<a href="https://github.com/Moonofweisheng/wot-design-uni/graphs/contributors">
<img src="https://contrib.rocks/image?repo=Moonofweisheng/wot-design-uni" />
</a>

LICENSE

MIT