Commit 686a29d4 authored by chenqikuai's avatar chenqikuai

fix

parent c05f5261
<template> <template>
<div class="container relative">
<div class="absolute w-full h-full">
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
<van-swipe-item v-for="(image, index) in bannerUrls" :key="index"> <van-swipe-item v-for="(image, index) in bannerUrls" :key="index">
<vantImage fit="cover" class="h-full w-full" :src="image" /> <vantImage fit="cover" class="h-full w-full" :src="image" />
</van-swipe-item> </van-swipe-item>
</van-swipe> </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