<template>
????<swiper?:options="swiperOption">
????????<swiper-slide>
????????????<h3?align="center"?style="color:#FFFFFF"><???本周收入(金幣)???></h3>
????????</swiper-slide>
????????<swiper-slide>2</swiper-slide>
????????<div?class="swiper-pagination"?slot="pagination"></div>
????</swiper>
</template>
<script>
import?Vue?from?'vue'
import?{swiper,swiperSlide}?from?'vue-awesome-swiper'
import?myschart?from?'./my-Schart.vue';
export?default?{
????name:?'carrousel',
????data()?{
????????return?{
????????????swiperOption:?{
????????????????autoplay:?3000,
????????????????direction:?'horizontal',
????????????????pagination:?'.swiper-pagination',
????????????????observeParent:?true
????????????}
????????}
????},
??components:?{?myschart,?swiper,?swiperSlide?}
}
</script>
<style>
</style>另外上面的空白條該如何去掉呢？body的margin和padding已經設為0，在app.vue里引入的背景圖片
vue-awesome-swiper，設置的水平滑動，兩個slide上下垂直出現，可以水平滑動但第二頁為空
慕粉2219459719
2017-08-17 15:58:04
