From e8862caa38597b4277ff79cb8785aed1905526b5 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期一, 03 六月 2024 15:26:16 +0800
Subject: [PATCH] 优化

---
 src/books/sportsAndHealth/css/default.less |  128 +++++++++++++++++++++++++++++++++---------
 1 files changed, 99 insertions(+), 29 deletions(-)

diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 68a0d60..4ce8c69 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -26,6 +26,7 @@
   margin: 0 auto;
   border-color: #f49a4c;
   height: 100%;
+  font-size: 18px;
 
   .chapter {
     .page-box {
@@ -37,19 +38,50 @@
       position: relative;
     }
 
+    .pdf-content {
+      padding: 15%;
+      box-sizing: border-box;
+    }
+
+    .bodystyle-chapter001 {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      position: relative;
+      .bj-chapter001-bj-icon {
+        padding-top: 15px;
+      }
+
+      .bj-chapter001-con {
+        width: 60%;
+        position: absolute;
+        left: 0;
+        top: 5%;
+        .bj-chapter001-con-icon {
+          width: 100%;
+          img {
+            padding-top: 20px;
+            width: 100%;
+          }
+        }
+      }
+    }
+
     .tablePublic {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       padding-top: 20px;
+      font-family: 'FZLTXIHJW';
 
       .table-bottom {
         width: 100%;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
-        font-size: 14px;
+        font-size: 16px;
 
         .score {
           padding-top: 10px;
@@ -147,7 +179,7 @@
 
     .bj-byb {
       width: 100%;
-      padding: 10px;
+      padding: 20px 10px;
       box-sizing: border-box;
 
       .byb-title {
@@ -158,6 +190,7 @@
 
       p {
         font-size: 16px;
+        font-family: 'FZLTXIHJW';
       }
 
     }
@@ -184,15 +217,16 @@
       top: -20px;
       left: 10px;
       background-color: #d6dbee;
-      padding: 5px 20px;
+      padding: 5px;
       box-sizing: border-box;
-      color: #95b2dc;
+      color: #5877ba;
       font-family: "FZLTXIHJW";
-      font-size: 1em;
+      font-size: 16px;
+      font-weight: 700;
       border-radius: 15px;
 
       .icon {
-        width: 30px;
+        width: 25px;
         height: 25px;
         border-radius: 5px;
         background-color: #007aff;
@@ -217,29 +251,55 @@
         }
       }
     }
+    
+    .coverImg {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
 
-    .pdf-con {
-      width: 100%;
+    .pdf-text {
       display: flex;
-      justify-content: flex-start;
+      justify-content: space-between;
       align-items: center;
 
-      .pdf-view {
+      p {
+        margin-right: 10px;
+      }
+
+      .pdf-con {
         display: flex;
         flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        img{
-          width: 80px;
-        }
-        span {
-          font-size: 14px;
-        }
-        span:hover {
-          color: #5877ba;
-          cursor: pointer;
-          text-decoration: underline;
-          -webkit-user-select: none;
+        justify-content: flex-start;
+        align-items: flex-start;
+        border: 2px dotted #5d78bb;
+        padding: 10px 0;
+        box-sizing: border-box;
+        border-radius: 10px;
+        margin-left: 10px;
+        margin-top: -50px;
+
+        .pdf-view {
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+
+          img {
+            width: 80px;
+          }
+
+          span {
+            min-width: 150px;
+            font-size: 14px;
+            text-align: center;
+          }
+
+          span:hover {
+            color: #5877ba;
+            cursor: pointer;
+            text-decoration: underline;
+            -webkit-user-select: none;
             /* Safari 3.1+ */
             -moz-user-select: none;
             /* Firefox 2+ */
@@ -247,9 +307,11 @@
             /* IE 10+ */
             user-select: none;
             /* 鏍囧噯璇硶 */
+          }
         }
       }
     }
+
 
     .xyx-title {
       font-family: "STKaiti";
@@ -261,6 +323,8 @@
     .xyx-text {
       p {
         font-size: 16px;
+        font-family: 'FZLTXIHJW';
+        padding: 0 10px;
       }
 
       .finishiText {
@@ -404,7 +468,7 @@
     }
 
     div.bodystyle {
-      font-family: "FZLTXIHJW";
+      font-family: "瀹嬩綋";
       font-size: 18px;
       text-align: justify;
       padding: 10% 10%;
@@ -472,6 +536,7 @@
 
     .note {
       font-size: 0.85em;
+      font-family: "Arail";
     }
 
     .img-right {
@@ -569,10 +634,10 @@
 
     h1.front {
       font-family: "FZLTZHJW";
-      color: #b898c7;
+      color: #ac92c4;
       text-align: center;
       font-size: 1.8em;
-      margin-bottom: 0.5cm;
+      margin-bottom: 2em;
       margin-top: 0.5cm;
     }
 
@@ -665,7 +730,7 @@
     }
 
     .imz {
-      width: 96%;
+      width: 100%;
       text-align: center;
     }
 
@@ -787,14 +852,19 @@
     }
 
     .block1 {
-      font-family: "STKaiti";
+      font-family: "浠垮畫";
       text-align: right;
+      font-weight: 600;
     }
 
     .block2 {
-      font-family: "STKaiti";
+      font-family: "瀹嬩綋";
       text-align: center;
       text-indent: 0em;
+      font-size: 16px;
+      font-weight: 700;
+      margin: -3px 0;
+      color: #333;
     }
 
     .block3 {

--
Gitblit v1.9.1