master

分支 (8)

管理

管理

master

new-2

new-1

pc

prod

dev

test

develop

git-learn
/
_Lazy-loading.html

<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit" />
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
  <link rel="icon" type="image/png" href="/img/app-icon72x72.png" />
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes" />
  <link rel="icon" sizes="192x192" href="/img/app-icon72x72@2x.png" />
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="标题" />
  <link rel="apple-touch-icon-precomposed" href="/img/app-icon72x72@2x.png" />
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="/img/app-icon72x72@2x.png" />
  <meta name="msapplication-TileColor" content="#0e90d2" />
  <meta name="viewport" content="width=1200, user-scalable=yes">
  <title>懒加载</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <!-- /meta -->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/pace-theme-minimal.min.css" rel="stylesheet">
  <!--[if lte IE 9]>
  <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
  <!--[if gt IE 9]><!-->
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/jquery.3.3.1min.js"></script>
  <!--<![endif]-->
  <!-- /script -->

  <link rel="stylesheet" href="/css/main.min.css">

  <!-- /style -->
</head>

<body>

  <div class="page">

    <!-- /topbar -->

    <!-- /header -->
    <main class="page__container">
      <div class="lazyload">
        <div class="layout">
          <ul class="img-ct">
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
            <li class="item">
              <a href="javascript:void(0)">
                <img data-img="http://placekitten.com/300/200" src="http://fakeimg.pl/300x200">
              </a>
            </li>
          </ul>
        </div>
      </div>
    </main>
    <!-- / container -->

    <footer class="page__footer">
      <section class="footer-main">
        <div class="section__wrapper footer-top">
          <div class="footer-r">
            <img src="../img/footer-logo/fool-logo.png" alt="">
            <div class="region">
              <span>热线：192832083</span>
              <span>地址：黑龙江省哈尔滨市通河县松花江大街23号正西方向90米</span>
            </div>
            <div class="relation">
              <span>邮箱：192832083s33f</span>
              <span>传真：192832083s33f</span>
            </div>
          </div>
          <div class="footer-middle">
            <div class="middle-title">友情链接</div>
            <div class="middle-href">
              <a href="#">国家公共文化云</a>
              <a href="#">中国数字文化网</a>
              <a href="#">哈尔滨市文化和旅游厅</a>
            </div>
            <div class="middle-href">
              <a href="#">国家公共文化云</a>
              <a href="#">中国数字文化网</a>
              <a href="#">哈尔滨市文化和旅游厅</a>
            </div>
          </div>
          <div class="footer-qr">
            <img src="../img/footer-logo/qr.png" alt="">
            <div class="qr-title">官方微信</div>
          </div>
        </div>
      </section>
      <section class="footer-bot-main">
        <div class="section__wrapper footer-bot">
          版权所有Copyright © 2020通河县文化与旅游厅 黑ICP备XXXXXXXXXX号
        </div>
      </section>
    </footer>
    <!-- / footer -->

    <!-- / pendant -->
  </div>
  <!-- /page -->


  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/underscore-min-1.8.3/underscore-min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/bowser.min.js"></script>
  <script src="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.jquery.min.js"></script>
  <link href="https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/static/js/xianwenhauyun/swiper3.4.2.min.css" rel="stylesheet">
  <script src="https://culturetv.hanyastar.com.cn/national_culture_file/pcjs/layer-3.0.3/layer.min.js"></script>


  <!-- 前端交互脚本 -->
  <script src="js/common/xtab.js"></script>
  <script src="js/common/xbar.js"></script>
  <script src="js/common/util.js"></script>

  <script src="js/app.js"></script>
  <script src="/js/common.min.js"></script>

  <script>
  </script>

  <!-- /script -->
</body>

</html>