Merge branch 'Phase3' of ssh://192.168.0.10:29418/pcalife/PAM into Phase3

Tomas

2022-07-29 374d0d0ecc9b4e6d04ae4863acd001802a597579

 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>