• vue.js 项目


    1.   bailicangdu/vue2-elm   (模拟饿了么项目)

       https://github.com/bailicangdu/vue2-elm

    2.   ElemeFE/element  ()

       Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。通过基础的 24 分栏,迅速简便地创建布局。

       官网地址:http://element.eleme.io/

    3. airyland/vux

    tag:vux weui vue vue-components

    star:8.9k

    link:https://github.com/airyland/vux

    简介

    Vux(读音 [v'ju:z],同views)是基于 WeUI 和 Vue(2.x) 开发的移动端 UI 组件库,主要服务于微信页面。

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

    vux-loader 保证了组件按需使用,因此不用担心最终打包了整个 vux 的组件库代码。

    vux 并不完全依赖于 WeUI,但是尽量保持整体UI样式接近 WeUI 的设计规范。最初目标是创建一个易用,实用,美观的移动端UI组件库,现在离理想状态还有不少距离,因此需要大家及时反馈问题及贡献代码。

    即使你不使用 vux 的代码, 但能从源码得到一些参考那么也是件让人高兴的事情。

    官网:https://vux.li/

    4. iview/iview

    tag:vue javascript components ui-design vue-componentsui-kit

    star:8.3k

    link:https://github.com/iview/iview

    简介

    iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。

    特性:

    • 高质量、功能丰富

    • 友好的 API ,自由灵活地使用空间

    • 细致、漂亮的 UI

    • 事无巨细的文档

    • 可自定义主题

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

    5. ElemeFE/mint-ui

    tag:vue mobile component vue-componentsui-kit

    star:7.2k

    link:https://github.com/ElemeFE/mint-ui

    简介

    基于 Vue.js 的移动端组件库。

     特性:

    • Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

    • 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。

    • 考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。

    • 依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

    官网:http://mint-ui.github.io/#!/en

    6. vue-bulma/vue-admin

    star:5.5k

    link:https://github.com/vue-bulma/vue-admin

    简介

    一个基于 Vue 2.0 和 Bulma 0.3 的 后台管理框架。

    特性:

    • 基于 Vue 2.0 和 Bulma 0.3 技术

    • 响应式和弹性布局

    • 多种图表类型

    • 丰富的组件或参见 vue-bulma

    • 基于优秀的第三方库

    官网:https://admin.vuebulma.com

    7. museui/muse-ui

    tag:muse-ui material vue vuejs2 vue2

    star:4.3k

    link:https://github.com/museui/muse-ui

    简介

    基于 Vue 2.0 和 Material Design 的 UI 组件库。

    特性:

    • 多功能组件,使用无忧

    • 自定义主题文件,更易扩展

    • 基于 Vue 2.0,开发更加快速

    官网:https://museui.github.io

    8.vuematerial/vue-material

    tag:vue-material javascript vue material material-design

    link:https://github.com/vuematerial/vue-material

    官网:https://vuematerial.github.io

    9. PanJiaChen/vue-element-admin

    tag:vue-admin vue admin element vuex 

    star:3.6k

    link:https://github.com/PanJiaChen/vue-element-admin

    简介

    这半年来一直在用 vue 写管理后台,目前后台已经有百来个个页面,十几种权限,但维护成本依然很低,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用 vue + element + axios 由 webpack2 打包.由于是个人项目,所以数据请求都是用了 mockjs 模拟。注意:在次项目基础上改造开发时请移除mock文件。 写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:

    • 手摸手,带你用 vue 撸后台 系列一(基础篇)

    • 手摸手,带你用 vue 撸后台 系列二(登录权限篇)

    • 手摸手,带你用 vue 撸后台 系列三 (实战篇)

    • 手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)

    • 手摸手,带你封装一个 vue component

    功能

    • 登录/注销

    • 权限验证

    • 侧边栏

    • 面包屑

    • 富文本编辑器

    • Markdown编辑器

    • JSON编辑器

    • 列表拖拽

    • plitPane

    • Dropzone

    • Sticky

    • CountTo

    • echarts图表

    • 401,404错误页面

    • 错误日志

    • 导出excel

    • table example

    • 动态table example

    • 拖拽table example

    • 内联编辑table example

    • form example

    • 多环境发布

    • dashboard

    • 二次登录

    • 动态侧边栏(支持多级路由)

    • mock数据

    • cache tabs example

    • screenfull

    • markdown2html

    • views-tab

    《==============================转发他人的=======================================》

  • 相关阅读:
    Java基础语法(11)-面向对象之关键字
    Java基础语法(10)-面向对象之三大特征
    Java基础语法(9)-面向对象之类的成员
    Java基础语法(8)-数组中的常见排序算法
    Java基础语法(7)-数组
    Java基础语法(6)-注释
    Java基础语法(5)-特殊流程控制语句
    Java基础语法(4)-流程控制
    Java基础语法(3)-运算符
    sunset: dawn
  • 原文地址:https://www.cnblogs.com/dyy-dida/p/10529144.html
Copyright © 2020-2023  润新知