react-echo

vue版本：

• vue2-echo

技术栈

1. react、 react-router、 react-redux
2. antd-mobilei（阿里移动端UI库）
3. amfe-flexible（淘宝适配库）
4. axios（请求库）
5. mockjs（数据模拟）
6. ES6/7（JS语法）、ESlint（JS语法规范）
7. Stylus（css预处理器）
8. IconFont（阿里字体库）

说明

如果此开源系列对你有帮助，你可以点右上角 "star"支持一下，非常感谢！^_^ 🌹

或者您可以 "follow（关注）" 一下作者，我正在不断开源更多实用的项目

如有问题可以直接在 Issues 中提

效果演示

在线链接（请使用手机模式预览）

功能

• 全站内播放（单页面优点）
• 播放行为：播放、暂停、下一首、一键播放
• 播放模式：默认、随机播放、单曲循环、列表循环
• 播放视图：播放进度条（可调节）、播放列表（可增删、切换、清空）

项目截图

目录结构

├── config             
│   ├── webpack.config.js        // webpack配置
├── src                          
│   ├── api                      // 请求api
│   ├── assets                   // 静态资源
│   ├── components               // 全局组件
│   ├── mock                     // 模拟数据
│   ├── page                   
│   |   ├── detail               // 详情页
│   |   ├── index                // 首页
│   ├── router                   // 路由
│   ├── store                    // 状态管理
│   ├── utils                    // 公用方法
│   └── index.js
├── .env.development             // 开发环境变量
├── .env.production              // 生产环境变量
└── package.json                 // 项目依赖

开发和发布

# 安装依赖
npm install

# 启动项目：localhost:8001
npm run dev

# 打包项目
npm run build

更新日志

发行说明中记录了每个版本的详细更改。

License

MIT

Copyright (c) 2019-present，uncleLian