Skip to content

Commit 433e6dc

Browse files
uncleLianuncleLian
committed
update 2.1.0
1、添加和修改了一些Mock数据 2、添加底部加载更多数据 3、优化了一些css和js
1 parent ce378dc commit 433e6dc

15 files changed

+3387
-1505
lines changed

‎README.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
![image](https://img.shields.io/badge/muse--ui-2.1.0-blue.svg)
77

88
## 前言
9-
这半年多一直用Vue写项目，感觉用的挺得心应手，所以准备分享一些经验和记录成果。我上网搜了Vue的练手项目和视频教程，目前大多数都是音乐、购物车，后台管理那方面，可能因为这方面需求比较多吧。考虑之后打算从容易 -> 中等 -> 困难， 3个复杂度和不同类型的项目，一步步地带领大家深入Vue。这3个阶段的项目将会涉及Vue的大部分知识，如果你都能掌握，那么你就可以随心所欲地使用Vue去写单页面应用了。
9+
这一年多一直用Vue写项目，所以准备分享一些经验和记录成果。目前vue学习项目大多数都是音乐、购物车，后台管理那方面，可能因为这方面需求比较多吧。考虑之后打算从容易 -> 中等 -> 困难， 3个复杂度和不同类型的项目，一步步地带领大家熟悉和深入Vue。这3个阶段的项目将会涉及Vue的大部分知识，如果都能掌握，那么就可以随心所欲地使用Vue去写单页面应用了。
1010

11-
此开源系列的知识点全部都是线上实践过的，会考虑到细节、兼容和使用体验的问题，所以在项目里我会尽可能地写上注释去帮助大家快速了解项目和解决所需。
11+
此开源系列全部都线上实践过，会考虑到细节、兼容和使用体验等问题，所以在项目里我会尽可能地写上注释去帮助大家快速了解项目和解决需求。
1212

1313
## 技术栈
1414
1. [vue](https://cn.vuejs.org/v2/guide/)
@@ -36,15 +36,15 @@
3636
3737
## 最终目标
3838

39-
- 第一阶段：echo回声（移动端，难度：简单 ~ 中等） —— [仓库地址](https://github.com/uncleLian/vue2-echo) —— [演示地址](http://echo.liansixin.win)
39+
- 第一阶段：echo回声（移动端，难度：简单） —— [仓库地址](https://github.com/uncleLian/vue2-echo) —— [演示地址](http://echo.liansixin.win)
4040

4141
- 第二阶段：今日头条（移动端 & native，难度：困难） —— [仓库地址](https://github.com/uncleLian/vue2-news) —— [web演示地址](http://toutiao.liansixin.win)， [native端演示地址](http://native.liansixin.win)
4242

4343
- 第三阶段：头条号（pc端，难度：中等 ~ 困难） —— [仓库地址](https://github.com/uncleLian/vue2-health) —— [演示地址](http://health.liansixin.win) （还在开发，敬请期待！已实现核心功能）
4444

4545
##### 注：此系列只关注前端项目的实现，后端等知识不是此系列的范围，但会告知一二。
4646

47-
## 其他开源项目
47+
## 传送门
4848
- 后台类应用模板（vue全家桶 + element-ui） —— [仓库地址](https://github.com/uncleLian/vue2-blog) —— [演示地址](http://blog.liansixin.win/)
4949

5050
## 效果演示
@@ -61,6 +61,7 @@
6161
- [x] 播放行为：播放、暂停、下一首、一键播放
6262
- [x] 播放模式：默认、随机播放、单曲循环、列表循环
6363
- [x] 播放视图：播放进度条（可调节）、播放列表（可增删、切换）
64+
- [x] ...
6465
- [ ] 弹幕 （没有评论数据，暂不实现啦T T~）
6566
- [ ] 手机铃声（网页没有不能调用手机底层，不能实现）
6667

@@ -84,8 +85,7 @@
8485
│ | ├── sheet.vue // 模态框组件
8586
│ ├── utils
8687
│ | ├── cache.js // 缓存方法
87-
│ | ├── fetch.js // 请求方法
88-
│ | ├── tool.js // 工具方法
88+
│ | ├── request.js // 请求方法
8989
│ ├── mock // mock数据
9090
│ ├── page
9191
│ | ├── detail // 详情页

‎docs/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@
44
hm.src = "https://hm.baidu.com/hm.js?e07d056f3879241602e0221e10dd7e33";
55
var s = document.getElementsByTagName("script")[0];
66
s.parentNode.insertBefore(hm, s);
7-
})();</script><link href=/static/css/app.5505b3476272d10bfa232f811a0b4f69.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.6944458cfac7d63041f5.js></script><script type=text/javascript src=/static/js/vendor.1ccd87f825232b0fa7cc.js></script><script type=text/javascript src=/static/js/app.342e4dd1c23b4d037b70.js></script></body></html>
7+
})();</script><link href=/static/css/app.4ca4be1994365fe2071659c409976d1a.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.04342776065ba9dbc992.js></script><script type=text/javascript src=/static/js/vendor.1ccd87f825232b0fa7cc.js></script><script type=text/javascript src=/static/js/app.adb5ba40f9efa6ad988b.js></script></body></html>

‎docs/static/css/app.5505b3476272d10bfa232f811a0b4f69.css ‎docs/static/css/app.4ca4be1994365fe2071659c409976d1a.css

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/js/0.ed786bb3a38ed4bf5f47.js ‎docs/static/js/0.c69fc5aef88c2abf8abb.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/js/1.b5c1ae9166bb29e55a65.js

-1
This file was deleted.

‎docs/static/js/1.ed9a3128a46000a38e5d.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/js/app.342e4dd1c23b4d037b70.js

-1
This file was deleted.

‎docs/static/js/app.adb5ba40f9efa6ad988b.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/js/manifest.6944458cfac7d63041f5.js ‎docs/static/js/manifest.04342776065ba9dbc992.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/components/musicBar.vue

+9-3
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,9 @@
2727
</div>
2828

2929
<!-- 进度条 -->
30-
<div class="progress_bar" :style="`width:${audio_progress}`"></div>
30+
<div class="progress_bar">
31+
<div class="progress_bar_inner" :style="`width:${audio_progress}`"></div>
32+
</div>
3133

3234
<!-- 播放列表/播放模式 -->
3335
<my-sheet ref="sheet"></my-sheet>
@@ -205,9 +207,13 @@ export default {
205207
}
206208
}
207209
.progress_bar{
208-
width: 0%;
209210
height: 1.5px;
210-
background: #6ed56c
211+
background: rgba(255,255,255,0.9)
212+
.progress_bar_inner{
213+
width: 0%;
214+
height: 100%;
215+
background-color: #6ed56c;
216+
}
211217
}
212218
}
213219
</style>

0 commit comments

Comments
 (0)