在改一波

Code/src/components/Zhot/index.module.scss

@@ -4,8 +4,9 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.6);
-  backdrop-filter: blur(2px);
+  background-color: rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(4px);
+
   z-index: 9999;
   display: flex;
   :global {
@@ -15,14 +16,15 @@
     .ZHll {
       width: 60%;
       height: 100%;
-      padding: 2% 3% 1% 3%;
+      padding: 3% 0 3% 4%;
       // 标题
       .h2Titele {
         padding: 0 50px;
         position: relative;
         display: inline-block;
         color: #eacf60;
-        font-size: 26px;
+        font-size: 24px;
+        margin-bottom: 8px;
         & > img {
           position: absolute;
           top: 60%;
@@ -38,12 +40,14 @@
       }
 
       .ZH1main {
+        background-size: 100% 100%;
+        background-color: rgba(242, 242, 215, 0.3);
         width: 100%;
         height: calc(100% - 50px);
         display: flex;
         align-items: center;
         position: relative;
-        padding: 12px 0 60px;
+        padding: 18px 12px 60px;
         .ZH1main1 {
           max-height: 100%;
           overflow-y: auto;
@@ -122,6 +126,7 @@
               line-height: 24px;
               color: #fffddc;
               p {
+                font-size: 13px;
                 font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI',
                   'Hiragino Sans GB', 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei',
                   sans-serif !important;
@@ -133,7 +138,7 @@
           // 三级图片
           .adm-image {
             width: 90%;
-            margin: 0 auto;
+            // margin: 0 auto;
             height: auto;
             min-height: 60px;
             margin-bottom: 10px;
@@ -141,18 +146,19 @@
               min-height: 60px;
             }
             img {
-              width: 100%;
+              width: auto;
+              // width: 100%;
               height: 100%;
-              object-fit: contain !important;
-              max-height: 160px;
+              object-fit: fill !important;
+              max-height: 140px;
             }
           }
         }
         .ZH1main2 {
           position: absolute;
-          bottom: 0;
+          bottom: 8px;
           left: 0;
-          width: calc(100% + 200px);
+          width: 100%;
           height: 46px;
           display: flex;
           align-items: center;
@@ -201,6 +207,10 @@
                 border: 1px solid #fffddc;
                 border-radius: 20px;
                 transition: all 0.3s;
+                background-color: rgba(0, 0, 0, 0.4);
+                &:nth-of-type(1) {
+                  margin-left: 0;
+                }
                 &:hover {
                   background-color: #eacf60;
                   border-color: transparent;
@@ -252,9 +262,9 @@
     // 屏幕>=1200
     @media screen and (min-width: 1200px) {
       .ZHll {
-        .h2Titele {
-          font-size: 30px;
-        }
+        // .h2Titele {
+        //   font-size: 24px;
+        // }
         .ZH1main {
           .ZH1main1 {
             // 一级介绍
@@ -278,8 +288,8 @@
               }
               .ZH1_2rr {
                 p {
-                  font-size: 10px;
-                  line-height: 20px;
+                  font-size: 9px;
+                  line-height: 18px;
                 }
               }
             }
@@ -288,17 +298,22 @@
       }
       .ZH1main2rr1 {
         font-size: 12px !important;
-        width: 66px !important;
+        width: 60px !important;
       }
       .ZHll .ZH1main .ZH1main2 .ZH1main2rr .ZH1main2rr2 {
         width: calc(100% - 60px);
-        height: 30px;
+        height: 24px;
         .ZH1main2rr2Row {
-          height: 30px;
-          line-height: 28px;
+          height: 24px;
+          line-height: 22px;
           font-size: 12px;
         }
       }
+      #BtnRight {
+        left: 8px !important;
+        width: 38px !important;
+        height: 38px !important;
+      }
     }
   }
 }

Code/src/components/Zhot/index.tsx

@@ -93,7 +93,7 @@ function Zhot({ name, closeFu }: Props) {
         </div>
 
         {info.data ? (
-          <div className='ZH1main'>
+          <div className='ZH1main' style={{ backgroundImage: `url(${baseURL + 'Zhot/bac.png'})` }}>
             <div className='ZH1main1' hidden={!!acObj3.name}>
               {/* 一级图片 */}
               {info.data.imgArr1 && info.data.imgArr1.length
@@ -134,7 +134,7 @@ function Zhot({ name, closeFu }: Props) {
 
             {/* -----------三级信息------------- */}
             {acObj3.name ? (
-              <div id='HotOpCss' className='ZH1main1 ZH1main1Son'>
+              <div className='ZH1main1 ZH1main1Son'>
                 {acObj3.type === '图片'
                   ? acObj3.urlArr.map(url => <LazyImg src={baseURL + url} key={url} />)
                   : null}

Code/src/pages/Text/index.module.scss

@@ -1,5 +1,6 @@
 .Text {
   overflow: auto;
+  background-size: 100% 100%;
   :global {
     .box1 {
       padding-bottom: 10px;

Code/src/pages/Text/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/iframe-has-title */
 import React, { useEffect, useMemo, useState } from 'react'
 import styles from './index.module.scss'
 import { baseURL, hotInfo } from '@/utils/http'
@@ -22,7 +21,7 @@ function Text() {
   const [acName, setAcName] = useState('')
 
   return (
-    <div className={styles.Text}>
+    <div className={styles.Text} style={{ backgroundImage: `url(${baseURL + 'visit/bg.jpg'})` }}>
       {allArr.map(item => (
         <div key={item.oneName} className='box1'>
           <h1>{item.oneName}</h1>