更新

src/pages/A6ybwx/A6_1_zxys/index.module.scss

@@ -171,7 +171,7 @@
           font-weight: 700;
         }
 
-        .txt {
+        .dtxt {
           position: absolute;
           top: 10px;
           left: 60px;
@@ -198,7 +198,7 @@
             }
           }
 
-          .text {
+          .dtext {
             width: 100%;
             height: fit-content;
             text-align: center;

src/pages/A6ybwx/A6_1_zxys/index.tsx

@@ -61,11 +61,11 @@ function Zaoxiang({ setGotopage }: { setGotopage: (page: number) => void }) {
             </div>
             <div className='detailTitle'>
               <div className='name'>{currentItem?.name}</div>
-              <div className='txt'>
+              <div className='dtxt'>
                 <div className='icon1'>
                   <img src={require('@/assets/img/A6_zaoxiang_icon1.png')} draggable='false' alt='' />
                 </div>
-                <div className='text'>{currentItem?.type}</div>
+                <div className='dtext'>{currentItem?.type}</div>
                 <div className='icon2'>
                   <img src={require('@/assets/img/A6_zaoxiang_icon2.png')} draggable='false' alt='' />
                 </div>

src/pages/A6ybwx/Sangzang/components/Policy/index.tsx

@@ -92,7 +92,7 @@ function Policy({ setShowTab }: { setShowTab: (tab: number) => void }) {
                           {isOriStates[part2Index] ? part2Item.from : part2Item.from_ac}
                         </div>
                         <div className='name'>
-                          {isOriStates[part2Index] ? part2Item.name : part2Item.name_ac}
+                          {part2Item.name}
                         </div>
                         <div className='time'>
                           {part2Item.time}
@@ -103,7 +103,7 @@ function Policy({ setShowTab }: { setShowTab: (tab: number) => void }) {
                             style={{ display: part2Item?.img ? 'flex' : 'none' }}
                             onClick={() =>
                               setIsOriStates(prev =>
-                                prev.map((item, index) => (index === part2Index ? !item : item))
+                                prev.map((item, index) => (index === part2Index ? true : item))
                               )
                             }
                           >
@@ -115,7 +115,7 @@ function Policy({ setShowTab }: { setShowTab: (tab: number) => void }) {
                             style={{ display: part2Item?.img_ac ? 'flex' : 'none' }}
                             onClick={() =>
                               setIsOriStates(prev =>
-                                prev.map((item, index) => (index === part2Index ? !item : item))
+                                prev.map((item, index) => (index === part2Index ? false : item))
                               )
                             }
                           >

src/pages/A6ybwx/Sangzang/components/Sangzangys/index.module.scss

@@ -218,13 +218,13 @@
           transition: all 0.3s ease-in-out;
 
           .openPic {
+            opacity: 0;
             background: url('../../../../../assets/img/A6_sangzang_hidRight.png') no-repeat center
               center;
             background-size: 100% 100%;
             height: 100%;
             width: 100%;
             object-fit: contain;
-            animation: opacityChange 3s infinite ease-in-out;
           }
         }
       }
@@ -295,6 +295,7 @@
           flex-direction: column;
           gap: 10px;
           transition: all 0.3s ease-in-out;
+          position: relative;
           .title {
             width: 100%;
             font-size: 26px;
@@ -307,7 +308,7 @@
           .text {
             width: 90%;
             height: fit-content;
-            max-height: 300px;
+            max-height: 190px;
             font-size: 16px;
             line-height: 24px;
             letter-spacing: 2px;
@@ -322,21 +323,29 @@
           }
 
           .btn {
-            padding-top: 10px;
             font-size: 14px;
             color: rgba(93, 96, 96, 1);
             cursor: pointer;
-            position: relative;
-
-            &::before {
-              content: '';
+            width: 80%;
+            height: 50px;
+            position: absolute;
+            bottom: -45px;
+            left: 50%;
+            transform: translateX(-63%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 20px;
+            line-height: 50px;
+            cursor: pointer;
+            & > img {
+              height: 90%;
               position: absolute;
-              left: 55px;
-              top: 8px;
-              width: 22px;
-              height: 22px;
-              background-image: url('../../../../../assets/sgImg/icon_more.png');
-              background-size: 100% 100%;
+              z-index: -1;
+              left: 50%;
+              top: 50%;
+              transform: translate(-50%, -50%);
+              width: 100%;
             }
           }
         }
@@ -358,6 +367,7 @@
             background: url('../../../../../assets/img/A6_sangzang_hidLeft.png') no-repeat center
               center;
             background-size: 100% 100%;
+            animation: opacityChange 3s infinite ease-in-out;
           }
         }
       }
@@ -422,6 +432,10 @@
           width: 92%;
           transition: all 0.6s ease-in-out;
         }
+        .btn {
+          opacity: 0;
+          pointer-events: none;
+        }
       }
     }
 
@@ -463,9 +477,9 @@
       .left {
         width: 300px;
         .pic {
-          right: 17%;
-          top: 3%;
-          transform: scale(1.4);
+          right: 21%;
+          top: 23%;
+          transform: scale(1.9);
           position: relative;
           width: 100%;
           height: 100%;
@@ -486,9 +500,9 @@
       .left {
         width: 300px;
         .pic {
-          right: 27%;
-          top: 3%;
-          transform: scale(1.6);
+          right: 23%;
+          top: 14%;
+          transform: scale(1.9);
           position: relative;
           width: 100%;
           height: 100%;
@@ -507,7 +521,9 @@
     .mainShow_tab4 {
       .left {
         .pic {
-          top: 37%;
+          top: 134%;
+          right: 82%;
+          transform: scale(3.4);
         }
       }
     }

src/pages/A6ybwx/Sangzang/components/Sangzangys/index.tsx

@@ -86,11 +86,11 @@ function Sangzangys({ setShowTab }: { setShowTab: (tab: number) => void }) {
             className='open'
             onClick={e => {
               e.stopPropagation()
-              setIsShowHidContent(!isShowHidContent)
+              setIsShowHidContent(false)
               setIsShowHidContentRight(false)
             }}
           >
-            <div className='openPic' />{' '}
+            <div className='openPic' />
           </div>
         </div>
         <div className='left'>
@@ -107,6 +107,10 @@ function Sangzangys({ setShowTab }: { setShowTab: (tab: number) => void }) {
           <div className={`content`}>
             <div className='title myFont'>{myData.sangzangStatic.rightInfoName}</div>
             <div className='text' dangerouslySetInnerHTML={{ __html: myData.sangzangData[Number(currentTab.split('tab')[1])].txt }} />
+            <div className="btn" onClick={() => setIsShowHidContent(true)}>
+              <img src={require('@/assets/img/A6_sangzang_btn2.png')} alt="" />
+              传统造像碑文
+            </div>
           </div>
         </div>
       </div>
@@ -187,11 +191,11 @@ function Sangzangys({ setShowTab }: { setShowTab: (tab: number) => void }) {
       {/* 墓志文 */}
       <div className={`mzwHot ${isShowMzwHot ? 'mzwHot_show' : ''}`} >
         <div className="mzwHotL"><div className="mPic" style={{
-          background: `url(${require(`@/assets/img/A6_sangzang_${(currentTab !== 'tab1' && currentTab !== 'tab2') ? 'tab1' : currentTab}.png`)}) no-repeat center/contain`
+          background: `url(${require(`@/assets/img/A6_sangzang_${(currentTab !== 'tab1' && currentTab !== 'tab2') ? 'yp2' : currentTab}.png`)}) no-repeat center/contain`
         }}></div></div>
         <div className="mzwHotR">
-          <div className="mtitle">{myData.mzw[(currentTab !== 'tab1' && currentTab !== 'tab2') ? 0 : Number(currentTab.split('tab')[1]) - 1].title}</div>
-          <div className="mtext" dangerouslySetInnerHTML={{ __html: myData.mzw[(currentTab !== 'tab1' && currentTab !== 'tab2') ? 0 : Number(currentTab.split('tab')[1]) - 1].txt }}></div>
+          <div className="mtitle">{myData.mzw[(currentTab !== 'tab1' && currentTab !== 'tab2') ? 0 : Number(currentTab.split('tab')[1])].title}</div>
+          <div className="mtext" dangerouslySetInnerHTML={{ __html: myData.mzw[(currentTab !== 'tab1' && currentTab !== 'tab2') ? 0 : Number(currentTab.split('tab')[1])].txt }}></div>
         </div>
         <div className="mzwclose" onClick={() => setIsShowMzwHot(false)}><img src={require('@/assets/img/closeWithTxt.png')} alt="" /></div>
       </div>

src/pages/A6ybwx/StatueArt/index.module.scss

@@ -39,35 +39,29 @@
       }
     }
 
-    .ffhyTitle {
-      height: 80%;
-      width: 100px;
-      transform: translate(-255%, -47%);
-    }
-
     .text {
-      width: 150px;
+      width: 210px;
       height: 95%;
       font-size: 16px;
       line-height: 24px;
-      color: rgb(255, 233, 182);
+      color: rgba(91, 71, 46, 1);
       font-weight: 300;
-      transform: translate(-117%, -46%);
+      transform: translate(-123%, -28%);
       text-align: justify;
     }
 
     .ffhybtn1 {
       cursor: pointer;
-      height: 40px;
-      width: 265px;
-      transform: translate(29%, -167%);
+      height: 300px;
+      width: 230px;
+      transform: translate(-13%, -50%);
     }
 
     .ffhybtn2 {
       cursor: pointer;
-      height: 40px;
-      width: 265px;
-      transform: translate(29%, -6%);
+      height: 300px;
+      width: 230px;
+      transform: translate(95%, -50%);
     }
   }
 }
@@ -75,10 +69,6 @@
 // ------------移动端
 .StatueArtMo {
   :global {
-    .ffhyTitle {
-      height: 90%;
-      width: 120px;
-    }
     .text {
       font-size: 16px;
     }
@@ -91,13 +81,19 @@
       }
     }
 
+    .ffhyTitle {
+      width: 160px;
+      height: 310px;
+      transform: translate(-218%, -50%);
+    }
+
     .ffhybtn1,
     .ffhybtn2 {
       left: 49%;
-      width: 300px;
-      height: 45px;
+      // height: 300px;
+      width: 190px;
       & > img {
-        object-fit: cover !important;
+        object-fit: contain !important;
       }
     }
   }

src/pages/A6ybwx/StatueArt/index.tsx

@@ -13,9 +13,9 @@ function StatueArt({ setGotoTab }: { setGotoTab: (tab: number) => void }) {
       <div className='back' onClick={() => setGotoTab(0)}>
         <img src={require('@/assets/img/btn_back.png')} alt='' />
       </div>
-      <div className='ffhyTitle'>
+      {/* <div className='ffhyTitle'>
         <img src={require('@/assets/img/A6_ffhy_title.png')} draggable={false} alt='' />
-      </div>
+      </div> */}
       <div className="text">
         两汉之际，佛教传入中原，开始出现以金铜、石刻佛像形式宣传佛教神祇和经典的活动。魏晋南北朝时期，随着佛教的发展，佛教造像行为达到顶峰，皇家石窟如云冈石窟、龙门石窟相继开凿，石塔、造像碑、单体造像、背屏式造像等石刻表现形式多样，并随着社会发展呈现出不同的社会物质面貌。
       </div>