From 376467b1561ec1e1b73b018c6a2c0fefd52f9167 Mon Sep 17 00:00:00 2001
From: bltcn <bltcn@163.com>
Date: 星期二, 27 八月 2024 14:30:59 +0800
Subject: [PATCH] update web (#2034)
---
web-pages/src/views/home/assets/css/banner.scss | 269 +++++++++++++++++++++++++++--------------------------
1 files changed, 137 insertions(+), 132 deletions(-)
diff --git a/web-pages/src/views/home/assets/css/banner.scss b/web-pages/src/views/home/assets/css/banner.scss
index 4b765a2..e0d1444 100644
--- a/web-pages/src/views/home/assets/css/banner.scss
+++ b/web-pages/src/views/home/assets/css/banner.scss
@@ -2,138 +2,143 @@
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(0.33);
- }
- .swiper-pagination-bullet-active-prev {
- transform: scale(0.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;
- }
-
- .jzmd-wrap {
- margin-top: p(63);
- .jzmd-title {
- position: relative;
- line-height: 1;
- padding-bottom: p(15);
- margin-bottom: p(21);
- font-size: p(22);
- font-weight: 700;
- color: #ffffff;
-
- &::after {
- content: "";
- position: absolute;
- bottom: 0;
- left: 0;
- width: 2em;
- height: p(2);
- background-color: #aeaeb7;
- border-radius: p(2);
- }
- }
- .jzmd-content {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- width: p(294);
- .jzmd-item {
- display: flex;
- align-items: center;
- justify-content: space-between;
- width: p(118);
- line-height: 1;
- margin-bottom: p(26);
- .name {
- font-size: p(16);
- color: #ffffff;
- }
- .num-text {
- display: flex;
- align-items: baseline;
- align-items: baseline;
- .text {
- font-size: p(18);
- color: #ffffff;
- }
- .unit {
- font-size: p(14);
- color: #ffffff;
- }
- }
- }
- &:after {
- content: "";
- width: p(118);
- height: 0;
- }
- }
- }
- }
}
- }
-
+ .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(0.33);
+ }
+ .swiper-pagination-bullet-active-prev {
+ transform: scale(0.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;
+ }
+
+ .jzmd-wrap {
+ margin-top: p(63);
+ .jzmd-title {
+ position: relative;
+ line-height: 1;
+ padding-bottom: p(15);
+ margin-bottom: p(21);
+ font-size: p(22);
+ font-weight: 700;
+ color: #ffffff;
+
+ &::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 2em;
+ height: p(2);
+ background-color: #aeaeb7;
+ border-radius: p(2);
+ }
+ }
+ .jzmd-content {
+ width: p(294);
+ height: p(207);
+ margin-left: 0;
+
+ .jzmd-row {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ .jzmd-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: p(118);
+ line-height: 1;
+ margin-bottom: p(26);
+ .name {
+ font-size: p(16);
+ color: #ffffff;
+ }
+ .num-text {
+ display: flex;
+ align-items: baseline;
+ align-items: baseline;
+ .text {
+ font-size: p(18);
+ color: #ffffff;
+ }
+ .unit {
+ font-size: p(14);
+ color: #ffffff;
+ }
+ }
+ }
+ &:after {
+ content: '';
+ width: p(118);
+ height: 0;
+ }
+ }
+ }
+ }
+ }
+}
--
Gitblit v1.9.1