vue+flipbook实现兼容手机书本翻页翻书效果代码

代码语言:html

所属分类:其他

代码描述:vue+flipbook实现兼容手机书本翻页翻书效果代码,点击可放大,支持手机端操作。

代码标签: vue flipbook 书本 翻页 翻书 手机

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>
  <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/flipbook.vue.js"></script>
   
 <style>
.flipbook {
  width: 90vw;
  height: 90vh;
}
</style>
</head>
<body>
    <div id="app">
     
  <flipbook  class="flipbook" :pages="['//repo.bfw.wiki/bfwrepo/image/5fb5e82a9230f.png', '//repo.bfw.wiki/bfwrep.........完整代码请登录后点击上方下载按钮下载查看

网友评论0