From d7311d7a5dc477ff3baf09ef3a01aaa8b3d353a0 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 23 一月 2025 17:13:26 +0800
Subject: [PATCH] 图片修改

---
 src/books/artAndDance/assets/main.less |  122 ++++++++++++++++++++++++++++++++++++++--
 1 files changed, 114 insertions(+), 8 deletions(-)

diff --git a/src/books/artAndDance/assets/main.less b/src/books/artAndDance/assets/main.less
index 29d4c0d..f263258 100644
--- a/src/books/artAndDance/assets/main.less
+++ b/src/books/artAndDance/assets/main.less
@@ -64,8 +64,8 @@
 
   .img {
     text-align: center;
-    font-size: 0.8em;
-    color: #5d78bb;
+    font-size:18px;
+    color: #000;
     margin-left: 0%;
     margin-right: 0%;
     text-indent: 0em;
@@ -159,7 +159,7 @@
   h2.whleft2 {
     text-align: left;
     color: #af0206;
-    font-size: 1.2em;
+    font-size: 38px;
     margin-top: 0.2em;
     margin-bottom: 0.2em;
     text-indent: 0em;
@@ -169,10 +169,11 @@
     font-family: "STKaiti";
     color: #ef495d;
     font-weight: bold;
-    font-size: 1.15em;
+    // font-size: 1.15em;
+    font-size: 26px;
     margin-top: 2em;
     text-align: center;
-    margin-bottom: 2em;
+    margin-bottom: 20px;
     text-indent: 0em;
   }
 
@@ -205,6 +206,7 @@
   }
 
   .img-0 {
+    display: flex;
     width: 100%;
   }
   .imz {
@@ -290,9 +292,11 @@
   }
   .block2 {
     font-family: "STKaiti";
-    font-size: 1.15em;
+    // font-size: 1.15em;
+    font-size: 26px;
     text-align: center;
     text-indent: 0em;
+    margin: 6px 0;
   }
 
   .bj1 {
@@ -327,8 +331,9 @@
 
   // 鑷畾涔�
   .page-box {
+    position: relative;
     box-sizing: border-box;
-    min-height: 1150px !important;
+    min-height: 1150px;
     margin-bottom: 20px;
     box-shadow: 0 3px 6px 1px #00000029;
     background-color: #fff;
@@ -350,8 +355,17 @@
   .ju-bt {
     justify-content: space-between;
   }
+  .ju-cn {
+    justify-content: center;
+  }
+  .ju-end {
+    justify-content: flex-end;
+  }
   .al-cn {
     align-items: center;
+  }
+  .al-end {
+    align-items: end;
   }
   .wh-nr {
     white-space: nowrap;
@@ -362,6 +376,15 @@
   .m0 {
     margin: 0;
   }
+  .mr-8 {
+    margin-right: 8px;
+  }
+  .mt-20 {
+    margin-top: 20px;
+  }
+  .mt-40 {
+    margin-top: 40px !important;
+  }
   .mb-20 {
     margin-bottom: 20px;
   }
@@ -371,6 +394,9 @@
   .ml-40 {
     margin-left: 40px;
   }
+  .mr-40 {
+    margin-right: 40px;
+  }
   .pg-mh {
     min-height: 1150px;
   }
@@ -379,6 +405,27 @@
   }
   .w-min {
     width: min-content;
+  }
+  .w40 {
+    width: 40px;
+  }
+  .pb-box {
+    position: absolute;
+    bottom: 0;
+  }
+  .m16-0 {
+    margin: 16px 0;
+  }
+  .fm-son {
+    font-family: "瀹嬩綋", SimSun, sans-serif;
+  }
+  .auido-text {
+    font-size: 22px;
+    font-family: "FangSong", "PMingLiU", serif;
+    font-weight: bold;
+  }
+  .front{
+    text-align: left !important;
   }
 }
 
@@ -396,7 +443,33 @@
     .video-box {
       max-width: 260px;
     }
+    .audio-box {
+      margin-top: 20px;
+      flex-wrap: wrap;
+      li {
+        width: 100%;
+      }
+      li:nth-child(2) {
+        margin-top: 10px;
+      }
+    }
+    .page-box{
+      min-height: 500px;
+    }
+    .pg-mh {
+      min-height: 815px;
+    }
+    .share-img-box {
+      min-height: 460px;
+    }
   }
+}
+@media (max-width:820px) {
+  .ans-dance {
+    .page-box {
+      min-height: 500px;
+    }
+  } 
 }
 @media (min-width: 660px) {
   .ans-dance {
@@ -409,5 +482,38 @@
     .video-box {
       max-width: 370px;
     }
+    .share-img-box {
+      min-height: 650px;
+    }
+    .audio-box {
+      margin-top: 20px;
+      flex-wrap: nowrap;
+      li {
+        width: 58%;
+      }
+    }
   }
-}
\ No newline at end of file
+}
+
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track-piece {
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+  height: 5px;
+  background-color: rgba(125, 125, 125, 0.3);
+  -webkit-border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:horizontal {
+  width: 5px;
+  background-color: rgba(125, 125, 125, 0.3);
+  -webkit-border-radius: 6px;
+}

--
Gitblit v1.9.1