GitHub优质开源项目-Vue前端项目

发送短信、语音验证 – 完成

下单功能 – 完成

订单列表 – 完成

订单详情 – 完成

下载App – 完成

添加、删除、修改收货地址 – 完成

帐户信息 – 完成

服务中心 – 完成

红包 – 完成

上传头像 – 完成

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

star:3.9k

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

简介

Vue Material is lightweight framework built exactly according to the Material Design specs.

It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.

Build powerful and well-designed web apps that can fit on every screen. You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API.

官网: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

功能

  • 登录/注销
  • 权限验证
  • 侧边栏
  • 面包屑

最后

由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

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

功能

  • 登录/注销
  • 权限验证
  • 侧边栏
  • 面包屑

最后

由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-mmk0jyIo-1714359008802)]

[外链图片转存中…(img-emhq4zpL-1714359008804)]

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值