更新记录
1.0.0(2025-11-14) 下载此版本
当前版本:v1.0.0 更新时间:2025年11月12日 ✨ 主要功能
平台兼容性
uni-app(3.6.14)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | - | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | - | √ | √ | - | - |
项目概述
这是一个基于 uni-app 框架开发的跨平台音乐点唱工具应用,支持微信小程序、H5 等多端运行。项目模拟真实的音乐点唱场景,提供搜索、点歌、播放等核心功能,帮助用户轻松发现和分享好音乐。
项目位置:musictool
当前版本:v1.0.0
最后更新:2025年11月12日
✨ 主要功能 🔍 智能搜索:支持歌曲/歌手关键词搜索,智能历史记录管理 🎵 一键点歌:从热门推荐或搜索结果快速添加歌曲到点歌单 ▶️ 播放控制:模拟播放器,支持播放/暂停、进度条拖拽、歌曲切换 📋 列表管理:查看点歌单、单曲删除、全列表清空 🏷️ 分类浏览:按音乐类型(如派对、抒情、摇滚)筛选推荐 💬 用户反馈:Toast 提示和模态框确认,提升交互体验 🛠️ 技术栈
技术 版本 描述
Vue.js 2.x 前端框架 uni-app 最新 跨平台开发框架 CSS - 样式(rpx 单位适配) JavaScript ES6+ 逻辑处理 📱 页面结构
🏠 首页
渐变装饰头部 搜索框(支持聚焦效果) 分类标签滚动 热门推荐网格布局
🔍 搜索页
搜索头部(返回按钮) 搜索历史标签 搜索结果列表
📋 点歌列表页
列表头部(歌曲数量) 歌曲列表(播放状态高亮) 空状态提示 批量操作按钮
🎶 播放器弹窗
旋转唱片封面 歌曲信息显示 进度条控制 播放控制按钮 功能按钮(喜欢、循环等)
🧭 底部导航栏
首页 / 点歌单 / 播放 切换
🎨 设计特点
响应式布局:完美适配不同屏幕尺寸 动画效果:唱片旋转、按钮缩放、进度条过渡 交互优化:触摸反馈、阴影效果、圆角设计 数据模拟:内置热门歌曲和点歌数据 样式优化:渐变背景、隐藏滚动条、现代化UI

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 37
赞赏 0
下载 10999365
赞赏 1800
赞赏
京公网安备:11010802035340号