npm install vue-fullpage --save
import VueFullpage from 'vue-fullpage' Vue.use(VueFullpage)
var vueFullpage = require('vue-fullpage')
Vue.use(vueFullpage)
import VueFullpage from 'vue-fullpage' Vue.use(VueFullpage)
<div class="page-container"> <div v-page="opts" class="page-wp"> <div class="page page1"> <p class="part part1" v-animate="'slideIn'"> vue-fullpage </p> </div> <div class="page page2"> <p class="part part2" v-animate="'slideIn'"> vue-fullpage </p> </div> <div class="page page3"> <p class="part part3" v-animate="'slideIn'"> vue-fullpage </p> </div> <div class="page page4"> <p class="part part4" v-animate="'fadeIn'"> vue-fullpage </p> </div> </div> </div>
<script>
export default {
data () {
return {
opts: {
start: 0,
dir: 'v',
loop: false,
duration: 500,
stopPageScroll: true,
beforeChange: function (prev, next) {
},
afterChange: function (prev, next) {
}
}
}
}
}
</script>
<style>
.page-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
</style>
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有