初始提交
This commit is contained in:
53
components/index/indexSwiper.vue
Normal file
53
components/index/indexSwiper.vue
Normal file
@@ -0,0 +1,53 @@
|
||||
<template> <!-- 轮播图 -->
|
||||
<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" >
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A1.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A2.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A3.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A4.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A5.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A6.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A7.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A8.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
<swiper-item>
|
||||
<view class="swiper-item"></view>
|
||||
<image class='swiper-img' src="../../static/image/A9.png" mode="widthFix"></image>
|
||||
</swiper-item>
|
||||
|
||||
</swiper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style scoped> /* 局部css */
|
||||
|
||||
.swiper-img {
|
||||
width: 280rpx;
|
||||
height: 280rpx;
|
||||
margin-left: 240rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user