luojigou_h5
/
luojigou_turn


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="touch"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
<meta name="viewport" content="width = device-width, minimum-scale=1,maximum-scale=1, user-scalable = no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<title>逻辑狗book</title>
<link type="text/css" rel="stylesheet" href="assets/css/flipify-viewer.css"></link>
<link type="text/css" rel="stylesheet" href="assets/css/turn.css"></link>
<link type="text/css" rel="stylesheet" href="assets/css/viewer.css"></link>
  <style>
    .touch .bar-container{
      background-color: #fff !important;
    }
    .bottom {
      display: none;
    }
    /* .page-wrapper {
      width: 375px !important;
      height: 520px !important;
    }
    .inner-page .page {
      width: 375px !important;
      height: 520px !important;
    } */
    .bar-container {
      display: none;
    }
  </style>
</head>
<body>

<div id="viewer">
<div class="bar-container">

  <div class="bar">
    <div class="edges">
      <div class="bg"></div>
    </div>
    <div class="items">
      <div class="item"><i class="icon zoom-in"></i></div>
      <div class="item"><i class="icon zoom-out"></i></div>
      <div class="item"><i class="icon prev-page"></i></div>
      <div class="item"><i class="icon next-page"></i></div>
      <div class="item"><i class="icon share"></i></div>
      <div class="item"><i class="icon clip"></i></div>
    </div>
  </div>
</div>


<div class="magazine-viewport" style="width:100%; height:100%;">
  <div class="magazine turn-magazine" id="magazine">
    <div ignore="1" class="control control-previous-page"> <div><i></i></div> </div>
    <div ignore="1" class="control control-next-page"> <div><i></i></div> </div>
  	</div>
</div>

<!-- Thumbnails -->
  <div class="bottom">
    <div class="edges">
    	<div class="thumbnails">
    	</div>
    </div>
  </div>

</div>
<script type="text/javascript" src="assets/scripts/all.js"></script>
<script type="text/javascript">
  window.onload = function () {
 
    for (let index = 1; index < 42; index++) {
      const img =  document.createElement('img')
      // img.src = `https://cdn.temp.luojigou.vip/turn_temp_${index}.jpg`
      const count = index < 10 ? '0' + index : index
      img.src =  `https://img.luojigou.vip/6.30%E6%B8%B8%E6%88%8F%E5%AE%A4%E6%89%8B%E5%86%8C%E5%91%A8%E5%9B%9B-${count}.jpg`
    }

  }
  //
  flipify({
    id: 1,
    name: '逻辑狗book',
    pages: 41,
    pageWidth: 922*4,
    pageHeight: 2557,
    path: 'statics/issue/'
  });
</script>
</body>
</html>