GitHub优质开源项⽬-Vue前端项⽬
tag:vue javascript components
star:15.8k
简介
Element,⼀套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的⽹站快速成型。通过基础的 24 分栏,迅速简便地创建布局。
tag:vue
star:10.4k
简介
初学vue时曾在⽹上搜索vue的实战项⽬源码,⽆奈⼤部分都是简单的demo,对于深究vue没有太⼤的帮助,剩下的⼀些⼤部分都是像⾳乐播放器之类的展⽰型项⽬,交互没有预期那么复杂。但我们实际在⼯作中,经常会遇到有购物车的项⽬,这类项⽬因为涉及到money,所以对逻辑严谨度要求⾼,页⾯之间
交互复杂,⼜会伴随着登录、注册、⽤户信息等等,常常会让我们很头疼。既然还没⼈⽤vue写过这样的项⽬,那不如我来写,开源出来对能看到的⼈也会有帮助。
此项⽬⼤⼤⼩⼩共 45 个页⾯,涉及注册、登录、商品展⽰、购物车、下单等等,是⼀个完整的流程。因为利⽤业余时间来做,年前就开始写,⼜跨个年,周期有点长,项⽬从零布局到完成共⽤了2个多⽉的时间,⽬前项⽬已经完成,正在进⾏⼀些性能的优化,增加详细的注释。
技术栈
vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg
⽬标功能
定位功能 -- 完成
选择城市 -- 完成
搜索地址 -- 完成
展⽰所选地址附近商家列表 -- 完成
搜索美⾷,餐馆 -- 完成
根据距离、销量、评分、特⾊菜、配送⽅式等进⾏排序和筛选 -- 完成
餐馆⾷品列表页 -- 完成
购物车功能 -- 完成
店铺评价页⾯ -- 完成
单个⾷品详情页⾯ -- 完成
商家详情页 -- 完成
登录、注册 -- 完成
修改密码 -- 完成
个⼈中⼼ -- 完成
、语⾳验证 -- 完成
下单功能 -- 完成
下单功能 -- 完成
订单列表 -- 完成
订单详情 -- 完成
下载App -- 完成
添加、删除、修改收货地址 -- 完成
帐户信息 -- 完成
服务中⼼ -- 完成
红包 -- 完成
上传头像 -- 完成
tag:vux weui vue vue-components
star:8.9k
简介
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 的代码, 但能从源码得到⼀些参考那么也是件让⼈⾼兴的事情。
tag:vue javascript components ui-design vue-componentsui-kit
star:8.3k
简介
iView 是⼀套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界⾯的中后台产品。
特性:
⾼质量、功能丰富
友好的 API ,⾃由灵活地使⽤空间
细致、漂亮的 UI
事⽆巨细的⽂档
可⾃定义主题
tag:vue mobile component vue-componentsui-kit
star:7.2k
简介
基于 Vue.js 的移动端组件库。
特性:
Mint UI 包含丰富的 CSS 和 JS 组件,能够满⾜⽇常的移动端开发需要。通过它,可以快速构建出风格统⼀的页⾯,提升开发效率。
真正意义上的按需加载组件。可以只加载声明过的组件及其样式⽂件,⽆需再纠结⽂件体积过⼤。
考虑到移动端的性能门槛,Mint UI 采⽤ CSS3 处理各种动效,避免浏览器进⾏不必要的重绘和重排,从⽽使⽤户获得流畅顺滑的体验。
依托 Vue.js ⾼效的组件化⽅案,Mint UI 做到了轻量化。即使全部引⼊,压缩后的⽂件体积也仅有 ~30kb (JS + CSS) gzip。
star:5.5k
简介
⼀个基于 Vue 2.0 和 Bulma 0.3 的 后台管理框架。
特性:
基于 Vue 2.0 和 Bulma 0.3 技术
响应式和弹性布局
多种图表类型
vue element admin丰富的组件或参见 vue-bulma
基于优秀的第三⽅库
tag:muse-ui material vue vuejs2 vue2
star:4.3k
简介
基于 Vue 2.0 和 Material Design 的 UI 组件库。
特性:
多功能组件,使⽤⽆忧
⾃定义主题⽂件,更易扩展
基于 Vue 2.0,开发更加快速
tag:vue-material javascript vue material material-design
star:3.9k
简介
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.
tag:vue-admin vue admin element vuex
star:3.6k
简介
这半年来⼀直在⽤ vue 写管理后台,⽬前后台已经有百来个个页⾯,⼗⼏种权限,但维护成本依然很低,所以准备开源分享⼀下后台
这半年来⼀直在⽤ 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数据
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论