更新记录

1.0.0(2020-09-17)

3d翻页效果,书本效果,模拟真实翻页效果

book:{ "id":"234324", "bookName":"格林童话", "bookType":1, "coverFrontImg":"/static/course/demo-book-1.jpg", "coverBackImg":"/static/course/page-img.png", "pages":[ { "showType":2, "imgUrl":"", "content":" 《格林童话》是18世纪初两位德国历史学家兼语言学家搜集整理的民间传说、童话故事集,他们是一对彼此极友爱的兄弟——雅各·格林和威廉·格林,后人习惯称呼他们格林兄弟。格林童话里的故事不但征服了德国的孩子们,也让全世界的孩子们这么长久地为之着迷。", "mp3":"http://music.163.com/song/media/outer/url?id=27901793.mp3", "pageNum":1 }, { "showType":1, "imgUrl":"/static/course/demo-book.jpg", "content":"", "mp3":"", "pageNum":2 }, { "showType":3, "imgUrl":"/static/course/demo-book-1.jpg", "content":"从前有个可爱的小姑娘,谁见了都喜欢,但最喜欢她的是她的奶奶,简直是她要什么就给她什么。", "mp3":"http://m10.music.126.net/20200917160904/eff29f486ee523a10449c6c6298f902c/ymusic/6c3e/4e3d/0792/a7d45cbc35069e0fe9b100b85edb0f31.mp3", "pageNum":3 }, { "showType":2, "imgUrl":"", "content":" 《格林童话》是18世纪初两位德国历史学家兼语言学家搜集整理的民间传说、童话故事集,他们是一对彼此极友爱的兄弟——雅各·格林和威廉·格林,后人习惯称呼他们格林兄弟。格林童话里的故事不但征服了德国的孩子们,也让全世界的孩子们这么长久地为之着迷。", "mp3":"http://music.163.com/song/media/outer/url?id=27907941.mp3", "pageNum":4 }, { "showType":1, "imgUrl":"/static/course/demo-book.jpg", "content":"", "mp3":"", "pageNum":5 }, { "showType":3, "imgUrl":"/static/course/demo-book-2.jpg", "content":"一天,妈妈对小红帽说:“来,小红帽,这里有一块蛋糕和一瓶葡萄酒,快给奶奶送去,奶奶生病了,身子很虚弱,吃了这些就会好一些的。", "mp3":"http://music.163.com/song/media/outer/url?id=28875230.mp3", "pageNum":6 } ] }


平台兼容性

Vue App 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 快应用
vue2 2.8.0 app-vue × × × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

3d书本翻页效果

  • 只需要提供json数据便可生成3d翻页效果的图书
  • 采用css3 的3d样式实现
  • 可播放mp3
  • 可录音

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问