'优化电子书样式PC+mobile'

src/pages/book/index.scss

@@ -69,10 +69,16 @@
     // color: #72d572;
   }
 
+  // img {
+  //   max-width: 100%;
+  //   height: auto;
+  //   /* 保持图像的纵横比 */
+  // }
+
   img {
-    max-width: 100%;
-    height: auto;
-    /* 保持图像的纵横比 */
+    /* 如果需要让 img 当 flex item 居中，不需要额外样式 */
+    display: block;
+    margin: 0 auto;
   }
 
   .at-drawer__content {
@@ -101,7 +107,6 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-
     // background-color: yellow;
     .book_left {
       width: 400px;
@@ -110,9 +115,12 @@
     }
 
     .markdown-body {
-      width: 100%;
-      max-width: 1400px;
-      font-size: 22px;
+      // width: 100%;
+      width: 700px;
+      // max-width: 1400px;
+      // font-size: 22px;
+      font-size: 18px;
+
       // color: red;
       // background-color: #72d572;
     }
@@ -132,4 +140,9 @@
       // background-color: yellow;
     }
   }
+  .Book img {
+    /* 如果需要让 img 当 flex item 居中，不需要额外样式 */
+    display: block;
+    margin: 0 auto;
+  }
 }

src/pages/index/index.scss

@@ -192,6 +192,7 @@
     align-items: center;
     justify-content: center;
     // background-color: aqua;
+    // color: red;
     position: relative;
 
     .index-book {