目标：
使用vue.js导包的形式做一个简单的音乐播放器，新手也很容易看懂。
内容：
1、 使用了flex实现响应式布局；2、 使用min-width防止字体被压缩；
3、 使用computed计算属性对歌曲的路径缓存；
4、 掌握基础的vue指令的使用；
效果图：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>简易音乐播放器</title>
<script src="vue.js"></script><!-- 导包 -->
<style>
*{
margin: 0;
padding: 0;
}
body{
min-width: 800px;
}
.box{
margin: 0 auto;
width: 800px;
border: 1px solid black;
}
.head{
height: 150px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid black;
}
.a1{
height: calc(100vh - 153px);
发布者：admin，转转请注明出处：http://www.yc00.com/web/1754992699a5224785.html
评论列表（0条）