update

book/core/smallBook/css/docs.css

@@ -26,7 +26,7 @@ body{
 	width: 10vw;
 	height: 3vw;
 	background: url('../pics/logo.png') center center no-repeat;
-	background-size: 100% 100%;
+	background-size: 100% auto;
 	position: fixed;
 	right:2vw;
 	top:2vw;
@@ -268,7 +268,7 @@ body{
 		width: 35vw;
 		height: 10vw;
 		background: url('../pics/mobile-logo.png') center center no-repeat;
-		background-size: 100% 100%;
+		background-size: 100% auto;
 		position: fixed;
 		left:50%;
 		margin-left: -17.5vw;
@@ -276,7 +276,7 @@ body{
 	}
 	#canvas{
 		width: 100%;
-		height: 65%;
+		height: 100%;
 		margin: 100px auto;
 	}
 	#book-zoom{
@@ -284,7 +284,7 @@ body{
 		height: 100%;
 	}
 	.sample-docs{
-		width: 80%!important;
+		width: 90%!important;
 		text-align: center;
 		/* height:400px; */
 		height: 100%!important;

book/core/smallBook/index.html

@@ -48,6 +48,9 @@
 			return (/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|webOS|android/i.test(navigator.userAgent))
 		}
 		const isMobile = judgeIsMobile();
+
+		let imgBili = 1064/1545
+
 		// console.log('isMobile',isMobile)
 
 		let leftDes = $('.left-des');
@@ -273,9 +276,7 @@
 						leftDesContent = `<span class="pcTxt">${leftDesContent}</span>`
 						rightDes.html(rightDesContent)
 						leftDes.html(leftDesContent)
-						console.log('page123456789978', page)
 						if (currentPage > 3 && currentPage < pages - 3) {
-							console.log(11111111111111111111111111111)
 							if (page == 1) {
 								book.turn('page', 2).turn('stop').turn('page', page);
 								e.preventDefault();

book/core/smallBook/js/docs.js

@@ -3,11 +3,13 @@ function judgeIsMobile() {
     return (/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|webOS|android/i.test(navigator.userAgent))
 }
 
+
+
 function loadPage(page) {
 	var img = $('<img />');
 	img.load(function() {
 		var container = $('.sample-docs .p'+page);
-		img.css({width: container.width(), height: container.height()});
+		img.css({width: container.width(), height: container.width()/imgBili});
 		img.appendTo($('.sample-docs .p'+page));
 		container.find('.loader').remove();
 	});

book/lib/turn.js

@@ -308,6 +308,9 @@ turnMethods = {
 
           // Set the size of the page
           var prop = turnMethods._pageSize.call(this, page, true);
+          console.log('====================================');
+          console.log(prop);
+          console.log('====================================');
           element.css({width: prop.width, height: prop.height});
           data.pageWrap[page].css(prop);