zoukankan      html  css  js  c++  java
  • vue UI框架

    一、pc端

      1. element UI 饿了么UI
        支持vue2.x
        80分
        优点:组件的API方法、属性等封装的较为完善
        缺点:样式有些生硬,不够炫酷美观
      2. N3 N3
        支持vue2.x
        70分
        优点:组件操作几乎都有动画效果,组件较为丰富,比饿了么的操作更为人性化,比如表单部分,相较于elementUI可以直接自定义组件大小
        缺点:封装的方法、属性都是基本需求的,不够丰富
      3. Vue Antd Antd
        支持vue1.x,据说不再有人维护
        70分
        优点:和elementUI很像,像的不像话,方法属性封装度较高
        缺点:不支持vue2.x,不然要比N3分数高点的
      4. iView iView
        支持vue2.x(今天刚刚宣布支持。。。。。)
        90分
        优点:组件丰富(43个),动画效果炫酷,
        缺点:其他UI具有的缺点完美避过,只是。。。现在这个点,2.0版本的文档还没发布。吐槽下分页组件和elementUI一样不够人性化
      5. AliTelecom UI AliTelecom UI
        支持vue2.x,阿里通信技术团队打造
        70分
        优点:相较而言也就是支持vue2.0了,动画效果尚可
        确定:属性、方法太少
      6. vue-beauty vue-beauty
        支持vue1.x
        65分
        综合感觉是几个UI的合成版
        优点:动画效果尚可
        缺点:组件开发不完善,不丰富
      7. Vue-BluVue-Blu
        支持vue2.x
        85分
        优点:和饿了么挺像,相比感觉是青出于蓝而胜于蓝,组件更加丰富了
        缺点:有些死板
      8. 几个链接
        VUE开发常用组件收藏
        vuejs ui库优劣势分析和选择
        vue 常用ui组件

    二、移动端

    1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k

    中文文档 在线预览

    2.vux 基于WeUIVue(2.x)开发的移动端UI组件库 star 10k

    基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。

    中文文档 在线预览

    3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 star 8.3k

    中文文档 github地址 在线预览

    4.MUI  最接近原生APP体验的高性能前端框架 star 7.5k 

    中文文档 github地址

    5.Muse-ui   基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k

    中文文档 github地址 

    6.Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件。star 1k

    中文文档 github地址

     

    7.Cube UI star 3k

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

    github地址 中文文档

    特性

    • 质量可靠

      由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试,为后续集成提供保障。

    • 体验极致

      以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。

    • 标准规范

      遵循统一的设计交互标准,高度还原设计效果;接口标准化,统一规范使用方式,开发更加简单高效。

    • 扩展性强

      支持按需引入和后编译,轻量灵活;扩展性强,可以方便地基于现有组件实现二次开发

  • 相关阅读:
    JSP/Servlet相关
    mysql 相关问题解决
    Git常用
    利用JDBC连接MySQL并使用MySQL
    memcache、redis原理对比
    Python 2.7.x 和 3.x 版本的重要区别
    python 单例模式
    python 装饰器原理及用法
    python 冒泡排序
    python 迭代器和生成器
  • 原文地址:https://www.cnblogs.com/ziyoublog/p/9089717.html
Copyright © 2011-2022 走看看