From 374d0d0ecc9b4e6d04ae4863acd001802a597579 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期五, 29 七月 2022 12:53:20 +0800 Subject: [PATCH] Merge branch 'Phase3' of ssh://192.168.0.10:29418/pcalife/PAM into Phase3 --- PAMapp/components/Ui/UiCarousel.vue | 31 +++++++++++++++++++++++++++++++ 1 files changed, 31 insertions(+), 0 deletions(-) diff --git a/PAMapp/components/Ui/UiCarousel.vue b/PAMapp/components/Ui/UiCarousel.vue index 993b23b..5bf0867 100644 --- a/PAMapp/components/Ui/UiCarousel.vue +++ b/PAMapp/components/Ui/UiCarousel.vue @@ -23,6 +23,10 @@ <p class="banner-txt text--PRIMARY_WHITE">慦���“��蜓��蝜�</p> </div> </el-carousel-item> + + <el-carousel-item class="banner-img-style2 banner3-img"> + </el-carousel-item> + </el-carousel> </div> </template> @@ -44,12 +48,25 @@ background-size: cover; background-position: bottom; } +.banner-img-style2 { + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-size: cover; + background-position: bottom; +} + .banner1-img { background-image: url('~/assets/images/index_banner_mob.svg'); } .banner2-img { background-image: url('~/assets/images/index_banner2_mob.svg'); +} + +.banner3-img { + background-image: url('~/assets/images/index_banner3_mob.svg'); + background-color: #e08885; } .banner-info { @@ -71,6 +88,11 @@ .banner2-img { background-image: url('~/assets/images/index_banner2_web.svg'); } + + .banner3-img { + background-image: url('~/assets/images/index_banner3_web1.svg'); + +} } @include desktop { @@ -84,6 +106,15 @@ line-height: 24px; } } +.banner-img-style2 { + width:100%; + height: 100%; + background-repeat: no-repeat; + background-size: contain; + background-position: center; + display: block; + margin: auto; +} } </style> -- Gitblit v1.8.0