大家好,感谢邀请,今天来为大家分享一下vue简易音乐网站源码分享的问题,以及和vue里面的音乐有版权的吗的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
1.ElemeFE/element
tag:vuejavascriptcomponents
star:15.8k
link:https://github.com/ElemeFE/element
简介
Element,一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库,提供了配套设计资源,帮助你的网站快速成型。通过基础的24分栏,迅速简便地创建布局。
官网地址:http://element.eleme.io/
2.bailicangdu/vue2-elm
tag:vue
star:10.4k
link:https://github.com/bailicangdu/vue2-elm
简介
初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高,页面之间交互复杂,又会伴随着登录、注册、用户信息等等,常常会让我们很头疼。既然还没人用vue写过这样的项目,那不如我来写,开源出来对能看到的人也会有帮助。
此项目大大小小共45个页面,涉及注册、登录、商品展示、购物车、下单等等,是一个完整的流程。因为利用业余时间来做,年前就开始写,又跨个年,周期有点长,项目从零布局到完成共用了2个多月的时间,目前项目已经完成,正在进行一些性能的优化,增加详细的注释。
技术栈
vue2+vuex+vue-router+webpack+ES6/7+fetch+sass+flex+svg
目标功能
定位功能–完成
选择城市–完成
搜索地址–完成
展示所选地址附近商家列表–完成
搜索美食,餐馆–完成
根据距离、销量、评分、特色菜、配送方式等进行排序和筛选–完成
餐馆食品列表页–完成
购物车功能–完成
店铺评价页面–完成
单个食品详情页面–完成
商家详情页–完成
登录、注册–完成
修改密码–完成
个人中心–完成
发送短信、语音验证–完成
下单功能–完成
订单列表–完成
订单详情–完成
下载App–完成
添加、删除、修改收货地址–完成
帐户信息–完成
服务中心–完成
红包–完成
上传头像–完成
3.airyland/vux
tag:vuxweuivuevue-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:vuejavascriptcomponentsui-designvue-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:vuemobilecomponentvue-componentsui-kit
star:7.2k
link:https://github.com/ElemeFE/mint-ui
简介
基于Vue.js的移动端组件库。
特性:
MintUI包含丰富的CSS和JS组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。考虑到移动端的性能门槛,MintUI采用CSS3处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。依托Vue.js高效的组件化方案,MintUI做到了轻量化。即使全部引入,压缩后的文件体积也仅有~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
简介
一个基于Vue2.0和Bulma0.3的后台管理框架。
特性:
基于Vue2.0和Bulma0.3技术响应式和弹性布局多种图表类型丰富的组件或参见vue-bulma基于优秀的第三方库
官网:https://admin.vuebulma.com
7.museui/muse-ui
tag:muse-uimaterialvuevuejs2vue2
star:4.3k
link:https://github.com/museui/muse-ui
简介
基于Vue2.0和MaterialDesign的UI组件库。
特性:
多功能组件,使用无忧自定义主题文件,更易扩展基于Vue2.0,开发更加快速
官网:https://museui.github.io
8.vuematerial/vue-material
tag:vue-materialjavascriptvuematerialmaterial-design
star:3.9k
link:https://github.com/vuematerial/vue-material
简介
VueMaterialislightweightframeworkbuiltexactlyaccordingtotheMaterialDesignspecs.
ItaimstodeliveracollectionofreusablecomponentsandaseriesofUIElementstobuildapplicationswithsupporttoallmodernWebBrowsersthroughVue2.
Buildpowerfulandwell-designedwebappsthatcanfitoneveryscreen.Youcangenerateandusethemesdynamically,usecomponentsondemand,takeadvantageofUIElementsandComponentswithanease-to-useAPI.
官网:https://vuematerial.github.io
9.PanJiaChen/vue-element-admin
tag:vue-adminvueadminelementvuex
star:3.6k
link:https://github.com/PanJiaChen/vue-element-admin
简介
这半年来一直在用vue写管理后台,目前后台已经有百来个个页面,十几种权限,但维护成本依然很低,所以准备开源分享一下后台开发的经验和成果。目前的技术栈主要的采用vue+element+axios由webpack2打包.由于是个人项目,所以数据请求都是用了mockjs模拟。注意:在次项目基础上改造开发时请移除mock文件。写了一个系列的教程配套文章,如何从零构建后一个完整的后台项目:
手摸手,带你用vue撸后台系列一(基础篇)手摸手,带你用vue撸后台系列二(登录权限篇)手摸手,带你用vue撸后台系列三(实战篇)手摸手,带你用vue撸后台系列四(vueAdmin一个极简的后台基础模板)手摸手,带你封装一个vuecomponent
功能
登录/注销权限验证侧边栏面包屑富文本编辑器Markdown编辑器JSON编辑器列表拖拽plitPaneDropzoneStickyCountToecharts图表401,404错误页面错误日志导出exceltableexample动态tableexample拖拽tableexample内联编辑tableexampleformexample多环境发布dashboard二次登录动态侧边栏(支持多级路由)mock数据cachetabsexamplescreenfullmarkdown2htmlviews-tab
10.ghosh/uiGradients
tag:cssdesignvuegradients
star:3k
link:https://github.com/ghosh/uiGradients
简介
Thisisanefforttogivebacktothecommunity,bythecommunity.Hopefullythiswillhelpyoudrawinspirationandserveasaresourceforpickinggradientsforyourownprojects.
官网:http://uigradients.com/
如果你还想了解更多这方面的信息,记得收藏关注本站。
