gx

public/myData/myData.js

@@ -774,7 +774,7 @@ const myDataTemp = {
   sinicizeDataStatic: {
     desc: '北朝佛教造像艺术受朝代更迭和不同民族文化的影响，呈现出多样化的艺术表现形式，形成了从古印度风格到中原风格的过渡，完成了佛教造像中国化的进程，并奠定了中国佛教造像艺术的基础。这一进程不仅体现在服饰形制、面相风貌的演变上，更深层地反映在造像所承载的宗教情感与社会伦理的融合之中。',
     zongjie: {
-      title: '结语',
+      title: '结  语',
       txt: '北朝佛教造像不仅延续了前期的文化融合趋势，更在形式与内涵上深度扎根于中土伦理秩序与艺术语境之中，这种融合南北、贯通中西的艺术风貌，对隋唐佛教艺术产生了深远影响。造像风格的每一次演进，皆呼应着时代精神的变迁，至隋唐终汇为气象恢弘的审美主流。直至今日，这些石刻仍以其静穆而深邃的艺术语言，诉说着中华文明兼容并蓄的智慧与力量。'
     }
   },

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

@@ -274,7 +274,7 @@
           height: 100%;
           font-size: 20px;
           font-weight: 500;
-          color: rgba(255, 233, 182, 1);
+          color: rgba(255, 233, 182, 0.6);
           text-align: center;
           background-size: 100% 100%;
           box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
@@ -296,22 +296,22 @@
             .front {
               width: 100%;
               height: 50%;
-              padding: 0 6px;
-              font-size: 16px;
+              padding: 0 10px;
+              font-size: 15px;
               line-height: 24px;
               font-weight: 400;
               overflow: auto;
               mask-image: linear-gradient(
                 to bottom,
                 rgba(0, 0, 0, 1) 0%,
-                rgba(0, 0, 0, 1) 80%,
-                /* 保留顶部70%不透明 */ rgba(0, 0, 0, 0) 100% /* 底部30%完全透明 */
+                rgba(0, 0, 0, 1) 70%,
+                /* 保留顶部70%不透明 */ rgba(255, 255, 255, 0.3) 100% /* 底部30%完全透明 */
               );
               -webkit-mask-image: linear-gradient(
                 to bottom,
                 rgba(0, 0, 0, 1) 0%,
-                rgba(0, 0, 0, 1) 80%,
-                rgba(0, 0, 0, 0) 100%
+                rgba(0, 0, 0, 1) 70%,
+                rgba(255, 255, 255, 0.3) 100%
               );
               &::-webkit-scrollbar {
                 width: 0;
@@ -324,14 +324,20 @@
         .year-zongjie {
           background: url(../../../assets/img/sinicize_jy.png) no-repeat center center;
           background-size: 100% 100%;
-          width: 150px;
+          width: 210px;
+          white-space: normal;
           .yearContainner {
             .txt {
+              padding: 20px 40%;
+              padding-top: 30px;
               letter-spacing: 10px;
-              height: 30%;
+              height: 35%;
+              line-height: 45px;
             }
             .front {
               height: 65%;
+              text-align: justify;
+              padding: 0 20px;
             }
           }
         }
@@ -390,7 +396,7 @@
               line-height: 24px;
               letter-spacing: 2px;
               font-weight: 400;
-              color: rgba(124, 75, 54, 1);
+              color: rgba(93, 96, 96, 1);
             }
             .lContent {
               width: 100%;
@@ -406,6 +412,7 @@
                   height: 100%;
                   transition: all 0.3s ease-in-out;
                   background-repeat: no-repeat;
+                  background-position: top right;
                   background-size: contain;
                 }
                 & > img {

src/pages/A6ybwx/A6_2_zxzgh/index.tsx

@@ -283,15 +283,15 @@ function Sinicize({ setGotopage }: { setGotopage: (page: number) => void }) {
                                   )
                                 }
                               >
-                                <div className='pointTime'>{sItem.imgItems[0].time}</div>
-                                <div className='pointTitle'>{sItem.imgItems[0].title}</div>
+                                <div className='pointTime songFont'>{sItem.imgItems[0].time}</div>
+                                <div className='pointTitle songFont'>{sItem.imgItems[0].title}</div>
                               </div>
                             )}
                           </div>
                           <div className='lInfo'>
                             {sItem.items.map((i, index) => (
                               <div className='item' key={index}>
-                                <div className='lTitle'>{i.title}</div>
+                                <div className='lTitle songFont'>{i.title}</div>
                                 <div className='lText'>{i.txt}</div>
                               </div>
                             ))}
@@ -354,7 +354,7 @@ function Sinicize({ setGotopage }: { setGotopage: (page: number) => void }) {
                 >
                   <div className="yearContainner">
                     <div className='txt songFont'>{myData.sinicizeDataStatic.zongjie.title}</div>
-                    {/* <div className='front'>{myData.sinicizeDataStatic.zongjie.txt}</div> */}
+                    <div className='front'>{myData.sinicizeDataStatic.zongjie.txt}</div>
                   </div>
 
                 </div>