From 3a2f6693a164d292df648f22afaa152cf5b747be Mon Sep 17 00:00:00 2001
From: bltcn <bltcn@163.com>
Date: 星期一, 19 八月 2024 13:36:13 +0800
Subject: [PATCH] donate list (#2022)

---
 web-pages/src/views/home/assets/css/banner.scss |  189 +++++++++++++++++++++++++++++++----------------
 1 files changed, 125 insertions(+), 64 deletions(-)

diff --git a/web-pages/src/views/home/assets/css/banner.scss b/web-pages/src/views/home/assets/css/banner.scss
index 2b89eb0..4b765a2 100644
--- a/web-pages/src/views/home/assets/css/banner.scss
+++ b/web-pages/src/views/home/assets/css/banner.scss
@@ -1,78 +1,139 @@
-.banner-comp{
+.banner-comp {
     width: 100%;
     height: p(942);
-    .swiper-container{
+    .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%;
-    }
-    .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
+      }
+      .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);
         }
-        .swiper-pagination-bullet-active-next{
-            transform: scale(.33)
+        .text {
+          font-size: p(17);
+          letter-spacing: 1px;
+          color: #d4d4d4;
         }
-        .swiper-pagination-bullet-active-prev{
-            transform: scale(.33)
+        .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;
         }
-    }
-    .hiddenPagination{
-        .swiper-pagination{
-
-            display: none;
+        .lxwm:hover {
+          background-color: #316fff;
         }
-    }
-    .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;
+  
+        .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-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;
+            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);
-                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;
+                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;
+                }
+              }
             }
-            .lxwm:hover{
-                background-color: #316fff;
+            &:after {
+              content: "";
+              width: p(118);
+              height: 0;
             }
+          }
         }
+      }
     }
-}
\ No newline at end of file
+  }
+  

--
Gitblit v1.9.1