From 5b6f187fba1e8c49d0405db7b9e120fc645cf37c Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Mon, 11 Nov 2024 14:46:31 +0800
Subject: [PATCH] no message

---
 css/school.css  | 43 +++++++++++++++++++++++++++++++++++++++++++
 css/school.less | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 91 insertions(+)

diff --git a/css/school.css b/css/school.css
index 4a5b1ac..af2f9de 100644
--- a/css/school.css
+++ b/css/school.css
@@ -479,12 +479,55 @@
   font-size: 14px;
   color: #000000;
   cursor: pointer;
+  position: relative;
 }
 .content .body .right .h .sort .img {
   width: 20px;
   height: 20px;
   margin-left: 8px;
 }
+.content .body .right .h .sort .sort-mask {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 101;
+}
+.content .body .right .h .sort .sort-list {
+  width: 100%;
+  background-color: #ffffff;
+  border: 1px solid #e4e7ed;
+  border-radius: 10px;
+  box-shadow: 0 0 12px rgba(0, 0, 0, 0.078);
+  position: absolute;
+  top: 25px;
+  left: 50%;
+  z-index: 102;
+  transform: translateX(-50%);
+  animation: sortShow 0.3s;
+  overflow: hidden;
+}
+@keyframes sortShow {
+  0% {
+    height: 0;
+  }
+  100% {
+    height: 150px;
+  }
+}
+.content .body .right .h .sort .sort-list .sort-item {
+  height: 50px;
+  line-height: 50px;
+  text-align: center;
+}
+.content .body .right .h .sort .sort-list .sort-item:not(:last-of-type) {
+  border-bottom: 1px solid #e4e7ed;
+}
+.content .body .right .h .sort .sort-list .sort-item.pitch {
+  color: #9a9d02;
+  font-weight: 650;
+}
 .content .body .right .list {
   flex-wrap: wrap;
   justify-content: space-between;
diff --git a/css/school.less b/css/school.less
index f77e1b8..b96cd5a 100644
--- a/css/school.less
+++ b/css/school.less
@@ -543,6 +543,54 @@
                         height: 20px;
                         margin-left: 8px;
                     }
+
+                    position: relative;
+                    .sort-mask {
+                        width: 100vw;
+                        height: 100vh;
+                        position: fixed;
+                        top: 0;
+                        left: 0;
+                        z-index: 101;
+                    }
+                    .sort-list {
+                        width: 100%;
+                        background-color: #ffffff;
+                        border: 1px solid #e4e7ed;
+                        border-radius: 10px;
+                        box-shadow: 0 0 12px rgba(0, 0, 0, 0.078);
+                        position: absolute;
+                        top: 25px;
+                        left: 50%;
+                        z-index: 102;
+                        transform: translateX(-50%);
+                        animation: sortShow 0.3s;
+                        overflow: hidden;
+
+                        @keyframes sortShow {
+                            0% {
+                                height: 0;
+                            }
+
+                            100% {
+                                height: 150px;
+                            }
+                        }
+
+                        .sort-item {
+                            height: 50px;
+                            line-height: 50px;
+                            text-align: center;
+                            &:not(:last-of-type) {
+                                border-bottom: 1px solid #e4e7ed;
+                            }
+
+                            &.pitch {
+                                color: #9a9d02;
+                                font-weight: 650;
+                            }
+                        }
+                    }
                 }
             }