106 lines
2.7 KiB
HTML
106 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>首页</title>
|
|
<script src="../js/lib/rem.js"></script>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_273pse87hq8.css">
|
|
<link rel="stylesheet" href="../css/clear.css">
|
|
<link rel="stylesheet" href="../css/public.css">
|
|
<link rel="stylesheet" href="../css/index.css">
|
|
<link rel="stylesheet" href="../css/swiper-bundle.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<ul class="test">
|
|
|
|
</ul>
|
|
|
|
<div class="swiper-container banner">
|
|
<div class="swiper-wrapper">
|
|
|
|
</div>
|
|
<!-- 如果需要分页器 -->
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
<!-- <ul class="ddd">
|
|
<li>1</li>
|
|
<li>2</li>
|
|
<li>3</li>
|
|
<li>4</li>
|
|
<li>5</li>
|
|
<li>6</li>
|
|
<li>7</li>
|
|
<li>8</li>
|
|
<li>9</li>
|
|
<li>10</li>
|
|
</ul> -->
|
|
<ul class="footer">
|
|
<li>
|
|
<a href="">
|
|
<i class="iconfont icon-home"></i>
|
|
<p>首页</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<i class="iconfont icon-jigou"></i>
|
|
<p>视频</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<i class="iconfont icon-me"></i>
|
|
<p>分类</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<i class="iconfont icon-wo"></i>
|
|
<p>收藏</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</body>
|
|
<script src="../js/lib/jquery.min.js"></script>
|
|
<script src="../js/lib/swiper-bundle.min.js"></script>
|
|
<script src="../js/lib/masonry.pkgd.min.js"></script>
|
|
<script src="../js/config/index.js"></script>
|
|
<script src="../js/ajax/index.js"></script>
|
|
<script src="../js/service/indexService.js"></script>
|
|
<script src="../js/utils/index.js"></script>
|
|
<script src="../js/page/index.js"></script>
|
|
|
|
<script>
|
|
|
|
// var a = async function () {
|
|
// var res = await indexServe.type();
|
|
// console.log(res);
|
|
// }
|
|
|
|
// a()
|
|
// var a = document.querySelectorAll(".ddd li")
|
|
// a.forEach(v => {
|
|
// v.onclick = function () {
|
|
// console.log(v.innerText);
|
|
// a.forEach(k => {
|
|
// k.className = ""
|
|
// })
|
|
// v.className = "active"
|
|
// }
|
|
// })
|
|
|
|
|
|
// $(".ddd li").click(function (v) {
|
|
// // console.log($(this).text());
|
|
// $(this).addClass("active").siblings().removeClass("active")
|
|
// });
|
|
|
|
|
|
</script>
|
|
|
|
</html> |