VUE翻书效果(turn.js,仿真折角过渡)

1、效果图

2、turn.js下载

http://www.turnjs.com/icon-default.png?t=M85Bhttp://www.turnjs.com/

3、安装JQ

turn.js依赖JQ库,安装JQ,vue工程安装JQ

npm install jquery --save

4、使用的dom引入JQ,再引入turn.js

import $ from 'jquery'
import turn from '@/utils/turn.js'

5、完整JS 

6、完整翻书示例

VUE翻书效果(vue+ turn.js 实现翻书效果)vue+ turn.js 实现翻书效果单页/双页http://www.demodashi.com/demo/19089.html

你可能感兴趣的:(前端,vue,javascript,vue.js,开发语言)