滑动代码块 Spectacle-code-slide

MIT
JavaScript 查看源码»
OS X
2016-03-28
--谜--

Spectacle-code-slide是一个用JavaScript开发的滑动代码块。Spectacle-code-slide目前的代码风格:

安装:

$ npm install --save spectacle-code-slide

使用:

import CodeSlide from 'spectacle-code-slide';

export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle theme={theme}>
        <Deck transition={[]} transitionDuration={0} progress="bar">
          // ...
          <CodeSlide
            transition={[]}
            lang="js"
            code={require("raw!../assets/code.example")}
            ranges={[
              { loc: [0, 270], title: "Walking through some code" },
              { loc: [0, 1], title: "The Beginning" },
              { loc: [1, 2] },
              { loc: [1, 2], note: "Heres a note!" },
              { loc: [2, 3] },
              { loc: [4, 7] },
              { loc: [8, 10] },
              // ...
            ]}/>
          // ...
        </Deck>
      </Spectacle>
    );
  }
}
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

AndroidScreenSlide项目切换view动画效果《IT蓝豹》

一:Card Flip翻页立体效果,二:Screen Slide 左右切换view时候和新加载view呈现效果, 三:Layout Changes添加每一个item效果和删除每一个item效果。 四:Advanced Screen Slide切换viewp...

2015/11/09 10:37
51
0
android-slide-to-unlock 锁屏效果

android-slide-to-unlock 锁屏效果,这是一个模仿苹果"slide to unlock"动画的demo应用。代码比较简单,就是用android自带的着色器shader去drawText,根据不同的参数,设置着色器不同的着色位...

2015/09/07 15:33
72
0
高仿淘宝和聚美优品商城详情页实现《IT蓝豹》

android-vertical-slide-view高仿淘宝和聚美优品商城详情页实现,在商品详情页,向上拖动时,可以加载下一页。 使用ViewDragHelper,滑动比较流畅。 scrollView滑动到底部的时候,再行向上拖...

2015/11/06 10:18
498
0
android-image-slide-panel图片照片墙的加载和滑动特效

android-image-slide-panel图片照片墙的加载和滑动特效

2015/12/01 10:44
82
0
聊聊flink的window操作

序 本文主要研究一下flink的window操作 window DataStream flink-streaming-java_2.11-1.7.0-sources.jar!/org/apache/flink/streaming/api/datastream/DataStream.java public AllWindowedS...

01/01 11:54
37
0
2015最火十大Android开源项目,是个程序员你就该看看!

收集了2015年Android开发最火,最主流,应用最广的的十大开源项目...

2015/09/22 08:38
10
0
2015最火十大Android开源项目,是个程序员你就该看看!

收集了2015年Android开发最火,应用最广的的十大开源项目...

2015/09/16 20:39
460
0
2015最火十大Android开源项目,是个程序员你就该看看!《IT蓝豹》

2015最火十大Android开源项目,是个程序员你就该看看!

2015/10/10 11:43
91
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部