getty-show/src/view/Section10.jsx

import { Action } from "../action";
import { css } from "@emotion/react";
import Viewer from "../components/Viewer";

import { TimeLineLabelText } from "../components/TimeLineText";

export default function Section10(props) {
  // eslint-disable-next-line react/prop-types
  const debug = props.debug || false;

  return (
    <Viewer
      height={"300vh"}
      debug={debug}
      name="Dictionary Render"
      path="dictionary-render-10fps-873-rev1"
      frameCount={45}
      pause={{ 45: 20 }}
      enterTween={Action.crossFadeIn}
    >
      <TimeLineLabelText
        fade={0.01}
        verticalOffset={"23vh"}
        duration={0.6}
        progressPosition={0.29}
      >
        <div>
          测试文案： Section10 四维时代致力于人工智能三维数字化技术的.
          研究与应用，以实现“数字万物”为愿景. 让数字化飞入寻常百姓家。
        </div>
      </TimeLineLabelText>
    </Viewer>
  );
}