<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./icon/iconfont.css">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
<title>QQ音乐 - 千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
</head>
<body>
<header>
<div class="download">
<img src="./img/logo.svg" alt="">
<div>
<h2>QQ音乐</h2>
<p>打开APP收藏下载</p>
</div>
<a href="javascript:;">下载APP</a>
</div>
<div class="nav">
<a href="javascript:;">推荐</a>
<a href="./hot.html">排行</a>
</div>
</header>
<main>
<div class="search">
<input type="search" placeholder="搜索">
</div>
<!-- 内容轮播 -->
<div class="slideshow">
<div class="slideshow-1">
<div class="title">
<h3>官方歌单</h3>
<p>更多<span class="iconfont icon-xiangyou1"></span></p>
</div>
<div class="container">
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
<div class="item">
<div>
<img src="./img/300.webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
欧美 | 流行节奏控
</p>
</div>
</div>
</div>
<div class="slideshow-1">
<div class="title">
<h3>达人歌单</h3>
<p>更多<span class="iconfont icon-xiangyou1"></span></p>
</div>
<div class="container">
<div class="item">
<div>
<img src="./img/300 (1).webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
90后的回忆
</p>
</div>
<div class="item">
<div>
<img src="./img/300 (1).webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
90后的回忆
</p>
</div>
<div class="item">
<div>
<img src="./img/300 (1).webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
90后的回忆
</p>
</div>
<div class="item">
<div>
<img src="./img/300 (1).webp" alt="">
<p>
<span class="iconfont icon-Rrl_s_048"></span>
8888.8万
</p>
</div>
<p class="classify">
90后的回忆
</p>
</div>
<div class="item">
<div>
<img src="./img/300 (1).webp" alt="">
html、css qq音乐移动端静态页面
需积分: 0 138 浏览量
2024-04-10
11:31:01
上传
评论
收藏 149KB ZIP 举报
QQ音乐移动端.zip （20个子文件） 
QQ音乐移动端 js 
flexible.js 1KB swiper swiper-bundle.min.js 140KB swiper-bundle.min.css 18KB img hot.webp 12KB
logo_ch.svg 3KB
4522616.jpg 42KB 300 (1).webp 8KB logo.svg 1KB 300.webp 21KB 4522613.webp 5KB css reset.css 2KB hot.css 4KB index.css 6KB favicon.ico 4KB
index.html 15KB icon iconfont.ttf 2KB iconfont.css 569B iconfont.woff2 888B iconfont.woff 1KB hot.html 7KB资源评论
