BDIC
/
q-a_platform
mirror of https://csgitlab.ucd.ie/19206226/q-a_platform
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

finish music player

Browse Source
ajax_post
Yang Liuxin 3 years ago
parent 86bd695b27
commit 49d24ea452
2 changed files with 37 additions and 28 deletions
Show Stats Download Patch File Download Diff File

8
app/static/smusic.css
Unescape Escape View File

@ -328,13 +328,14 @@ html, body {
/*SMusic*/
.grid-music-container {
width: 520px;
height: 276px;
height: 400px;
padding: 20px;
position: relative;
background-color: rgba(255, 255, 255, .7);
font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", "Hiragino Sans GB", Helvetica, Tahoma, sans-serif;
text-shadow: 1px 0 0 rgba(255, 255, 255, .7);
margin: 0 auto;
border-radius: 20px;
}
.grid-music-container .m-music-play-wrap {
@ -542,6 +543,7 @@ html, body {
border: 1px solid rgba(255, 255, 255, .7);
overflow-x: hidden;
overflow-y: auto;
margin-top: 40px;
}
.grid-music-container .m-music-list-wrap ul {
@ -649,4 +651,8 @@ html, body {
.u-play-btn.mode-single.current {
background-position: -221px -80px;
}
.satic-area #middle {
padding-top: 10%;
}

57
app/templates/auth/music.html
Unescape Escape View File

@ -19,39 +19,42 @@
<div class="satic-area">
<div class="dynamic-area1"></div>
<div class="dynamic-area2"></div>
<div class="grid-music-container f-usn">
<div class="m-music-play-wrap">
<div class="u-cover"></div>
<div class="m-now-info">
<h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>
<div class="m-now-controls">
<div class="u-control u-process">
<span class="buffer-process"></span>
<span class="current-process"></span>
</div>
<div class="u-control u-time">00:00/00:00</div>
<div class="u-control u-volume">
<div class="volume-process" data-volume="0.50">
<span class="volume-current"></span>
<span class="volume-bar"></span>
<span class="volume-event"></span>
<div id="middle">
<div class="grid-music-container f-usn">
<div class="m-music-play-wrap">
<div class="u-cover"></div>
<div class="m-now-info">
<h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>
<div class="m-now-controls">
<div class="u-control u-process">
<span class="buffer-process"></span>
<span class="current-process"></span>
</div>
<div class="u-control u-time">00:00/00:00</div>
<div class="u-control u-volume">
<div class="volume-process" data-volume="0.50">
<span class="volume-current"></span>
<span class="volume-bar"></span>
<span class="volume-event"></span>
</div>
<a class="volume-control"></a>
</div>
<a class="volume-control"></a>
</div>
</div>
<div class="m-play-controls">
<a class="u-play-btn prev" title="previous"></a>
<a class="u-play-btn ctrl-play play" title="pause"></a>
<a class="u-play-btn next" title="next"></a>
<a class="u-play-btn mode mode-list current" title="list circulation"></a>
<a class="u-play-btn mode mode-random" title="random"></a>
<a class="u-play-btn mode mode-single" title="single circulation"></a>
<div class="m-play-controls">
<a class="u-play-btn prev" title="previous"></a>
<a class="u-play-btn ctrl-play play" title="pause"></a>
<a class="u-play-btn next" title="next"></a>
<a class="u-play-btn mode mode-list current" title="list circulation"></a>
<a class="u-play-btn mode mode-random" title="random"></a>
<a class="u-play-btn mode mode-single" title="single circulation"></a>
</div>
</div>
</div>
<div class="f-cb">&nbsp;</div>
<div class="m-music-list-wrap"></div>
</div>
<div class="f-cb">&nbsp;</div>
<div class="m-music-list-wrap"></div>
</div>
</div>
{#<div class="grid-music-container f-usn">#}

Write Preview
Loading…
Cancel
Save