53 lines
1.7 KiB
Vue
53 lines
1.7 KiB
Vue
<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> |