<view class="content">
<view class="hoojuin">
<view class="hoojuins">
<view class="lontrrop">
<image src="../../static/index/laba.png" mode=""></image>
</view>
<view class="footersoop">
<!-- 这是纵向滚动,要是横向滚动把vertical="true"去掉 -->
<swiper class="swiper" circular vertical="true" :autoplay="autoplay" :interval="interval" :duration="duration">
<swiper-item v-for="(item,index) in background" :key="index">
<view class="swiper-item">{{item}}</view>
</swiper-item>
</swiper>
</view>
</view>
</view>
</view>
<script>
export default {
data() {
return {
background: ['111','222','333','444','555'],
autoplay: true,
interval: 2000,
duration: 500,
};
},
onLoad() {},
methods: {
}
};
</script>
<style>
.content{
width: 100%;
height: 100%;
min-height: 1220rpx;
}
.hoojuin {
width: 92%;
height: auto;
background-color: white;
padding: 0 15rpx;
margin: 0 auto;
}
.hoojuins {
width: 100%;
height: 70rpx;
line-height: 70rpx;
background-color: #ffffff;
display: flex;
}
.lontrrop {
width: 15%;
height: 70rpx;
}
.lontrrop image {
width: 60rpx;
height: 50rpx;
margin: 10rpx 20rpx;
}
.footersoop {
width: 100%;
height: 70rpx;
margin-left: 10rpx;
}
.swiper {
height: 70rpx;
}
.swiper-item {
height: 70rpx;
line-height: 70rpx;
font-size: 28rpx;
color: #29cdba;
}
</style>