一款基于Vue3与TS加持的开源移动端UI组件库——Wot Design Uni

Wot Design Uni是一个基于Vue3和TypeScript开发的uni-app组件库，旨在为开发者提供高颜值、轻量化的 UI 组件资源。该组件库提供了超过 70 个高质量的组件，覆盖了移动端的主流场景，包括按钮、文本框、布局、图形图像、进度条、菜单、弹窗、选择器、列表组件、加载器、提醒、视图切换、滑杆、图表、绘图组件、计数器、动画、验证码、多媒体、条形码、高级 UI 组件等。

Wot Design Uni免费开源说明：

Wot Design Uni是一个免费开源的前端 UI 组件库项目，采用 MIT 开源协议，我们可以自由地下载来使用，当然也可以用在商业项目上。

Wot Design Uni技术特性包括：

1、多平台覆盖，支持微信小程序、支付宝小程序、钉钉小程序、H5、APP 等。

2、70+ 高质量组件，可以覆盖移动端主流场景。

3、使用 Typescript 构建，提供良好的组件类型系统。

4、支持国际化，内置 15 种语言包

5、详细丰富的文档和组件示例

6、支持修改 CSS 变量实现主题定制

7、支持暗黑模式和主题定制，可以定制css变量以及组件的样式自定义。

Wot Design Uni语法介绍：

npm 安装

npm i wot-design-uni

引入组件

npm i @uni-helper/vite-plugin-uni-components -D

vite.config.ts 配置文件：

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";

import Components from '@uni-helper/vite-plugin-uni-components'
import { WotResolver } from '@uni-helper/vite-plugin-uni-components/resolvers'


export default defineConfig({
  plugins: [
    // make sure put it before `Uni()`
    Components({
    resolvers: [WotResolver()]
  }), uni()],
});

进入Wot Design Uni官网入口