first commit

Hot/src/views/Home.vue

@@ -48,10 +48,6 @@
       <!-- 下面的文字介绍 -->
       <div class="txtBox">
         <div class="myTitle">{{ myTitle }}</div>
-        <div class="fixedTx">湖北省博物馆旧藏</div>
-        <div class="logo">
-          <img :src="require('@/assets/images/pc/logo.png')" alt="" />
-        </div>
 
         <div class="flooTxt" :class="{ flooTxtOne: oneTxt }">
           <div class="flooTxtBox">
@@ -309,6 +305,8 @@ export default {
     padding: 30px 50px 20px 20px;
     display: flex;
     align-items: center;
+    flex-direction: column;
+
     justify-content: center;
     .myTitle {
       font-size: 22px;
@@ -316,7 +314,7 @@ export default {
       margin-bottom: 20px;
       padding: 0 30px;
       letter-spacing: 4px;
-      color: #4b4b4b;
+      color: #fff;
     }
     .fixedTx {
       font-size: 14px;
@@ -341,6 +339,7 @@ export default {
       overflow: hidden;
       width: 700px;
       height: calc(100% - 270px);
+      margin-top: 40px;
       .oneTabNum {
         z-index: 10;
         position: absolute;
@@ -394,9 +393,9 @@ export default {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
-        left: 80px;
-        width: 37px;
-        height: 49px;
+        left: 30px;
+        width: 80px;
+        height: 99px;
         background-image: url("../assets/images/pc/left.png");
         background-size: 100% 100%;
         z-index: 1;
@@ -406,7 +405,7 @@ export default {
       }
       .rightJJ {
         left: auto;
-        right: 80px;
+        right: 30px;
         background-image: url("../assets/images/pc/right.png");
       }
       .noClick {
@@ -415,15 +414,14 @@ export default {
       }
     }
     .txtBox {
-      width: 0;
+      height: 0;
       flex: 1;
-      height: 380px;
       .flooTxt {
         margin: 0 auto;
         margin-top: 10px;
         width: 100%;
         height: 100%;
-        max-height: 300px;
+        max-height: 170px;
         .flooTxtBox {
           width: 100%;
           height: 100%;
@@ -432,7 +430,7 @@ export default {
 
           .myTxt {
             font-size: 16px;
-            color: #414141;
+            color: #f9f9f1;
             letter-spacing: 3px;
             line-height: 32px;
           }
@@ -501,7 +499,7 @@ export default {
 @media screen and (max-width: 1000px) {
   .home {
     background: url("../assets/images/pc/hot_bg_M.png") no-repeat center center;
-    background-size: cover !important;
+    background-size: 100% 100% !important;
     .swiper-pagination {
       margin: 10px 0 0;
       gap: 4px;
@@ -526,7 +524,9 @@ export default {
       }
       .mainCon {
         border-radius: 0;
-        height: calc(100% - 195px);
+        height: calc(100% - 300px);
+        width: 100%;
+
         .contenBox {
           .videoBox {
             padding: 0 30px;
@@ -562,20 +562,23 @@ export default {
           background-image: url("../assets/images/pc/icon-right.png");
         }
       }
-      .flooTxt {
-        margin-top: -5px;
-        width: 100%;
-        padding: 10px 15px 0px 15px;
-        max-height: 250px;
+      .txtBox {
+        .flooTxt {
+          margin-top: -5px;
+          width: 100%;
+          padding: 10px 15px 0px 15px;
+          max-height: 200px;
 
-        .flooTxtBox {
-          padding: 0;
-          .myTxt {
-            font-size: 14px;
-            line-height: 22px;
+          .flooTxtBox {
+            padding: 0;
+            .myTxt {
+              font-size: 14px;
+              line-height: 22px;
+            }
           }
         }
       }
+
       .flooTxtOne {
         height: 100%;
       }

Scene/src/pages/A2main/index.module.scss

@@ -23,7 +23,7 @@
 
     // 样式重置
     .pinBottom.left {
-      width: 1050px;
+      width: 960px;
       margin-right: 350px;
       height: 85px;
       left: 50%;
@@ -236,7 +236,7 @@
     .sectionIndex {
       position: fixed;
       bottom: 40px;
-      right:30px;
+      right: 30px;
       .sectionIndexImg {
         width: 125px;
         height: 100%;
@@ -309,7 +309,6 @@
           background: url(../../assets/img/section2.png) no-repeat;
           background-size: 100% 100%;
           p {
-    
             color: #fff;
           }
         }
@@ -317,7 +316,6 @@
           background: url(../../assets/img/section3.png) no-repeat;
           background-size: 100% 100%;
           p {
-          
             color: #fff;
           }
         }
@@ -325,15 +323,21 @@
           background: url(../../assets/img/section4.png) no-repeat;
           background-size: 100% 100%;
           p {
-           
+            color: #000;
+          }
+        }
+        .section5 {
+          background: url(../../assets/img/section5.png) no-repeat;
+          background-size: 100% 100%;
+          p {
             color: #000;
           }
         }
       }
       .sectionClose {
         position: fixed;
-        top: 70px;
-        right: 130px;
+        top: 20px;
+        right: 20px;
         cursor: pointer;
       }
     }

Scene/src/pages/A2main/index.tsx

@@ -192,7 +192,7 @@ function A2main() {
               </div> */}
           </div>
 
-          <img className='splitImg' src={require('../../assets/img/splitImg.png')} alt='' draggable='false' />
+          {/* <img className='splitImg' src={require('../../assets/img/splitImg.png')} alt='' draggable='false' /> */}
           <div className='rightViewContainer clearfix'>
             <div className='gui-floor'>
               <div className='gui-floor-title'></div>
@@ -320,6 +320,11 @@ function A2main() {
               陶之古朴典雅、瓷之华美风韵，相映成趣。中国古代先民不断探索陶瓷制造技艺和审美追求，融合外来文化因素，成就了璀璨的陶瓷文化。水、火、土淬炼而成的陶瓷是人类社会进程中的伟大成就。湖北省博物馆的陶瓷收藏脉络清晰，特色鲜明，是荆楚文化的重要组成部分。
             </p>
           </div>
+          <div className='section5 sectionCont'>
+            <p>
+              陶之古朴典雅、瓷之华美风韵，相映成趣。中国古代先民不断探索陶瓷制造技艺和审美追求，融合外来文化因素，成就了璀璨的陶瓷文化。水、火、土淬炼而成的陶瓷是人类社会进程中的伟大成就。湖北省博物馆的陶瓷收藏脉络清晰，特色鲜明，是荆楚文化的重要组成部分。
+            </p>
+          </div>
         </div>
         <div
           className='sectionClose'

Scene/src/pages/A3hotList/index.module.scss

@@ -3,7 +3,7 @@
   top: 50%;
   right: 0;
   transform: translate(0, -50%);
-  width: 350px;
+  width: 400px;
   height: 100%;
   z-index: 30001;
   display: flex;
@@ -20,8 +20,8 @@
       height: 100%;
       // background: url('../../assets/img/hotlist_bg.png') center center;
       // background-size: cover;
-      background-color: #e8efef;
-      color: #4b5253;
+      background-color: #77382f;
+      color: #f8f1e4;
       font-size: 17px;
       font-weight: 500;
       overflow: auto;
@@ -34,7 +34,7 @@
         padding: 40px 0 10px 0;
         font-size: 24px;
         font-weight: 400;
-        color: rgba(43, 31, 23, 0.9);
+        color: #fdf6e9;
       }
       .A3item {
         display: flex;
@@ -45,7 +45,7 @@
         padding: 4px 3px;
         cursor: pointer;
         &:hover {
-          background-color: #abb8bc;
+          background-color: #a16f5d;
         }
       }
       .A3close {
@@ -53,7 +53,7 @@
         bottom: 0;
         width: 350px;
         height: 50px;
-        background-color: #e8efef;
+        background-color: #77382f;
         border-top: 1px solid rgba(43, 31, 23, 0.1);
         cursor: pointer;
         &:hover {
@@ -85,15 +85,15 @@
       .A3main {
         width: 100%;
         height: 100%;
-        background: url('../../assets/img/hotlist_bg.png') no-repeat center center;
-        background-size: cover;
+        // background: url('../../assets/img/hotlist_bg.png') no-repeat center center;
+        // background-size: cover;
         padding-bottom: 36px;
         .A3title {
           padding: 20px 0 10px 0;
           font-size: 16px;
         }
         .A3item {
-          font-size: 14px;
+          font-size: 13px;
           padding: 10px 3px;
           &:touch {
             background-color: rgba(163, 143, 116, 1);
@@ -102,7 +102,6 @@
         .A3close {
           width: 100%;
           height: 40px;
-          background-color: rgba(157, 135, 106, 0.9);
           border-top: 1px solid rgba(43, 31, 23, 0.1);
           img {
             width: 16px;