fix: save

src/components/TimeLineText.jsx

@@ -4,6 +4,7 @@ import PropTypes from "prop-types";
 import { Action } from "../action";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
+import { Style } from "../style/section";
 
 export function TimeLineTransText(props) {
   const containerRef = useRef();
@@ -186,7 +187,7 @@ export function TimeLineLabelText(props) {
       progressPosition={props.progressPosition}
       style={props.style}
     >
-      {props.children}
+      <div css={Style.LabelStyle}>{props.children}</div>
     </TimeLineText>
   );
 }

src/view/Section1.jsx

@@ -39,15 +39,13 @@ export default function Section1(props) {
       >
         <div css={Style.StartTitleStyle}>
           <div className="title">
-            对古代美索不达米亚人来说，礼拜是日常生活的一部分。{" "}
+            对古代美索不达米亚人来说，礼拜是日常生活的一部分。
           </div>
         </div>
       </TimeLineTitleText>
 
       <TimeLineLabelText duration={0.0325} fade={0.01} progressPosition={0.03}>
-        <div css={Style.LabelStyle}>
-          各城邦的城市建筑甚至被赋予象征及宗教意义。巴比伦古城的建筑装饰即是一个鲜明例子。
-        </div>
+        各城邦的城市建筑甚至被赋予象征及宗教意义。巴比伦古城的建筑装饰即是一个鲜明例子。
       </TimeLineLabelText>
 
       <TimeLineWallText className={"wall-text"} progressPosition={0.125}>
@@ -68,12 +66,10 @@ export default function Section1(props) {
         verticalOffset={"63vh"}
         progressPosition={0.25}
       >
-        <div css={Style.LabelStyle}>
-          <div>
-            在巴比伦最重要的街道Processional
-            Way两侧，排列着一百多块狮子釉砖，迈步狮纹镶板便是其中之一。这条路穿过伊什塔尔城门(Ishtar
-            Gate)，连接这座城市的宫殿及主要神庙。
-          </div>
+        <div>
+          在巴比伦最重要的街道Processional
+          Way两侧，排列着一百多块狮子釉砖，迈步狮纹镶板便是其中之一。这条路穿过伊什塔尔城门(Ishtar
+          Gate)，连接这座城市的宫殿及主要神庙。
         </div>
       </TimeLineLabelText>
 
@@ -82,11 +78,9 @@ export default function Section1(props) {
         verticalOffset={"63vh"}
         progressPosition={0.45}
       >
-        <div css={Style.LabelStyle}>
-          <div>
-            四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
 

src/view/Section10.jsx

@@ -18,29 +18,15 @@ export default function Section10(props) {
       enterTween={Action.crossFadeIn}
       exitTween={Action.pinForExit}
     >
-      <TimeLineLabelText
+     <TimeLineLabelText
         fade={0.01}
         verticalOffset={"23vh"}
-        duration={0.5}
+        duration={0.3}
         progressPosition={0.09}
       >
-        <div
-          css={css`
-            font-weight: 300;
-            font-size: 18px;
-            width: 50%;
-            max-width: 600px;
-            padding: 8px 12px;
-            margin-right: 20px;
-            margin-left: auto;
-            background: rgba(0, 0, 0, 0.7);
-            border-radius: 2px;
-          `}
-        >
-          <div>
-            测试文案： 四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
     </Viewer>

src/view/Section11.jsx

@@ -23,6 +23,18 @@ export default function Section11(props) {
         },
       }}
       exitTween={Action.pinForExit}
-    />
+    >
+      <TimeLineLabelText
+        fade={0.01}
+        verticalOffset={"23vh"}
+        duration={0.3}
+        progressPosition={0.09}
+      >
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
+        </div>
+      </TimeLineLabelText>
+    </Viewer>
   );
 }

src/view/Section12.jsx

@@ -9,12 +9,24 @@ export default function Section12(props) {
   const debug = props.debug || false;
   return (
     <Viewer
-    height={"800vh"}
-    name="Cone Steadi"
-    path="cone-steadi-10fps-873-rev1"
-    frameCount={256}
-    enterTween={Action.crossFadeIn}
-    exitTween={Action.pinForExit}
-  />
+      height={"800vh"}
+      name="Cone Steadi"
+      path="cone-steadi-10fps-873-rev1"
+      frameCount={256}
+      enterTween={Action.crossFadeIn}
+      exitTween={Action.pinForExit}
+    >
+      <TimeLineLabelText
+        fade={0.01}
+        verticalOffset={"23vh"}
+        duration={0.3}
+        progressPosition={0.09}
+      >
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
+        </div>
+      </TimeLineLabelText>
+    </Viewer>
   );
 }

src/view/Section17.jsx

@@ -1,5 +1,4 @@
 import { Action } from "../action";
-import { Style } from "../style/section";
 import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
@@ -19,15 +18,13 @@ export default function Section4(props) {
     >
       <TimeLineLabelText
         fade={0.01}
-        verticalOffset={"83vh"}
+        verticalOffset={"23vh"}
         duration={0.3}
-        progressPosition={0.05}
+        progressPosition={0.09}
       >
-        <div css={Style.LabelStyle}>
-          <div>
-            测试文案： 四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
     </Viewer>

src/view/Section3.jsx

@@ -1,6 +1,6 @@
 import { Action } from "../action";
 import Viewer from "../components/Viewer";
-import { Style } from "../style/section";
+
 import { TimeLineLabelText } from "../components/TimeLineText";
 
 export default function Section3(props) {
@@ -22,9 +22,7 @@ export default function Section3(props) {
         fade={0.1}
         progressPosition={0}
       >
-        <div css={Style.LabelStyle}>
-          美索不达米亚人认为，人乃为服务于神而造。
-        </div>
+        <div>美索不达米亚人认为，人乃为服务于神而造。</div>
       </TimeLineLabelText>
     </Viewer>
   );

src/view/Section4.jsx

@@ -1,5 +1,5 @@
 import { Action } from "../action";
-import { Style } from "../style/section";
+
 import Viewer from "../components/Viewer";
 
 import { TimeLineLabelText } from "../components/TimeLineText";
@@ -23,11 +23,9 @@ export default function Section4(props) {
         duration={0.3}
         progressPosition={0.05}
       >
-        <div css={Style.LabelStyle}>
-          <div>
-            测试文案： 四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
     </Viewer>

src/view/Section5.jsx

@@ -22,25 +22,10 @@ export default function Section4(props) {
         verticalOffset={"23vh"}
         duration={0.3}
         progressPosition={0.09}
-
       >
-        <div
-          css={css`
-            font-weight: 300;
-            font-size: 18px;
-            width: 50%;
-            max-width: 600px;
-            padding: 8px 12px;
-            margin-right: 20px;
-            margin-left: auto;
-            background: rgba(0, 0, 0, 0.7);
-            border-radius: 2px;
-          `}
-        >
-          <div>
-            测试文案： 四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
     </Viewer>

src/view/Section6.jsx

@@ -21,23 +21,9 @@ export default function Section6(props) {
         verticalOffset={"43vh"}
         progressPosition={0.05}
       >
-        <div
-          css={css`
-            font-weight: 300;
-            font-size: 18px;
-            width: 50%;
-            max-width: 600px;
-            padding: 8px 12px;
-            margin-right: 20px;
-            margin-left: auto;
-            background: rgba(0, 0, 0, 0.7);
-            border-radius: 2px;
-          `}
-        >
-          <div>
-            测试文案： 四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
     </Viewer>

src/view/Section8.jsx

@@ -17,29 +17,15 @@ export default function Section8(props) {
       enterTween={Action.crossFadeIn}
       exitTween={Action.pinForExit}
     >
-      <TimeLineLabelText
+    <TimeLineLabelText
         fade={0.01}
         verticalOffset={"23vh"}
-        duration={0.5}
+        duration={0.3}
         progressPosition={0.09}
       >
-        <div
-          css={css`
-            font-weight: 300;
-            font-size: 18px;
-            width: 50%;
-            max-width: 600px;
-            padding: 8px 12px;
-            margin-right: 20px;
-            margin-left: auto;
-            background: rgba(0, 0, 0, 0.7);
-            border-radius: 2px;
-          `}
-        >
-          <div>
-            测试文案： 四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
     </Viewer>

src/view/Section9.jsx

@@ -16,29 +16,15 @@ export default function Section8(props) {
       enterTween={Action.crossFadeIn}
       exitTween={Action.pinForExit}
     >
-      <TimeLineLabelText
+       <TimeLineLabelText
         fade={0.01}
         verticalOffset={"23vh"}
-        duration={0.5}
+        duration={0.3}
         progressPosition={0.09}
       >
-        <div
-          css={css`
-            font-weight: 300;
-            font-size: 18px;
-            width: 50%;
-            max-width: 600px;
-            padding: 8px 12px;
-            margin-right: 20px;
-            margin-left: auto;
-            background: rgba(0, 0, 0, 0.7);
-            border-radius: 2px;
-          `}
-        >
-          <div>
-            测试文案： 四维时代致力于人工智能三维数字化技术的.
-            研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
-          </div>
+        <div>
+          测试文案： 四维时代致力于人工智能三维数字化技术的.
+          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
         </div>
       </TimeLineLabelText>
     </Viewer>