vue-flip-page私有库
Go to file
harriet 7f9ac803fb second commit 2020-02-03 21:36:54 +08:00
dist first commit 2020-02-03 21:34:20 +08:00
src first commit 2020-02-03 21:34:20 +08:00
.babelrc first commit 2020-02-03 21:34:20 +08:00
.npmignore first commit 2020-02-03 21:34:20 +08:00
LICENSE Initial commit 2020-02-03 21:32:58 +08:00
README.md second commit 2020-02-03 21:36:54 +08:00
package.json second commit 2020-02-03 21:36:54 +08:00
webpack.config.js first commit 2020-02-03 21:34:20 +08:00

README.md

vue-flip-page

vue翻页组件

方法 change (改变页面) tap  (点击) turning (正在翻页) prev (前一页) next (后一页) 翻到指定页面:

handleSwitchManual(index) { if (index === this.currentIndex) return; this.$refs["turn"].toPage(index); this.currentIndex = index; this.goods_id = this.manuals[this.currentIndex].goods_id; this.show = false; },

传入参数:

参数 type example describe
width number 375 宽度
height number 667 高度
data Array [ { "picture_image": "https://dev8.yunzmall.com/static/upload/image/8a2b418254cf521ff3e668fa33ac07ee.png", }, { "picture_image": "https://dev8.yunzmall.com/static/upload/image/e7cf7880531ff9cbb91902630c808359.png", }] 传入的数据

npm包  npm install vue-flip-page

在需要用到的页面中(注意 一个页面目前只能引入一次)

import flipPage from "vue-flip-page";

components: { flipPage }

例子:

效果: