在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:web-slide开源软件地址:https://gitee.com/wings-j/web-slide开源软件介绍:web-slide用于生成网页幻灯片的 Node 程序,由多个输入文件(html、css、js、json),最终输出为一个 HTML 文件。 安装npm install --global @wings-j/web-slide 示例右下角的按钮可翻页。 示例源文件可见demo。 使用方法
web-slide 运行成功后在工作目录下会 观察模式: web-slide --watch 输入所有输入(配置、幻灯片、资源)放置在 input 文件中。 配置配置文件类型为 JSON,默认名称为 $config.json 。 配置项可见:./src/config/runtime.js 全局脚本全局脚本会在 DOMContentLoad 后执行,默认名称为 $config.js。 模块可使用 CommonJs 和 ES 模块方式引入。 全局样式全局样式会应用到所有幻灯片中,默认名称为 $config.css 。在$config.css 中设置 内置的 id 和 class 使用大坨峰和连字符命名,自定义的 id 和 class 建议使用小拓峰和连字符命名。 幻灯片幻灯片以 HTML 文件组织,一个 HTML 文件代表一张幻灯片。 幻灯片以 HTML 的名称排序。 模板<body></body><style></style><script></script> body、style、script 的内容会被提取并添加到页面中。 APIBroadcast(广播,详见:./src/web/core/broadcast/index.js),会触发事件:
样式详见 ./src/web/style。 |
请发表评论