眼镜代码幻灯片小高度

Question

我用 spectacle and I added spectacle-code-slide everything is working but the height of <CodeSlide> is really small. It's not fullscreen compare to this example

制作了演示幻灯片

有人遇到过这个问题吗？

片段

 <Deck transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
    ....
    <CodeSlide
      lang="js"
      code={require("raw-loader!../assets/code")}
      ranges={[
        { loc: [0, 1], title: "Importing React" },
        { loc: [2, 30] }, //TodoList Component
        { loc: [4, 12], title: "Contructor Method" },
        { loc: [13, 25], title: "Render Method" },
        { loc: [14, 17] }, //Creating TodoItem by mapping through the list
        { loc: [18, 24] },
        { loc: [26, 29], title: "addEvent Method" },
        { loc: [31, 36], title: "TodoItem Component" },
        { loc: [37, 72] }, //NewTodoItem Component
        { loc: [39, 47] }, //Contructor Method
        { loc: [48, 51] }, //componentDidMount
        { loc: [52, 63] }, //render
        { loc: [64, 69] }, //onChange
        { loc: [70, 75] }, //onSubmit
        { loc: [77, 78], title: "Rendering component in the DOM" },
      ]}
    />
 </Deck>

编辑：对于遇到问题的任何人，请删除 Deck 组件上的所有过渡。评论求助。

Answer 1

我自己正在使用此工具进行演示，今天遇到了这个问题。我玩弄了幻灯片属性，试图让它发挥作用，并注意到过渡时发生了一些奇怪的事情。

它没有在任何地方记录，但显然为了让 CodeSlide 工作，Deck 容器在其转换时应该有一个空数组属性。

希望这对你有用。

编辑：如果有任何过渡，代码幻灯片本身似乎也无法工作。不确定这是否一直以这种方式工作，或者它是否被更新的依赖关系破坏了。

眼镜代码幻灯片小高度

spectacle-code-slide small height

javascript

reactjs

spectacle