44 lines
1.5 KiB
HTML
44 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2576965_pg56sl6byua.css">
|
|
<link rel="stylesheet" href="imdex.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="swiper-container">
|
|
|
|
<div class="swiper-wrapper dh" style="transform: translateX(0px);">
|
|
<div class="swiper-slide">
|
|
<img src="https://img.alicdn.com/imgextra/i3/6000000003220/O1CN01XY3FdI1Zeo1AKZyRK_!!6000000003220-0-octopus.jpg" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="https://aecpm.alicdn.com/simba/img/TB1XotJXQfb_uJkSnhJSuvdDVXa.jpg" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="https://aecpm.alicdn.com/simba/img/TB1JNHwKFXXXXafXVXXSutbFXXX.jpg" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="https://img.alicdn.com/imgextra/i3/6000000003220/O1CN01XY3FdI1Zeo1AKZyRK_!!6000000003220-0-octopus.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-pagination">
|
|
<div class="swiper-pagination-item active"></div>
|
|
<div class="swiper-pagination-item"></div>
|
|
<div class="swiper-pagination-item"></div>
|
|
</div>
|
|
|
|
//测试
|
|
<div class="swiper-button swiper-button-prev iconfont icon-zuo"></div>
|
|
<div class="swiper-button swiper-button-next iconfont icon-zhankai-copy"></div>
|
|
|
|
|
|
</div>
|
|
</body>
|
|
<script src="index.js"></script>
|
|
|
|
</html> |