From adc88bd9e76644badbbe006913addfa7cbe5d89c Mon Sep 17 00:00:00 2001
From: shixian.shi <shixian.shi@alibaba-inc.com>
Date: 星期四, 23 十一月 2023 20:40:15 +0800
Subject: [PATCH] Merge remote-tracking branch 'refs/remotes/origin/main' update contextual forward
---
web-pages/src/views/home/assets/css/banner.scss | 78 +++++++++++++++++++++++++++++++++++++++
1 files changed, 78 insertions(+), 0 deletions(-)
diff --git a/web-pages/src/views/home/assets/css/banner.scss b/web-pages/src/views/home/assets/css/banner.scss
new file mode 100644
index 0000000..2b89eb0
--- /dev/null
+++ b/web-pages/src/views/home/assets/css/banner.scss
@@ -0,0 +1,78 @@
+.banner-comp{
+ width: 100%;
+ height: p(942);
+ .swiper-container{
+ width: 100%;
+ height: 100%;
+ }
+ .swiper-pagination{
+ left: p(80);
+ width: p(15) !important;
+ top: 48% !important;
+ // overflow: initial;
+ .swiper-pagination-bullet{
+ width: p(15);
+ height: p(15) !important;
+ border-radius: p(3);
+ background: #1664ff !important;
+ opacity: 1
+ }
+ .swiper-pagination-bullet-active-next{
+ transform: scale(.33)
+ }
+ .swiper-pagination-bullet-active-prev{
+ transform: scale(.33)
+ }
+ }
+ .hiddenPagination{
+ .swiper-pagination{
+
+ display: none;
+ }
+ }
+ .item{
+ width: 100%;
+ height: 100%;
+ position: relative;
+ .banner-bg{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+ .content{
+ top: p(330);
+ left: p(216);
+ position: absolute;
+ z-index: 2;
+ display: flex;
+ flex-direction: column;
+ .yjqd{
+ letter-spacing: 3px;
+ color: #ffffff;
+ font-size: p(68);
+ }
+ .text{
+ font-size: p(17);
+ letter-spacing: 1px;
+ color: #d4d4d4;
+ }
+ .lxwm{
+ color: #ffffff;
+ font-size: p(16);
+ width: p(124);
+ height: p(38);
+ background-color: #165dff;
+ border-radius: 4px;
+ text-align: center;
+ line-height: p(38);
+ margin-top: p(33);
+ cursor: pointer;
+ }
+ .lxwm:hover{
+ background-color: #316fff;
+ }
+ }
+ }
+}
\ No newline at end of file
--
Gitblit v1.9.1