【让制作微信H5像制作PPT一样简单】推荐一个微信H5宣传页模板WHB
发布于 22 天前 作者 panteng 1130 次浏览 最后一次编辑是 3 天前 来自 分享

Wechat-H5-Boilerplate

「让制作H5像制作PPT一样简单!」

Wechat-H5-Boilerplate(以下简称WHB)是一个H5动效模板,专门为微信优化,适合快速构建全屏滚动型H5宣传页。

例如让一段文字动起来只需要一行代码:

<p class="animated" data-ani-name="slideInRight" data-ani-duration="1s" data-ani-delay="0.3s">I'm a coder!</p>

效果图:

demo.jpg

实时预览:

使用手机访问下面的地址或扫描下方二维码

http://panteng.me/demos/whb

QR-Code.png

Github 地址:

https://github.com/panteng/wechat-h5-boilerplate

写在后面:

这个 H5 模板是我自己开发的,凝结了我在移动端开发的一些经验。开发这个项目的初衷是想将 H5 页面开发者从繁琐又无趣的项目准备工作和后期优化工作中解脱出来,将脏活累活交给机器去做,开发者只需要关心页面的逻辑和动画的控制。

我在开发文档中分享了一些我自己的心得和开发资源。如果你觉得我这个项目对你有意义,请在 Github 上 Star 支持一下,有 BUG 欢迎反馈,谢谢各位。

32 回复

👍赞特别好,楼主加油!

效果不错,加载很慢,建议优化下。音乐文件太大了,jQuery可以用zepto替换。 阿里有一个支持在线编辑的H5 Silder 可以参考一下。 https://github.com/aliyun-UED/open5

@welchwsy 感谢反馈,正准备把bgm弄小一些。

不错,给顶!d=====( ̄▽ ̄*)b

I‘m webapp-cnodejs-vue

火钳刘明,马了再说

哦~~不错。。。。。看名字 拼音 貌似只差一个字母。。。。恩 星 +1 ~

新版本已发布。 优化了代码结构和性能。 补充了更多的开发指南。 页面切换动画更加顺滑。

不错哦…楼主棒棒哒

readme写的很认真,详细介绍了其它知识,赞一个。

@ralcen 感谢支持,以后会继续完善。

不错,先存起来,有机会可以试试

回到顶部