From 84efab848d77c44a7b46e06a12cbfee64e13e9c5 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期二, 30 十一月 2021 10:33:47 +0800
Subject: [PATCH] fixed: TODO#130845 推薦保險顧問: 伍夠勇跟左邊左右滑動疊到
---
PAMapp/components/Ui/UiCarousel.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 46 insertions(+), 8 deletions(-)
diff --git a/PAMapp/components/Ui/UiCarousel.vue b/PAMapp/components/Ui/UiCarousel.vue
index b726c82..98a61a8 100644
--- a/PAMapp/components/Ui/UiCarousel.vue
+++ b/PAMapp/components/Ui/UiCarousel.vue
@@ -1,17 +1,19 @@
<template>
<div>
<el-carousel
- height="260px"
:autoplay="true"
indicator-position="outside"
arrow="never"
trigger="click"
+ class="pam-home-carousel"
>
- <el-carousel-item
- v-for="(item, index) in 3"
- :key="index"
- >
- <h3>{{ item }}</h3>
+ <el-carousel-item class="banner-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>
</div>
@@ -27,7 +29,43 @@
</script>
<style lang="scss" scoped>
-.el-carousel__item {
- background-color: #d3dce6;
+.banner-img {
+ width: 100%;
+ height: 100%;
+ background-image: url('~/assets/images/index_banner_mob.svg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: bottom;
}
+
+.banner-info {
+ .banner-title {
+ @extend .title;
+ }
+
+ .banner-txt {
+ @extend .smTxt_bold;
+ line-height: 21px;
+ }
+}
+
+@media (min-width: 576px) {
+ .banner-img {
+ background-image: url('~/assets/images/index_banner_web.svg');
+ }
+}
+
+@include desktop {
+ .banner-info {
+ .banner-title {
+ font-size: 40px;
+ }
+
+ .banner-txt {
+ font-size: 18px;
+ line-height: 24px;
+ }
+ }
+}
+
</style>
\ No newline at end of file
--
Gitblit v1.8.0