55 lines
842 B
Vue
55 lines
842 B
Vue
|
<!--
|
|||
|
|
@name: index
|
|||
|
|
@author: kahu4
|
|||
|
|
@date: 2023-11-02 16:10
|
|||
|
|
@description：index
|
|||
|
|
@update: 2023-11-02 16:10
|
|||
|
|
-->
|
|||
|
|
<script setup>
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<view class="banner-container">
|
|||
|
|
<swiper
|
|||
|
|
class="swiper"
|
|||
|
|
circular
|
|||
|
|
indicator-dots
|
|||
|
|
autoplay
|
|||
|
|
>
|
|||
|
|
<swiper-item v-for="item in 10">
|
|||
|
|
<view class="swiper-item">
|
|||
|
|
<image
|
|||
|
|
src="@/static/images/banner.png"
|
|||
|
|
mode="aspectFit"
|
|||
|
|
/>
|
|||
|
|
</view>
|
|||
|
|
</swiper-item>
|
|||
|
|
</swiper>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style
|
|||
|
|
scoped
|
|||
|
|
lang="scss"
|
|||
|
|
>
|
|||
|
|
.banner-container {
|
|||
|
|
padding: 0 35rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-radius: 15rpx;
|
|||
|
|
|
|||
|
|
.swiper {
|
|||
|
|
height: 340rpx;
|
|||
|
|
|
|||
|
|
.swiper-item {
|
|||
|
|
height: 340rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|