码迷,mamicode.com
首页 > 移动开发 > 详细

谷歌眼镜Mirror app简单MP3播放器界面

时间:2014-07-16 12:28:11      阅读:362      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   width   2014   

虽然我知道,Mirror是不可以播放音视频的 = =!,不过只是做个UI而已,有用的可以参考下~(背景:歌手|标题:歌名|中间:歌词[蓝色显示目前]|底部:时间[黄色显示播放时间])

效果图:

bubuko.com,布布扣

代码:

 1 <article>
 2   <img src="http://img2.imgtn.bdimg.com/it/u=394713825,2736623939&fm=23&gp=0.jpg" width="100%">
 3   <div class="overlay-gradient-tall"></div>
 4   <section>
 5     <h1 class="text-x-large">后来 - 刘若英</h1>
 6     <hr>
 7     <div class="align-center">
 8       <p>如果当时我们能</p>
 9       <p class="green">不那么倔强</p>
10       <p>现在也不那么遗憾</p>
11     </div>
12   </section>
13   <footer>
14     <p><span class="yellow">0:12</span> / 4:22</p>
15   </footer>
16 </article>

谷歌眼镜Mirror app简单MP3播放器界面,布布扣,bubuko.com

谷歌眼镜Mirror app简单MP3播放器界面

标签:style   blog   http   color   width   2014   

原文地址:http://www.cnblogs.com/ch3rry/p/3848351.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!