2

我用spectacle构建了一个演示幻灯片，并添加了spectacle-code-slide一切正常，但高度<CodeSlide>非常小。与此示例相比，它不是全屏

有人有这个问题吗？

片段

 <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组件上的所有转换。评论寻求帮助。

4

1 回答 1

1

我自己正在使用此工具进行演示，并且今天遇到了这个确切的问题。我尝试了幻灯片属性以使其工作，并注意到过渡发生了一些奇怪的事情。

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

希望这对你有用。

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

于 2017-03-28T23:52:24.197 回答