一款基于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官网入口

在uni-app中引入uView具体操作流程和示例

Taro UI组件官网使用入口，一套基于Taro框架开发的多端UI组件库

uni-app开发文档：一个基于Vue.js的跨平台应用开发框架

uView UI官网：一个全面兼容nvue的uni-app生态框架

腾讯出品的企业级开源设计系统——TDesign

标签： uni-app, 移动端UI组件库

上面是“一款基于Vue3与TS加持的开源移动端UI组件库——Wot Design Uni”的全面内容，想了解更多关于 前端UI组件库 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_16856.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！