1.pc端的项目,最好的选择是ElementUI。(pc端)

  一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。Element是饿了么前端开源维护的Vue UI组件库,更新频率还是很高的,基本一周到半个月都会发布一个新版本。组件齐全,基本涵盖后台所需的所有组件,文档讲解详细,例子也很丰富。没有实际使用过,网上的Element教程和文章比较多。Element应该是一个质量比较高的Vue UI组件库。目前 star值36K;

  官网地址:http://element-cn.eleme.io/#/zh-CN

  github地址:https://github.com/ElemeFE/element

2.iview组件库(pc端)

  iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。iView的组件还是比较齐全的,更新也很快,文档写得很详细。有公司团队维护,比较可靠的Vue UI组件框架。iView生态也做得很好,还有开源了一个iView Admin,做后台非常方便。官网上介绍,iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条、京东、滴滴出行、美团、新浪、联想等大型公司的产品中。

  iView官网:https://www.iviewui.com/

  github地址:https://github.com/iview/iview

3.vux 基于Vue和WeUI的移动UI组件

  Vux是基于WeUI和Vue2.x开发的移动端UI组件库,主要服务于微信页面。Vux的定位已经很明确了,

  一是:Vue移动端UI组件库,

  二是:WeUI的基础样式库。

  Vux的组件涵盖了所有的WeUI的内容,还扩展了一些常用的组件。比如:Sticky、timeline、v-chart、XCircle。Vux是个人维护的。在GitHub上看到对issue的关闭还是很迅速的。Vux文档基本的组件用法和效果都讲解到位了。在vux官网上也展示了很多Vux的使用案例。在微信页面开发中,基本没有太多的bug,开发还是比较顺手的。

  Vux官网:https://vux.li/

  github地址:https://github.com/airyland/vux

4.Mint-UI 饿了么移动端组件库(移动端)

  Mint UI基于 Vue.js 的移动端组件库,同样出自饿了么前端的项目。Mint UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件。Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。网上的视频教程很多都是基于Mint UI来讲的,开发移动端web项目还是很方便,文档也很简介明了。很多页面Mint UI组件都已经封装好,基本可以照着例子写,简单的调整一下就可以实现。

  官网地址:http://mint-ui.github.io/#!/zh-cn

  github地址:https://github.com/ElemeFE/mint-ui

5.vue-admin 管理面板UI框架

  github地址:https://github.com/vue-bulma/vue-admin

6.vue-material为 Vue.js 打造的 Material 风格的组件

  github地址:https://github.com/vuematerial/vue-material

7.vue-strap基于 Vue.js 的 Bootstrap 组件

  github地址:https://github.com/yuche/vue-strap

8.KeenUI 基于Material Design的UI

  github地址:https://josephuspaye.github.io/Keen-UI/

9.AT-UI UI组件库AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,(pc端)

  主要用于快速开发 PC 网站中后台产品,支持现代浏览器和 IE9 及以上。AT-UI 更加精简,实现了后台常用的组件。

  AT_UI官网:https://at-ui.github.io/at-ui/#/zh

10.Vant是一个轻量、可靠的移动端 Vue 组件库。(移动端-商城)

  Vant是有赞团队开源的,主要维护也是有赞团队。Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。截止到目前,Vant已经开源了50+ 个经过有赞线上业务检验的组件。比如:、AddressEdit 地址编辑、AddressList 地址列表、Area 省市区选择、Card 卡片、Contact 联系人、Coupon 优惠券、GoodsAction 商品页行动点、SubmitBar 提交订单栏、Sku 商品规格弹层。如果做商城的,不太在意界面,实现业务逻辑的话,用Vant组件库开发还是很快的。

  vant官网:http://mint-ui.github.io/#!/zh-cn

11.we-vue UI组件库we-vue 是一套基于 Vue.js 的移动关组件库 (移动端)

  we-vue UI组件库we-vue 是一套基于 Vue.js 的移动关组件库,结合 weui.css 样式库,封装了一系列组件,非常适于微信公众号等移动端开发。we-vue 包含35+ 个组件,单元测试覆盖率超 98%,支持 babel-plugin-import,完善的在线文档,详细的在线示例。

  we-vue官网:https://wevue.org/

12.Mand MobileMand Mobile是面向金融场景的Vue移动端UI组件库(移动端-金融)

  丰富、灵活、实用,快速搭建优质的金融类产品,让复杂的金融场景变简单。Mand Mobile含有丰富的组件30+的基础组件,覆盖金融场景,极高的易用性组件均有详细说明文档、案例演示,汲取最前沿技术,组件化轻量化实现,兼顾稳定和品质,努力实现金融场景的全覆盖。

  Mand Mobile官网:https://didi.github.io/mand-mobile/#/zh-CN/home

13.Cube UI 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库(移动端)

  cube-ui 是基于 Vue.js 实现的精致移动端组件库。由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。在交互体验方面追求极致。遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发。

    API地址:https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start

  github地址:https://github.com/didi/cube-ui

14.N3-components UI (pc端)

  N3组件库是基于Vue.js构建的,让前端工程师和全栈工程师能快速构建页面和应用。很有力;

  API文档:https://n3-components.github.io/N3-components/component.html

15.Semantic-UI-Vue UI组件库Semantic-UI-Vue是基于 Vue.js对Semantic-UI 框架的实现。Semantic作为一款开发框架,帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局。Semantic-UI-Vue提供了一个类似于 Semantic-UI 的 API 以及一组可定制的主题。

  API文档:https://semantic-ui-vue.github.io/#/

  

 

转载于:https://www.cnblogs.com/jiayeyuan/p/10595215.html

vue 移动端PC端选用的ui框架相关推荐

  1. UC电脑端PC端浏览器下载,UC浏览器凉了?

    近期从UC浏览器的官网找不到UC浏览器的PC端没有了 而官网只有安卓端和iOS版本了 阿里官方的客服也回复说暂时不考虑开发UC浏览器电脑端了 百度贴吧也有感觉很可惜的感觉 而今天给大家带来的就是UC浏 ...

  2. 多终端登录,只保留一个移动端+PC端同时在线

    大家好,我是入错行的bug猫.(http://blog.csdn.net/qq_41399429,谢绝转载) 今天突然有小伙伴在群里问bug猫,多终端登录怎么搞. bug猫说,不知道百度的程序猿不是好 ...

  3. 基于vue的UI框架集锦(移动端+pc端)

    1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档 在线预览 2.vux 基于WeUI和Vu ...

  4. vue怎么给pc端浏览器设置一个最小屏幕_图文讲解uni-app的PC宽屏适配方案

    天下苦平台碎片化已久. 在移动互联网以前,开发者只需幸福的面对web.进入移动互联网时代,iOS.Android.H5以及各种小程序快应用层出不穷,开发者再也幸福不起来. 学习n个技术 开发n个版本 ...

  5. rem结合媒体查询适配的vue项目(PC端和移动端共用一套代码)

    一.前言 上周四接到了一个简单的纯前端网页的项目,我用了三天时间已经开发并且部署完毕(为了实现快速简易部署,使用了gitee pages进行部署,这篇文章记录我使用gitee pages部署的详细过程 ...

  6. vue怎么给pc端浏览器设置一个最小屏幕_创新PC应用、打通云端体验,360小程序引发SaaS软件变革...

    进入2019年,我国云计算产业发展正在从"单点突破"迈入"整体效能提升"的新阶段,这是中国信通院<云计算发展白皮书(2019)>的重要判断. 云计算 ...

  7. vue 同一个域名移动端pc端两套代码跳转_百度移动搜索优化:手机站优化指南

    百度移动搜索是全球最大的中文手机搜索引擎,每天用户使用百度移动搜索发起的搜索请求高达数亿次.本文档旨在为手机站站长提供官方.明确的搜索引擎优化标准,使站长合理.可持续的提升手机站流量,获得长久.稳定的 ...

  8. 乐鑫Esp32学习之旅 安信可 ESP32-Cam 摄像头开发板二次开发 C SDK编程,拍照图片通过有线串口传到上位机PC端。(附带设备端+PC端源码)

    本系列博客学习由非官方人员 半颗心脏 潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 系列一:ESP32系列模组基础学习系列笔记 1. 爬坑学习新旅程,虚 ...

  9. 移动端/PC端网页开发建议

    作者:黄玄 链接:https://www.zhihu.com/question/25836425/answer/31564174 来源:知乎 著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...

最新文章

  1. ubuntu14.04初体会
  2. 双指针问题最简单的教程(1)
  3. IDC:2017年,40%的CIO将失去在企业中的领导地位
  4. 又见奇葩乘客!醉酒男子与人发生冲突迫使飞机返航
  5. tomcat的log日志乱码解决方案
  6. 词法分析是否需要处理负数
  7. php如何获取js文本框内的内容,js获取input标签的输入值(实例代码)
  8. stm32 USART接收总线空闲中断--USART_IT_IDLE
  9. linux centos7内核降级和升级
  10. Eclipse 的 Tomcat 插件
  11. CAS去掉HTTPS认证
  12. 2.2线性表的顺序表示和实现
  13. [ASP]没有权限: 'CreateObject'
  14. clickhouse 小结1
  15. 吾爱破解python百度文库下载源码_【原创源码】【python】淘豆网文档下载探索
  16. 使用USB驱动虚拟一个声卡
  17. 万里汇WorldFirst提现人民币实现当天到账!
  18. 正确开启用户实体行为分析(UEBA)番外篇:SIEM与UEBA
  19. 前端实现搜索功能和模糊查询
  20. English Summary~August

热门文章

  1. GBK(国标码)英文是几个字节?
  2. MT6735 8.1 Secure Boot 签名
  3. 生成 App 专用密码 [How to generate an app-specific password]
  4. JavaScript中数据类型的转换与undefined及Null
  5. ​word分节符与分页符的区别与用法
  6. STEMWIN窗口管理学习
  7. opencv 学习笔记3.1 高斯双边滤波(EPF) 常用于美颜
  8. tps压不上去,可能有哪些方面原因?
  9. CDR 无法安装,解决办法
  10. 计算机音乐制作专业大纲,电脑音乐制作教学大纲.doc