21 lines
1.7 KiB
HTML
21 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>cover repro3 - full runtime</title>
|
||
<link rel="stylesheet" href="../assets/css/main.min.css">
|
||
<link rel="stylesheet" href="../assets/css/swiper.css">
|
||
<link rel="stylesheet" href="../assets/css/frontend/single-post/cover.css">
|
||
<style> body { padding: 20px; max-width: 800px; } h4 { margin: 10px 0; } </style>
|
||
</head>
|
||
<body>
|
||
<h4>真实运行时（loader+main+lazysizes+Swiper）+ 懒加载占位形态</h4>
|
||
<div class="single-head-cover">
|
||
<div class="aksrt-slider-wrapper mb20 single-cover-slide imgbox-container aksrt-slider-wrapper--scale aksrt-slider-wrapper--has-overlay" style="position:relative;padding-bottom:calc(35% + 50px);"><div class="new-swiper slide-index single-cover single-cover--slide" data-effect="slide" data-loop data-autoplay data-interval="5000" style="--pc-height:100%;--m-height:100%;position:absolute;inset:0;width:100%;height:100%;"><div class="swiper-wrapper"><div class="swiper-slide"><img class="lazyload fit-cover" src="../assets/img/thumbnail-lg.svg" data-src="img-a.svg" alt="a"></div><div class="swiper-slide"><img class="lazyload fit-cover" src="../assets/img/thumbnail-lg.svg" data-src="img-b.svg" alt="b"></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination"></div></div><div class="aksrt-slider-overlay"><div class="abs-center left-bottom single-cover-con"><h1 class="article-title title-h-left">标题测试</h1></div></div></div>
|
||
</div>
|
||
<script src="../assets/js/runtime/libs/jquery.min.js"></script>
|
||
<script src="../assets/js/runtime/loader.js"></script>
|
||
<script src="../assets/js/runtime/main.min.js"></script>
|
||
</body>
|
||
</html>
|