优化

闫增涛

2024-06-17 b1a6c3365e46f29fdd12d8864848912eb46d3208

 src/books/mathBook/assets/main.less

@@ -1,7 +1,8 @@
.math-book {
  width: 100%;
  height: 100%;
  font-family: "宋体", SimSun, sans-serif;
  // font-family: "宋体", SimSun, sans-serif;
  font-family: "Times New Roman", "宋体", SimSun, sans-serif !important;
  mn{
    font-size:1em;
    }
@@ -560,7 +561,7 @@
        margin: 0 !important;
        width: 100%;
        height: 24px;
        background-color: #97a4d3;
        background-color: #40c7f4;
        text-align: right;
        padding-right: 20px;
        color: #fff;
@@ -573,7 +574,7 @@
        height: 100%;
        padding:0 4px;
        width: min-content;
        border: 1px solid #7b8cc5; 
        border: 1px solid #40c7f4; 
        text-indent: 0em;
        display: flex;
        align-items: flex-end;
@@ -589,7 +590,7 @@
    display: flex;
    justify-content: space-between;
    li:first-child {
      border: 1px solid #7b8cc5;
      border: 1px solid #40c7f4;
      width: 15%;
      height: 24px;
      text-align: right;
@@ -600,7 +601,7 @@
      padding: 0 4px;
      min-width:132px;
      height: 24px;
      border: 1px solid #7b8cc5;
      border: 1px solid #40c7f4;
      text-align: center;
      box-sizing: border-box;
      color: #5f7abc;
@@ -609,7 +610,7 @@
    li:last-child {
      width: 64%;
      height: 24px;
      background-color: #97a4d3;
      background-color: #40c7f4;
    }
  }
  .fw-b {
@@ -636,6 +637,9 @@
  .mb-80 {
    margin-bottom: 80px !important;
  }
  .mr-10 {
    margin-right: 10px;
  }
  .mr-20 {
    margin-right: 20px;
  }
@@ -661,7 +665,7 @@
  }
  .video-border {
    border: 1px solid #15c0f2;
    border-radius: 30px;
    border-radius: 10px;
  }
  .fm-st {
    font-family: "STKaiti";
@@ -740,8 +744,8 @@
  }
  .collect-btn {
    cursor: pointer;
    width: 20px;
    height: 20px;
    width: 16px;
    height: 16px;
    margin-left: 10px;
  }
  // 显示答案按钮
@@ -749,10 +753,12 @@
    margin-left: 5px;
    cursor: pointer;
    text-indent: 0;
    display: inline-block;
    display: flex;
    align-items: center;
    border:1px solid #00a1e9;
    height: 22px;
    padding: 3px;
    width: 17px;
    padding: 2px 4px;
    background-color:#00a1e9 ;
    border-radius: 5px;
    svg {
@@ -787,6 +793,9 @@
    .padding-96 {
      padding: 0 20px 40px 20px;
    }
    .padding-116 {
      padding: 0 20px 40px 20px;
    }
    /* video大小 */
    .video-box {
      max-width: 260px;
@@ -801,6 +810,9 @@
        margin-top: 10px;
      }
    }
    .page-box{
      min-height: 500px;
    }
  }
}
@media (min-width: 660px) {
@@ -810,6 +822,9 @@
    }
    .padding-96 {
      padding: 0 96px 104px 96px;
    }
    .padding-116 {
      padding: 0 116px 104px 116px;
    }
    .video-box {
      max-width: 370px;
@@ -826,3 +841,26 @@
    }
  }
}


::-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;
}