web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

106 ℃
           

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

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

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官网入口

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

一个专为移动端Web应用设计的UI组件库——Ant Design Mobile

一款专为移动端打造的UI组件库——VUX中文文档官网介绍

移动端UI组件库Mand Mobile项目搭建

Mint UI移动端UI组件库中文文档官网介绍

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

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

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

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

本文共计904个字,预计阅读时长7分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款由字制区设计团队的免费综艺字体——字制区喜脉体
下一篇: 推荐一款免费开源的跨平台MarkDown编辑器——Mark Text
x 打工人ai神器