Vue3，Flutter仿网易云移动端，可访问

已于 2022-09-16 14:38:50 修改
阅读量1.7k 收藏 7
点赞数
分类专栏： 笔记 文章标签： flutter vue.js 前端 vue html5
于 2021-11-16 11:05:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44239266/article/details/113740400
版权

说明

  • 技术栈：Vue3 + Vant + pinia + Typescript + Vite2
  • GitHub：点我
  • 预览：点我
  • Flutter 版：点我
  • 对您有一丁点帮助的话给个 star 吧 【哭唧唧】

主要功能

  • 播放：列表循环播放，单曲循环播放，随机循环播放，播放上一首，播放下一首
  • 歌词滚动高亮
  • 进度控制：时间进度条拖动，歌词时间进度拖动
  • 声音大小拖动控制
  • 音乐下载
  • 搜索单曲，歌单，电台，歌手，用户等
  • 简单的视频播放
  • 等等

截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

竹子梢头
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
高仿移动端网易云音乐 Vue前端项目
weixin_33778544的博客
04-17 2746
技术栈 Vue + Vue-Router + Vuex + Webpack + Axios 现在就克隆下来看看吧！ Github地址： github.com/cat-walk/mu… 项目部署地址： meiyun.info 如果你发现该项目有问题，建议先看看本文底部的项目已知问题，里面可能会有说明，如果没有，欢迎issue或留言，谢谢～ 前端部分 安装依赖 npm install 复制代码 起...
vue_flutter_tailwind：Vue3的样式类似于Flutter，带有Tailwind CSS
02-13
Vue3使用Tailwind CSS风格像Flutter 请注意：该项目正在进行中，并且完全是实验性的！ 该项目开始的原因与动机是一个问题：Flutter＆Dart太棒了！ Vue3＆Typescript＆Tailwind也很棒！ 但... Flutter无法在Excel :(内运行，并且使用Web库的情况比较复杂。 那么，如果我们以Flutter的方式编写Vue3 TS，因为它既简单又快捷？ 请注意： 它根本不是Flutter ，甚至都不是Flutter，但希望它将使用其样式的组件和方法编写。 它不正确地写入所有，不能在生产中使用，直到第1版。 它尚未与任何标准对齐，并且根本没有任何样式，并且看起来很糟：)，因为现在的主要重点是编写基本的小部件。 所有内容均可能更改，直到发布1。 如果您喜欢这个项目-贡献＆|| 非常欢迎并赞赏star，它将使开发保持开源和免费运行：
web前端框架哪个好学点,入手快，Vue3设计思路 -- 响应式API，flutter开发实战详解pdf
最新发布
2401_83620959的博客
04-05 528
return state}const app = createApp({setup(){const state = useState()return {state}console.log(‘hello world’)}})app.mount(‘#app’) 副作用函数 绑定值与副作用函数指定值的所有副作用函数执行响应式本质上是有在内存中存一种数据结构，类似于,其实就是一个个的可以触发页面更新的函数，只要当这里的title更新了，就去遍历title对应的副作用数组，分别去触发即可实现页面的响应式更新整体思路就
Vue 实现网易云音乐 WebApp
weixin_33882443的博客
05-15 1291
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因，所以可能多人访问的时候有些东西会加载不出来，如果可以的话一会再访问应该就...
网易云音乐移动客户端Vue.js
qq_34935885的博客
07-22 575
项目预览 https://github.com/MengZhaoFly/netease_yanxuan vue版网易严选,体验网易严选购物流程，线上访问:http://zhaoboy.bid/yanxuan/#/线上访问:http://zhaoboy.bid/yanxuan/#/ 或者二维码扫描: 项目描述vue全家桶模仿网易严选浏览，购物流程，好的生活，没那么贵。 技术栈前后端分离,CORS解决跨
Vue--网易云音乐移动端项目复盘
ddddd3332134的博客
03-02 669
网易云音乐移动端项目复盘 #项目接口 #项目初始化 #项目需求分析 #项目所涉及技术栈 跳转路由传递参数 #项目中踩过的坑 Bug01：路由配置错误，导致路由视图不显示。routes为定义路由传递对象时的默认参数。所以通常定义路由组，用roures来作为变量名保存路由组，这样在传递路由对象时可以简写。 Bug02：报错：Object(…) is not a function，在导入模块时候，变量名前后不一致，主要是里面有些大小写不一致，导致定义的函数执行错误。 ...
网易云音乐接口+vue全家桶开发一款移动端音乐webApp
weixin_33815613的博客
09-07 1249
项目介绍 网易云音乐接口+vue全家桶开发一款移动端音乐webApp项目还在develop中，感兴趣想要参与的小伙伴可以私我 效果图： 骨架屏 首页 侧边 每日推荐 歌单 播放器（小） 播放器（大） 详细信息 测试地址 开发总结 项目结构 vue-cli搭建 新增目录如下： ---src ------api ...
仿网易云音乐平台（vue项目）
06-30
仿照网易云音乐的设计，实现音乐播放器功能。可以做毕设的参考和使用。
基于JSP+Vue的仿网易云音乐网站
07-15
大学Web前端实训，前后端结合，前端使用Vue，后端使用JSP，仿网易云音乐网站的共享音乐网站。
基于vant, vue, axios, vuex的移动端项目, 仿小米商场移动端项目
03-05
较为简单的基于vant, vue, axios, vuex的移动端项目, 仿小米商场移动端项目。 有基本的页面和假数据, 适合作为电商项目的启动模板或者用作学生毕设学习使用。
vue写的高仿网易云音乐的webapp.zip
09-05
vue写的高仿网易云音乐的webapp,是学习vue不可多得的好资料，代码例子很好哦
vuefer:Vue3使用Tailwind CSS风格像Flutter
03-14
Vuefer只是一种使用Tailwind CSS编写Flutter风格的Vue3的方法 sdsfd 请注意：该项目已从vuefer重命名为独立名称：vuefer 请注意：该项目正在进行中，完全是实验性的！ 启动该项目的原因和动力是一个问题：Flutter＆Dart太棒了！ Vue3和Typescript也很棒！ 但... Flutter无法在Excel :(内使用，并且使用Web库的方式比较复杂。 因此，如果我们以Flutter的方式编写Vue3 TS，因为它既简单又快速，该怎么办？ 目的：快速原型开发和快速MVP开发 请注意： 它根本不是Flutter ，甚至都不是Flutter，但是希望它将使用其样式的组件和方法编写。 根本没有正确编写它，并且直到版本1才可以在生产中使用。 它尚未与任何标准对齐，并且根本没有任何样式，并且看起来很糟：)，因为现在的主要重点是编写基
基于vant, vue, axios, vuex的移动端项目, 仿豆瓣电影和网易云音乐
03-05
3. 地区定位 加载地区热映电影 即将上映 top250 4. 电影搜索 5. 电影详情 6. 影人详情 7. 跳转到电影网站观看电影 8. 电影收藏（想看，看过） 9. 歌单查看 10. 全屏播放器 可拖拽mini播放器 ...
Vue3+node.js网易云音乐实战项目(七)
柒柒柒柒
06-30 4933
Vue3+node.js网易云音乐实战项目(七)
vue3仿网易云界面
Mo_olly的博客
08-05 2092
vue3实现仿网易云界面
vue3仿网易云移动应用
qq_46562878的博客
06-28 1668
vue3 vant 仿网易云web移动端
vue3实战项目——网易云App【01-项目准备】
weixin_45816803的博客
04-24 2692
项目准备 一、准备提供数据的API 1、网易云音乐 NodeJS 版 API的安装 这里我使用的是一个github上面的项目 文档地址为：网易云音乐 NodeJS 版 API文档 下载地址为： git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git 该API提供了很多网易云音乐的数据调用接口，可在本地跑起来，是一个NodeJs项目，下面我来教大家如何把这个项目跑起来。 2、网易云音乐 NodeJS 版 API的使用 首先我们将项目从git上
vue模仿网易云客户端
weixin_33858336的博客
06-20 258
和小伙伴使用vue全家桶写了一个网易云客户端，目前实现了部分功能 代码地址：https://github.com/someoneoyl... 技术栈：vue + vue-router + vuex - axios（核心框架）通过配置proxyTable实现跨域 功能实现： 网易云音乐首页（轮播图、个性推荐、排行榜） 搜索（歌曲搜索、歌手...
仿网易云移动端项目Vue3.2+Pinia+Vant+axios
切图仔
05-24 2754
仿网易云移动端项目Vue3.2+Pinia+Vant+axios前期准备（Pinia，rem，初始化样式，图标引入，vant组件，axios） 安装pinia 1.在main.js引入注册 2.创建store rem移动适配 1.创建rem.js实现移动适配布局 2.在index.html引入 3.可以用px to rem 插件进行px和rem转换 阿里图标引入(Symbol方法) 1.在官网添加项目后复制symbol代码在index.html引入 2.使用svg 3.初始化样式，设
基于vue的仿网易云音乐移动端研究现状
05-12
随着移动互联网的不断发展，人们对音乐的需求也越来越高。网易云音乐作为国内最受欢迎的音乐APP之一，其移动端的用户体验得到了广泛的认可和好评。在此背景下，基于vue的仿网易云音乐移动端研究也逐渐成为了一个重要的研究领域。 目前，基于vue的仿网易云音乐移动端研究的发展呈现出了以下几个趋势： 一是技术不断升级。由于vue技术本身的优势，越来越多的研究者开始使用vue搭建移动端应用。同时，随着vue技术的不断更新，其在模板语法、数据绑定、组件化等方面的改进也为仿网易云音乐移动端的开发提供了更好的支持。 二是功能越来越丰富。仿网易云音乐移动端的目的是为了提供用户体验类似于网易云音乐的功能，因此除了基本的播放、收藏、搜索等功能外，越来越多的研究者开始研究更加细致、实用的功能。例如，一些研究者在仿网易云音乐中加入了“歌曲推荐”、“语音识别”等功能，旨在提高用户的使用体验。 三是美观度越来越高。仿网易云音乐移动端的视觉效果往往是用户接触的第一印象，因此美观度也成为了越来越多研究者关注的点。一些研究者在仿网易云音乐中加入了更丰富的音乐封面、动态背景等视觉效果，旨在提高应用的用户粘性。 总体而言，基于vue的仿网易云音乐移动端研究已经进入了一个高速发展期，未来也将继续持续发展。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值