关键词搜索

全站搜索
×
密码登录在这里
×
注册会员
×

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

Vue优秀好用pc和移动端UI框架

发布2022-05-12 浏览2522次

详情内容

Vue作为目前比较火的开发框架,那基于vue有哪些优秀常用pc和移动端UI框架可以于web UI搭建和后台框架呢。

移动端

Vant UI (推荐)

文档(移动端) | GitHub | 小程序weapp | GitHub

中文文档:https://youzan.github.io/vant/#/zh-CN/

简介:有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。

优点:社区活跃,60+ 高质量组件,90%的单元测试覆盖率,完善的文档和示例,支持 babel-plugin-import,支持 TypeScript,支持 SSR。

同时它的默认主题适合做一些商城三级页面的开发,也支持开发者自定义主题。

Mint UI

文档 | GitHub

中文文档:http://mint-ui.github.io/docs/#/zh-cn2

在线预览:http://elemefe.github.io/mint-ui/#/

简介: 饿了么公司基于 vue.js 开发的的移动端 UI 组件库

优点: 丰富的 CSS 和 JS 组件

Nut UI

文档 | GitHub

中文文档:https://nutui.jd.com/#/index

简介:一套京东风格的轻量级移动端Vue组件库

优点:组件内容丰富,质量有保障。单元测试率 90%以上。兼容目前主流浏览器、支持按需加载、支持服务端渲染。配套有基于Webpack的构建工具,可快速创建已内置本组件库的Vue工程。

image.png

Cube UI

文档 | GitHub

简介:滴滴团队开发的基于 Vue.js 实现的精致移动端组件库。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

MUSE UI

文档 | GitHub

简介:基于 Vue 2.0 优雅的 Material Design UI 组件库

VUX

文档 | Github

中文文档:https://vux.li/#/

在线预览:https://vux.li/demos/v2/#/

简介:基于 WeUI 和 Vue(2.x) 开发的移动端 UI 组件库。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。

image.png

vonic

中文文档:https://wangdahoo.github.io/vonic-documents/#/

在线预览:https://wangdahoo.github.io/vonic/docs/#/home

介绍:一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。


PC端

ElementUI

文档 | GitHub

中文文档:https://element.eleme.cn/#/zh-CN/component/installation

简介:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,整个ui风格简约,上手挺快,大多数vue开发应该都是选择element,因为社区做的比较完整。

image.png

vuetify

文档 | GitHub

简介:一款非常精致的UI框架,它提供了很多常用的组件,依靠Material Design的设计优势,让你无需编写一行css代码就可以得到非常美观的界面功能。响应式做的不错,移动PC多端支持,配置灵活,组件也挺多的,足够现代,功能全面。

image.png

iView

文档 | GitHub

中文文档:https://www.iviewui.com/docs/introduce

简介:iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。功能丰富,友好的 API ,自由灵活地使用空间细致、漂亮的 UI,最主要的是文档特别详细。

Ant-Design-Vue

文档 | GitHub

中文文档:https://antdv.com/docs/vue/introduce-cn

简介:Ant Design 的 Vue 实现,开发和服务于企业级后台产品

image.png


TDesign Vue - 腾讯 UI 组件库

配套工具完满,设计工整,文档清晰,并且还有移动端,小程序…

官网: https://tdesign.tencent.com/

image.png

点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
确定支付下载