update

public/myData/myData.js

@@ -797,28 +797,30 @@ const myDataTemp = {
         {
           time: '公元420年',
           title: '炳灵寺169窟',
-          src: './myData/img/sin_1.png',
-          srcLine: './myData/img/sin_1_line.png',
-          txt: '炳灵寺169窟“建弘元年”的题记，是中国现存最早的有明确纪年的佛教石窟实物。主尊肉髻呈馒头状、着通肩大衣，体态雄健、双臂与身体空间分离，注重表现躯体的结构。'
+          src: './myData/img/3.png',
+          srcLine: './myData/img/8.png',
+          txt: '炳灵寺169窟“建弘元年”的题记，是中国现存最早的有明确纪年的佛教石窟实物。主尊肉髻呈馒头状、着通肩大衣，体态雄健、双臂与身体空间分离，注重表现躯体的结构。',
+          picfrom: '图片来源：《中国石窟寺》P140'
         },
         {
           time: '北魏',
           title: '云冈石窟第20窟佛像',
-          src: './myData/img/sin_2.png',
-          srcLine: './myData/img/sin_2_line.png',
-          txt: '图上标注：主佛：着袒右式僧衣，僧衣厚重，中亚犍陀罗造像风格   旁边：印度秣菟罗造像风格，衣纹贴体'
+          src: './myData/img/30.png',
+          srcLine: './myData/img/20.png',
+          txt: '图上标注主佛：着袒右式僧衣，僧衣厚重，中亚犍陀罗造像风格 旁边：印度秣菟罗造像风格，衣纹贴体',
+          picfrom: '图片来源：《云冈石窟全集》卷17 第20窟主佛'
         },
         {
           time: '北魏',
-          title: '云冈石窟第19窟右壁胁侍菩萨 ',
-          src: './myData/img/sin_3.png',
-          srcLine: './myData/img/sin_3_line.png',
+          title: '云冈石窟第19窟右壁胁侍菩萨',
+          src: './myData/img/28.png',
+          srcLine: './myData/img/29.png',
           txt: ''
         }
       ]
     },
     {
-      time: '北魏中晚期',
+      time: '北魏早晚期',
       bgPath: './myData/img/sinicize_zwq.png',
       desc: '北魏孝文帝时期推行汉化改革，迁都洛阳，并随着南朝文化的影响，佛教造像风格发生显著转变，既反映了鲜卑贵族阶层对中原文化的认同，也标志着佛教艺术从外来移植走向本土建构的关键一步，为隋唐佛教美术的成熟奠定了坚实基础。',
       items: [
@@ -833,19 +835,28 @@ const myDataTemp = {
       ],
       imgItems: [
         {
-          title: '北魏 云冈石窟第6窟东壁南侧佛龛',
-          src: './myData/img/sin_4.png',
-          txt: '面容柔和庄重，肉髻高，着褒衣博带式大衣，注重服饰衣纹表达。'
+          time: '北魏',
+          title: '云冈石窟第6窟东壁南侧佛龛',
+          src: './myData/img/4.png',
+          srcLine: './myData/img/17.png',
+          txt: '面容柔和庄重，肉髻高，着褒衣博带式大衣，注重服饰衣纹表达。',
+          picfrom: '图片来源：《云冈石窟全集》卷4第6窟下P138'
         },
         {
-          title: '龙门石窟 宾阳中洞',
-          src: './myData/img/sin_5.png',
-          txt: ''
+          time: '龙门石窟',
+          title: '宾阳中洞',
+          src: './myData/img/26.png',
+          srcLine: './myData/img/9.png',
+          txt: '',
+          picfrom: '图片来源：微信公众号 龙门石窟官微'
         },
         {
-          title: '北魏 云冈石窟第6窟中心塔柱胁侍菩萨',
-          src: './myData/img/sin_6.png',
-          txt: ''
+          time: '北魏',
+          title: '云冈石窟第6窟中心塔柱胁侍菩萨',
+          src: './myData/img/27.png',
+          srcLine: './myData/img/18.png',
+          txt: '',
+          picfrom: '图片来源《云冈石窟全集》卷3第6窟P231'
         }
       ]
     },
@@ -855,24 +866,27 @@ const myDataTemp = {
       desc: '这一时期佛教造像艺术进一步汉化，佛像面容清秀、体态修长，双肩下削明显，“秀骨清相”的士大夫特征更为突出。',
       items: [
         {
-          title: '',
-          txt: ''
+          title: '佛教',
+          txt: '造像大多面容雄健，体态丰满有力，佛像袈裟厚重，通常有通肩式或袒右肩式两种。'
         },
         {
-          title: '',
-          txt: ''
+          title: '菩萨像',
+          txt: '注重头冠装饰，上身袒露或斜披络腋，下着裙装，颈部和胸部的装饰相对简单，很明显受到西方造像样式的影响。'
         }
       ],
       imgItems: [
         {
+          time: '',
           title: '河南巩县石窟第一窟',
-          src: './myData/img/sin_7.png',
-          txt: '身体瘦长，双肩下削，呈现出“秀骨清相”'
+          src: './myData/img/10.png',
+          srcLine: './myData/img/11.png',
+          txt: '身体瘦长，双肩下削，呈现出“秀骨清相”',
+          picfrom: '图片来源：《河南巩县石窟》'
         }
       ]
     },
     {
-      time: '东魏—北齐',
+      time: '东魏--北齐',
       bgPath: './myData/img/sinicize_bq.png',
       desc: '东魏国祚仅十六年，佛教造像风格继承北魏晚期遗风，造型端正、雕刻技法更加成熟，整体造像和佛面相稍显丰满。',
       items: [
@@ -887,61 +901,85 @@ const myDataTemp = {
       ],
       imgItems: [
         {
-          title: '东魏 天龙山石窟第2窟北壁龛',
-          src: './myData/img/sin_8.png',
-          txt: '北齐造像更多受到印度笈多风格影响，造像风格趋于写实与人性化、理想化并重。'
+          time: '东魏',
+          title: '天龙山石窟第2窟北壁龛',
+          src: './myData/img/24.png',
+          srcLine: './myData/img/15.png',
+          txt: '北齐造像更多受到印度笈多风格影响，造像风格趋于写实与人性化、理想化并重。',
+          picfrom: '图片来源:《天龙山石窟》彩图九'
         },
         {
-          title: '北齐 南响堂石窟第1窟中心柱正壁龛',
-          src: './myData/img/sin_9.png',
-          txt: '身体健硕、薄衣贴体、衣纹简洁'
+          time: '北齐',
+          title: '南响堂石窟第1窟中心柱正壁龛',
+          src: './myData/img/23.png',
+          srcLine: './myData/img/14.png',
+          txt: '身体健硕、薄衣贴体、衣纹简洁',
+          picfrom: '图片来源：《中国石窟寺》P269'
         },
         {
-          title: '北齐 北响堂山石窟第三窟右壁',
-          src: './myData/img/sin_10.png',
-          txt: ''
+          time: '北齐',
+          title: '北响堂山石窟第三窟右壁',
+          src: './myData/img/0.png',
+          srcLine: './myData/img/5.png',
+          txt: '',
+          picfrom: '图片来源：《中国石窟雕塑精华 河北响堂山石窟》'
         },
         {
-          title: '北齐 北响堂石窟中心方柱左大龛菩萨像',
-          src: './myData/img/sin_11.png',
-          txt: ''
+          time: '北齐',
+          title: '北响堂石窟中心方柱左大龛菩萨像',
+          src: './myData/img/1.png',
+          srcLine: './myData/img/7.png',
+          txt: '',
+          picfrom: '图片来源：《中国石窟雕塑精华 河北响堂山石窟》'
         },
         {
-          title: '北齐 北响堂石窟第4窟菩萨像',
-          src: './myData/img/sin_12.png',
-          txt: ''
+          time: '北齐',
+          title: '北响堂石窟第4窟菩萨像',
+          src: './myData/img/2.png',
+          srcLine: './myData/img/6.png',
+          txt: '',
+          picfrom: '图片来源：《中国石窟雕塑精华 河北响堂山石窟》'
         }
       ]
     },
     {
-      time: '西魏—北周',
+      time: '西魏--北周',
       bgPath: './myData/img/sinicize_bz.png',
-      desc: '西魏、北周整体造像风格一脉相承，面相逐渐圆润丰满，到北周时期，逐渐演变为佛像肉髻宽而低平、面额方颐、双肩宽平，着通肩大衣或双领下垂式大衣的风格特征。',
+      desc: '西魏、北周整体造像风格一脉相承，面相逐渐圆润丰满，到北周时期，逐渐演变为佛像肉髻宽而低平、面额方颐、双肩宽平，着通肩大衣或双领下垂式大衣的风格特征。菩萨头戴冠面相亦方圆，披帛交叉穿环和横于腹膝二道。',
       items: [
         {
-          title: '',
-          txt: ''
+          title: '佛教',
+          txt: '造像大多面容雄健，体态丰满有力，佛像袈裟厚重，通常有通肩式或袒右肩式两种。'
         },
         {
           title: '菩萨像',
-          txt: '菩萨头戴冠面相亦方圆，披帛交叉穿环和横于腹膝二道'
+          txt: '注重头冠装饰，上身袒露或斜披络腋，下着裙装，颈部和胸部的装饰相对简单，很明显受到西方造像样式的影响。'
         }
       ],
       imgItems: [
         {
-          title: '西魏 麦积山石窟第44窟',
-          src: './myData/img/sin_13.png',
-          txt: ''
+          time: '西魏',
+          title: '麦积山石窟第44窟',
+          src: './myData/img/21.png',
+          srcLine: './myData/img/12.png',
+          txt: '',
+          picfrom: '图片来源：微信公众号 天水发布'
         },
         {
-          title: '西魏 麦积山石窟第135窟正壁',
-          src: './myData/img/sin_14.png',
-          txt: ''
+          time: '西魏',
+          title: '麦积山石窟第135窟正壁',
+          src: './myData/img/22.png',
+          srcLine: './myData/img/13.png',
+          txt: '',
+          picfrom: '图片来源：《中国美术全集30：雕塑编8 麦积山石窟》P101'
         },
         {
-          title: '北周 须弥山第51窟后壁三大窟',
-          src: './myData/img/sin_15.png',
-          txt: ''
+          time: '北周',
+          title: '须弥山第51窟后壁三大窟',
+          src: './myData/img/25.png',
+          srcLine: './myData/img/16.png',
+          txt: '',
+          picfrom: '图片来源：微信公众号 固原文化旅游'
         }
       ]
     }

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

@@ -280,7 +280,6 @@
           box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
           display: inline-block;
           vertical-align: top;
-          white-space: normal;
 
           .yearContainner {
             width: 100%;
@@ -339,14 +338,15 @@
 
         .detailShow,
         .detailHide {
+          width: auto;
           height: 100%;
           background: url('../../../assets/img/A6_sinicize_bg2.png') repeat-x center bottom;
           background-size: auto 99%;
           overflow: hidden;
-          transition: all 0.7s ease-in-out;
+          transition: all 0.3s ease-in-out;
           display: inline-block;
           vertical-align: top;
-          white-space: normal;
+
           .point {
             position: absolute;
             top: 50%;
@@ -377,9 +377,9 @@
           .left {
             width: 800px;
             height: 100%;
-            display: flex;
-            align-items: center;
-            flex-direction: column;
+            display: inline-block;
+            vertical-align: top;
+            white-space: normal;
             .lTop {
               text-align: justify;
               padding: 20px;
@@ -473,6 +473,8 @@
           .right {
             width: fit-content;
             height: 100%;
+            display: inline-block;
+            vertical-align: top;
             .RItems {
               width: fit-content;
               height: 100%;
@@ -496,22 +498,19 @@
         }
 
         .detailShow {
-          width: fit-content;
-
           .left,
           .right {
-            transition: all 0.3s ease-in-out 0.5s;
             opacity: 1;
+            transition: all 0.6s ease-in-out, opacity 0.3s ease-in-out;
           }
         }
 
         .detailHide {
-          width: 0;
-
           .left,
           .right {
-            transition: all 0.3s ease-in-out;
+            width: 0;
             opacity: 0;
+            transition: all 0.6s ease-in-out;
           }
         }
       }

src/pages/A6ybwx/A6_2_zxzgh/index.tsx

@@ -74,14 +74,6 @@ function Sinicize({ setGotopage }: { setGotopage: (page: number) => void }) {
   }
 
   const handleYearItemClick = (index: number) => {
-    if (index !== 0) {
-      console.log('1111111111111')
-      Toast.show({
-        icon: 'fail',
-        content: '暂未开放'
-      })
-      return
-    }
     if (selectedTime === index) {
       setSelectedTime(-1)
       return