Skip to content

F
fns_front_2
Commit 686a29d4 authored by chenqikuai's avatar chenqikuai
Browse files
Options

fix

parent c05f5261
Hide whitespace changes
Inline Side-by-side
Showing with 14 additions and 6 deletions
src/views/withMenu/Home/Banner/Banner.vue
View file @ 686a29d4
<template> <template>
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <div class="container relative">
<van-swipe-item v-for="(image, index) in bannerUrls" :key="index"> <div class="absolute w-full h-full">
<vantImage fit="cover" class="h-full w-full" :src="image" /> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
</van-swipe-item> <van-swipe-item v-for="(image, index) in bannerUrls" :key="index">
</van-swipe> <vantImage fit="cover" class="h-full w-full" :src="image" />
</van-swipe-item>
</van-swipe>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent, PropType } from "vue"; import { defineComponent, PropType } from "vue";
...@@ -28,8 +32,12 @@ export default defineComponent({ ...@@ -28,8 +32,12 @@ export default defineComponent({
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.container {
padding-bottom: 40%;
}
.my-swipe { .my-swipe {
height: 40vw; height: 100%;
} }
.my-swipe .van-swipe-item { .my-swipe .van-swipe-item {
color: #fff; color: #fff;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment