style: v3

kasuie · Apr 25, 2024 · aeaf556 · aeaf556
1 parent 8c68480
commit aeaf556
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/v3/css/style.css b/v3/css/style.css
@@ -3,6 +3,7 @@
   --mio-text: 0, 0, 0;
   --mio-primary: 100, 209, 226;
   --mio-primary50: 63, 194, 214;
+  --mio-main-opacity: 0.3;
   --hope-colors-info9: rgba(var(--mio-primary), 1);
   --hope-colors-info4: rgba(var(--mio-primary), 1);
   --hope-colors-info5: rgba(var(--mio-primary50), 1);
@@ -13,6 +14,7 @@
     --mio-text: 255, 255, 255;
     --mio-primary: 100, 209, 226;
     --mio-primary50: 63, 194, 214;
+    --mio-main-opacity: 0.3;
     --hope-colors-info9: rgba(var(--mio-primary), 1);
     --hope-colors-info4: rgba(var(--mio-primary), 0.4);
     --hope-colors-info5: rgba(var(--mio-primary50), 0.4);
@@ -158,6 +160,10 @@ div#root div.header svg {
 
 /**内容部分*/
 
+div#root div.body {
+  min-height: calc(100vh - 102px);
+}
+
 /*导航部分*/
 div#root div.body nav.nav {
   color: #fff;
@@ -169,9 +175,9 @@ div#root div.body nav.nav::after {
 
 /*列表部分*/
 div#root div.body div.obj-box {
-  background-color: rgba(var(--mio-main), 0.3);
+  background-color: rgba(var(--mio-main), var(--mio-main-opacity));
   min-height: 300px;
-  max-height: calc(100vh - 180px);
+  max-height: calc(100vh - 170px);
   overflow-y: auto;
   backdrop-filter: blur(5px);
 }
@@ -206,7 +212,7 @@ div#root div.body div.obj-box span.hope-c-iojPKw svg {
 /*底部MD*/
 div#root div.body div.hope-c-PJLV-ikSuVsl-css,
 div#root div.body .hope-c-PJLV-iiuDLME-css {
-  background-color: rgba(var(--mio-main), 0.3);
+  background-color: rgba(var(--mio-main), var(--mio-main-opacity));
   backdrop-filter: blur(5px);
 }
 
@@ -217,7 +223,7 @@ div#root div.body .hope-c-PJLV-iiuDLME-css {
 
 /**侧边栏*/
 div#root div.body div.hope-c-PJLV-ieGWMbI-css {
-  background-color: rgba(var(--mio-main), 0.3);
+  background-color: rgba(var(--mio-main), var(--mio-main-opacity));
 }
 
 div#root div.body div.hope-c-PJLV-ieGWMbI-css p.hope-c-PJLV-iZZmce-css {
@@ -278,7 +284,7 @@ div.hope-spinner {
 
 /**menu下拉区域*/
 div.hope-menu__content {
-  background-color: rgba(var(--mio-main), 0.3);
+  background-color: rgba(var(--mio-main), var(--mio-main-opacity));
 }
 
 /**select下拉区域*/

diff --git a/v3/js/style.js b/v3/js/style.js
@@ -2,18 +2,18 @@
  * @Author: kasuie
  * @Date: 2024-04-24 15:35:59
  * @LastEditors: kasuie
- * @LastEditTime: 2024-04-25 21:07:29
+ * @LastEditTime: 2024-04-25 21:26:14
  * @Description:
  */
 let footer = false;
 
 const footerStyle = `
   .footer {
     position: fixed;
-    padding-top: 0;
     bottom: 0;
-    display: flex !important;
     padding-bottom: 10px;
+    padding-top: 10px;
+    display: flex !important;
   }
   .mio-footer-main {
     font-size: 14px;