Add files via upload

Lukoning · Aug 14, 2024 · 1b0a467 · 1b0a467
1 parent 5c6111f
commit 1b0a467
Show file tree

Hide file tree

Showing 5 changed files with 528 additions and 184 deletions.
diff --git a/audioEffect.js b/audioEffect.js
@@ -10,11 +10,13 @@ function refreshCss() {
     var rswCaches = JSON.parse(localStorage.getItem("RswColorCaches"));
     var cssIn = `  /*某些class会在主题变化后变动*/
     :root { /*整体*/
-        --rsw-accent-color: ` + rswCaches.accentColor + `;
-        --rsw-text-color: ` + rswCaches.accentTextColor + `;
-        --rsw-bg-color: ` + rswCaches.bgColor + `;
-        --rsw-bg-color-trans: ` + rswCaches.bgColorTrans + `;
+        --rsw-accent-color: ${rswCaches.accentColor};
+        --rsw-text-color: ${rswCaches.accentTextColor};
+        --rsw-bg-color: ${rswCaches.bgColor};
+        --rsw-bg-color-trans: ${rswCaches.bgColorTrans};
         --rsw-trans-color: rgba(127, 127, 127, 0.1);
+        --rsw-timing-function-in: cubic-bezier(.34, .68, 0, 1);
+        --rsw-timing-function-out: cubic-bezier(1, 0, .68, .34);
         --themeC1: var(--rsw-accent-color);
     }
     @keyframes inBody { /*别想多*/
@@ -46,6 +48,7 @@ function refreshCss() {
         background: var(--rsw-trans-color);
         border-bottom: 1px solid var(--rsw-accent-color);
         box-shadow: inset 0 -5px 4px -5px var(--rsw-accent-color);
+        backdrop-filter: blur(12px);
     }
     div.title { /*“音效”*/
         display: none;
@@ -55,10 +58,13 @@ function refreshCss() {
         top: 10px;
     }
     @keyframes navBarSelected {
-        0% {
+        0%, 33.3% {
             height: 1px;
             box-shadow: 0 0 4px 0 var(--rsw-accent-color);
         }
+        33.3% {
+            height: 44px;
+        }
     }
     #root nav a { /*导航栏项*/
         color: var(--rsw-text-color);
@@ -79,32 +85,30 @@ function refreshCss() {
         height: 44px;
         line-height: 45px;
         color: var(--rsw-accent-color);
-        background: var(--rsw-bg-color);
         border: 1px solid var(--rsw-accent-color);
-        border-bottom: 0;
         box-shadow:
-            0 -4px 3px -4px var(--rsw-accent-color), /*上*/
-            4px 0 3px -4px var(--rsw-accent-color), /*右*/
-            -4px 0 3px -4px var(--rsw-accent-color); /*左*/
-        animation: navBarSelected .1s 1;
+            0 0 4px 0 var(--rsw-accent-color), /*其他*/
+            inset 0 -6px 5px -5px var(--rsw-accent-color); /*下*/
+        animation: navBarSelected .3s 1;
         transition: .1s;
     }
     #root nav a.z-sel:hover { /*导航栏选中项（鼠标移上）*/
         box-shadow:
-            0 -5px 3px -4px var(--rsw-accent-color), /*上*/
-            5px 0 3px -4px var(--rsw-accent-color), /*右*/
-            -5px 0 3px -4px var(--rsw-accent-color); /*左*/
+            0 0 6px 0 var(--rsw-accent-color), /*其他*/
+            inset 0 -8px 4px -5px var(--rsw-accent-color); /*下*/
+        transition: .1s;
     }
     #root nav a.z-sel:active { /*导航栏选中项（鼠标按下）*/
-        box-shadow: #0000;
+        box-shadow: inset 0 -8px 6px -5px var(--rsw-accent-color); /*下*/
+        transition: .1s;
     }
-    #root nav a.z-sel::before { /*导航栏选中项下划线*/
+    #root nav a.z-sel::before { /*抓条下划线，缩水变小看不见*/
         display: none;
     }
     #root .dlxBYs { /*开关栏*/
         right: 50px;
     }
-    span.title { /*开关左侧小标题*/
+    #root span.title { /*开关左侧小标题*/
         cursor: default;
         overflow: unset;
         max-width: unset;
@@ -117,7 +121,7 @@ function refreshCss() {
     div[type="button"]::after { /*开关内部小球球*/
     }
     div[type="button"][aria-checked="true"]::after { /*开关内部小球球（开启版）*/
-        background-color: var(--rsw-bg-color);
+        background: ${rswCaches.bgColor}; /*没法用CSS变量…*/
     }
     #root > div > span { /*关闭按钮*/
         top: 16px;
@@ -130,6 +134,12 @@ function refreshCss() {
     #root > div > span:hover svg { /*关闭按钮svg （鼠标移上）*/
         fill: var(--rsw-accent-color);
     }
+    #root > div > div:last-child { /*音效页*/
+        height: 440px;
+        top: -54px;
+        padding-top: 69px;
+        z-index: -1;
+    }
     #root .jrSfld { /*音效选块*/
         background: #0000;
         border-radius: 12px;
@@ -210,24 +220,25 @@ function refreshCss() {
         display: block;
         border-color: var(--rsw-accent-color);
         border-radius: 10px;
-        background: var(--rsw-bg-color-trans);
+        background: #0000;
         backdrop-filter: blur(8px);
         box-shadow: 0 0 3px 0 var(--rsw-accent-color);
-        transition: .2s;
+        transition: .3s var(--rsw-timing-function-in);
     }
     #root div.select-type:hover { /*下拉菜单（鼠标移上）*/
         box-shadow: 0 0 6px 0 var(--rsw-accent-color);
     }
     #root div.select-type.f-dn { /*下拉菜单（隐藏版）*/
-        top: 0;
+        top: 30px;
         max-height: 0;
         opacity: 0;
+        transition: .2s var(--rsw-timing-function-out);
     }
     #root div.select-type.top { /*下拉菜单（贴底版）*/
         top: -125px;
     }
     #root div.select-type.top.f-dn { /*下拉菜单（贴底隐藏版）*/
-        top: 30px;
+        top: 0;
         max-height: 0;
         opacity: 0;
     }
@@ -254,10 +265,15 @@ function refreshCss() {
         background: #8888 !important;
     }
     .has .ctrl .val { /*条条的工具提示*/
-        color: var(--rsw-bg-color);
-        background: var(--rsw-accent-color);
+        color: var(--rsw-text-color);
+        border: 1px solid var(--rsw-accent-color);
+        border-radius: 8px;
+        background: #0000;
+        backdrop-filter: blur(4px);
+        box-shadow: 0 0 3px 0 var(--rsw-accent-color);
     }
     .has .ctrl .val::after { /*条条的工具提示之向下箭头*/
+        top: 24px;
         border-color: var(--rsw-accent-color) #0000 #0000;
     }
     `;

diff --git a/loginWindow.js b/loginWindow.js
@@ -58,15 +58,22 @@ function refreshCss() {
     .n-login-scan .main .qr { /*QR码本码（几维码?）*/
         box-shadow: 0 0 0 1px var(--rsw-trans-color);
         border-radius: 4px;
-        animation: QRCodeFlyIn .2s 1;
+        animation: QRCodeFlyIn .3s cubic-bezier(.34, .68, 0, 1) 1;
     }
     .n-login-scan .main .tip { /*QR码过期提示*/
         background: #0003;
         backdrop-filter: blur(4px);
     }
     .n-login-scan .main .phone { /*hover QR码后出现的手机*/
         top: 4px;
-        clip-path: inset(30px 0 20px round 8px);
+        clip-path: inset(30px 0 80px 3px round 8px);
+    }
+    .n-login-scan .main.z-hover .txt { /*hover后的用什么扫描提示*/
+        top: 194px;
+        width: unset;
+        right: 0;
+        left: 0;
+        line-height: unset;
     }
     .n-login .iner .scan .icn { /*左上角QR码图标*/
         clip-path: polygon(0 0, 97% 0, 0 97%); /*斜向裁切（并非100%是为了去白线）*/
@@ -171,7 +178,7 @@ function refreshCss() {
         border: 1px solid var(--rsw-accent-color);
         border-radius: 10px;
         box-shadow: 0 0 3px 0 var(--rsw-accent-color);
-        background: var(--rsw-bg-color);
+        background: #0000;
         transition: .1s;
         cursor: default;
     }
@@ -183,7 +190,7 @@ function refreshCss() {
     .n-login .btn-dark:hover, .n-login-scan .main .tip a:hover { /*高亮按钮+mini（鼠标移上）*/
         border-color: var(--rsw-accent-color);
         box-shadow: 0 0 6px 0 var(--rsw-accent-color);
-        background: var(--rsw-bg-color);
+        background: #0000;
     }
     .n-login-scan .main .tip a:hover { /*mini高亮按钮（鼠标移上）*/
         background: var(--rsw-bg-color-trans);
@@ -202,7 +209,7 @@ function refreshCss() {
         color: #888;
         box-shadow: 0 0 3px #888;
         border: 1px solid #888;
-        background: var(--rsw-bg-color);
+        background: #0000;
     }
     .n-login .btn.z-dis:hover { /*DISABLED按钮（鼠标移上）*/
         box-shadow: 0 0 6px #888;