From 8bd6a66a872a31fc3aab7480a4773219eb184d4d Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Mon, 11 Nov 2024 14:32:24 +0800
Subject: [PATCH] no message

---
 css/subject.css   | 15 ++++++++++++++-
 css/subject.less  | 19 ++++++++++++++++++-
 html/subject.html |  2 +-
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/css/subject.css b/css/subject.css
index 1cd52e0..97b1d26 100644
--- a/css/subject.css
+++ b/css/subject.css
@@ -138,7 +138,6 @@
 .body .right .h .item.sort .sort-mask {
   width: 100vw;
   height: 100vh;
-  background-color: #000000;
   position: fixed;
   top: 0;
   left: 0;
@@ -155,6 +154,16 @@
   left: 50%;
   z-index: 102;
   transform: translateX(-50%);
+  animation: sortShow 0.3s;
+  overflow: hidden;
+}
+@keyframes sortShow {
+  0% {
+    height: 0;
+  }
+  100% {
+    height: 150px;
+  }
 }
 .body .right .h .item.sort .sort-list .sort-item {
   height: 50px;
@@ -164,6 +173,10 @@
 .body .right .h .item.sort .sort-list .sort-item:not(:last-of-type) {
   border-bottom: 1px solid #e4e7ed;
 }
+.body .right .h .item.sort .sort-list .sort-item.pitch {
+  color: #9a9d02;
+  font-weight: 650;
+}
 .body .right .h .item .img-sort {
   width: 20px;
   height: 20px;
diff --git a/css/subject.less b/css/subject.less
index 3abe624..58eb8f5 100644
--- a/css/subject.less
+++ b/css/subject.less
@@ -146,7 +146,6 @@
                     .sort-mask {
                         width: 100vw;
                         height: 100vh;
-                        background-color: #000000;
                         position: fixed;
                         top: 0;
                         left: 0;
@@ -163,6 +162,19 @@
                         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;
@@ -170,6 +182,11 @@
                             &:not(:last-of-type) {
                                 border-bottom: 1px solid #e4e7ed;
                             }
+
+                            &.pitch {
+                                color: #9a9d02;
+                                font-weight: 650;
+                            }
                         }
                     }
                 }
diff --git a/html/subject.html b/html/subject.html
index 15c975d..7323193 100644
--- a/html/subject.html
+++ b/html/subject.html
@@ -50,7 +50,7 @@
                             <div class="item flexacenter sort">
                                 学费由低到高
                                 <img class="img-sort" src="/img/sort-icon.png" />
-                                <template v-if="sortState">
+                                <template v-if="!sortState">
                                     <div class="sort-mask"></div>
                                     <div class="sort-list">
                                         <div class="sort-item pitch">排名由高到低</div>