更新署名

src/views/MoreContent.vue

@@ -82,7 +82,16 @@
               重新开始
             </div>
             <div class="about-box">
-              <div style="display: flex">
+              <img
+                class="about-open"
+                src="@/assets/images/icon-about-open.png"
+                @click="isShowAboutText = !isShowAboutText"
+              >
+              <img
+                :style="{opacity: isShowAboutText ? '1':'0'}"
+                src="@/assets/images/about-us.png"
+              >
+              <!-- <div style="display: flex">
                 <div style="font-weight: bold;">
                   《无尽藏》展览策展人：
                 </div><span>庞鸥</span>
@@ -90,8 +99,13 @@
               <div style="font-weight: bold;margin-top: 5px;">
                 线上策展团队:
               </div>
-              <div>南京博物院：南京博物院：张莅坤 刘佳 李文彬 张晓婉</div>
-              <div>珠海市四维时代网络科技有限公司</div>
+              <div class="about-bottom">
+                南京博物院: 张莅坤 刘佳 李文彬 张晓婉
+                珠海市四维时代网络科技有限公司
+              </div> -->
+              <!-- <div class="about-bottom">
+
+              </div> -->
             </div>
           </div>
 
@@ -117,7 +131,7 @@
           :key="index3"
           :class="`${item3.className}`"
           :src="
-            require(`@/assets/images/fade-chapter-wood/${item3.imgName}.png`)
+            require(`@/assets/images/fade-chapter-wood/${item3.imgName}${item3.imgName === '1_01'|| item3.imgName === '1_02' || item3.imgName === '1_03' || item3.imgName === '1_04' ? '.webp':'.png'}`)
           "
           :style="`transform: translateX(${isMoveFu(
             index1,
@@ -302,6 +316,8 @@ const route = useRoute()
 const router = useRouter()
 const store = useStore()
 
+const isShowAboutText = ref(false)
+
 // 点击指示器移动透明的问题
 const isOpcMove = ref(true)
 
@@ -681,7 +697,7 @@ body {
         width: 198%;
         background: url(@/assets/images/game-bg.png);
         background-size: 100% 100%;
-        padding: 75%;
+        padding: 70%;
         white-space: nowrap;
         display: flex;
         justify-content: center;
@@ -712,7 +728,15 @@ body {
         font-size: 12px;
         transform: translateX(-30%);
         position: fixed;
-        bottom: 40px;
+        bottom: 35px;
+        >.about-open{
+          width: 20px;
+          height: 20px;
+          margin-bottom: 5px;
+        }
+        >img{
+          width: 75vw;
+        }
 
         >div{
           white-space: nowrap;
@@ -721,6 +745,13 @@ body {
           font-weight: bold;
         }
 
+        .about-bottom{
+          // width: calc(230 / v-bind("windowSizeWhenDesignForRef") * v-bind("windowSizeInCssForRef"));
+          text-align: justify;
+          text-align-last: justify;
+          white-space: pre-wrap;
+        }
+
       }
     }
   }