From e02d6534d2dba4b8adcbb80e37cc77bf8bddd26c Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 09 三月 2022 16:50:48 +0800
Subject: [PATCH] update#136137: [諮詢度表現] 顧問詳細資訊API 前端調整串接
---
PAMapp/components/Ui/UiCarousel.vue | 27 ++++++++++++++++++++++-----
1 files changed, 22 insertions(+), 5 deletions(-)
diff --git a/PAMapp/components/Ui/UiCarousel.vue b/PAMapp/components/Ui/UiCarousel.vue
index 98a61a8..5f05473 100644
--- a/PAMapp/components/Ui/UiCarousel.vue
+++ b/PAMapp/components/Ui/UiCarousel.vue
@@ -1,18 +1,25 @@
<template>
<div>
<el-carousel
- :autoplay="true"
indicator-position="outside"
arrow="never"
trigger="click"
class="pam-home-carousel"
>
- <el-carousel-item class="banner-img">
+ <el-carousel-item class="banner-img-style banner1-img">
<div class="text--center mt-30 banner-info">
<h1 class="banner-title mb-10">�犖������“���</h1>
<p class="banner-txt text--PRIMARY_WHITE">����嚗�������</p>
<p class="banner-txt text--PRIMARY_WHITE">霈��鼠�敹恍�������“����</p>
<p class="banner-txt text--PRIMARY_WHITE">閫�瘙箔�憭批������嚗�銵���</p>
+ </div>
+ </el-carousel-item>
+
+ <el-carousel-item class="banner-img-style banner2-img">
+ <div class="text--center mt-30 banner-info">
+ <h1 class="banner-title mb-10">憭���撘�</h1>
+ <p class="banner-txt text--PRIMARY_WHITE">頛����憿批��</p>
+ <p class="banner-txt text--PRIMARY_WHITE">慦���“��蜓��蝜�</p>
</div>
</el-carousel-item>
</el-carousel>
@@ -29,13 +36,19 @@
</script>
<style lang="scss" scoped>
-.banner-img {
+.banner-img-style {
width: 100%;
height: 100%;
- background-image: url('~/assets/images/index_banner_mob.svg');
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');
}
.banner-info {
@@ -50,9 +63,13 @@
}
@media (min-width: 576px) {
- .banner-img {
+ .banner1-img {
background-image: url('~/assets/images/index_banner_web.svg');
}
+
+ .banner2-img {
+ background-image: url('~/assets/images/index_banner2_web.svg');
+ }
}
@include desktop {
--
Gitblit v1.8.0