From 4fdb5057dfada4e5d9d7a7c6b54150b742e31acf Mon Sep 17 00:00:00 2001 From: yxw <17074267@qq.com> Date: Thu, 2 Nov 2023 19:09:07 +0800 Subject: [PATCH] fix --- css/app.css | 79 +++++- ducking.html | 385 +++++++++++++++++++++++++++++ home.html | 680 +++++++++++++++++++++++++++++++++++++++++++++++++++ volume.html | 52 +++- 4 files changed, 1175 insertions(+), 21 deletions(-) create mode 100644 ducking.html create mode 100644 home.html diff --git a/css/app.css b/css/app.css index c5e39ad..ef8ec27 100644 --- a/css/app.css +++ b/css/app.css @@ -145,27 +145,29 @@ body { } .state-btn { - border: 1px solid #191919; + border: 1px solid #191919; background-color: #303030; color: #eee; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.35); } -.btn-check:hover+.state-btn{ +.btn-check:hover+.state-btn { color: #eee; - border: 1px solid #191919; + border: 1px solid #191919; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15); } -.btn-check:checked+.state-btn{ +.btn-check:checked+.state-btn { color: #1BC8F2; border: 1px solid #000; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.35); } - +.btn-close:checked+.state-btn { + color: red; +} .ruleraxisy { @@ -461,7 +463,7 @@ body { padding: 2px; /* box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); */ border-radius: 5px; - + } .redio-switche .btn-check:checked+.btn { @@ -469,7 +471,7 @@ body { border: 0px; color: #1BC8F3; box-shadow: #1BC8F2 0px 0px 14px 0px inset; - background: linear-gradient(90deg,#1BC8F3,#000) + background: linear-gradient(90deg, #1BC8F3, #000) } .redio-switche .btn-check:checked+.on-btn { @@ -477,14 +479,14 @@ body { border: 0px; color: #1BC8F3; box-shadow: #225b6b 0px 0px 2px 0px inset; - background: linear-gradient(90deg,#1bc8f381,rgba(0, 0, 0, 0.438)) + background: linear-gradient(90deg, #1bc8f381, rgba(0, 0, 0, 0.438)) } .redio-switche .btn-check:checked+.off-btn { border: 0px; color: #1BC8F3; box-shadow: #225b6b 0px 0px 2px 0px inset; - background: linear-gradient(270deg,#1bc8f381,#000) + background: linear-gradient(270deg, #1bc8f381, #000) } .redio-switche .btn { @@ -613,6 +615,25 @@ body { outline: none; } + +.input-reduce { + border: none; + padding: 0px 8px; + line-height: 1; + background-color: #303030; + color: #eee; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.35); +} + +.input-add { + border: none; + padding: 0px 8px; + line-height: 1; + background-color: #303030; + color: #eee; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.35); +} + /* === 标尺 ============ */ .volume-ruler { @@ -683,3 +704,43 @@ body { color: #555; } + + + +/* =========== */ +.pinpu-box { + width: 10px; + height: 100%; + padding-top: 5px; + padding-bottom: 5px; +} + +.equalizer { + display: flex; + justify-content: center; + align-items: center; + height: 10rem; + margin-top: 4rem; +} + +.equalizer-bar { + width: 14px; + margin: 0 3px; + display: flex; + flex-direction: column-reverse; +} + +.equalizer-bar span { + display: block; + height: 4px; + border-radius: 1px; + width: 100%; + margin: 2px 0; + background-color: #FFF; + transition: .2s ease all; + /* opacity: 1; */ +} + +.equalizer-bar:nth-child(1) span { + background: #a7dce9; +} \ No newline at end of file diff --git a/ducking.html b/ducking.html new file mode 100644 index 0000000..77497ed --- /dev/null +++ b/ducking.html @@ -0,0 +1,385 @@ + + + + + + + + + + + + + + +
+
+
+
GEAZAN
+
+
+
+
+ HOME +
+
FILTER
+
FS
+
EQ
+
DUCKING
+
NETWORK
+
+ SECURITY +
+
CONTROL
+
SYSTEM
+
+
+
+
+
+
+
+
Priority
+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+
+
+
+
Parameters
+
+
+
+
+
+
+
+ Threshold +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+ +
+ +
+
+ +
+
+
+
+
+
+ Attack +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+ Hold +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+ Release +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+ + +
+ + + + + \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000..1b7e3ae --- /dev/null +++ b/home.html @@ -0,0 +1,680 @@ + + + + + + + + + + + + + + +
+
+
+
GEAZAN
+
+
+
+
+ HOME +
+
FILTER
+
FS
+
EQ
+
DUCKING
+
NETWORK
+
+ SECURITY +
+
CONTROL
+
SYSTEM
+
+
+
+
+
+
+
+
Line Input
+
+
+
+
+
+ + + + + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ +
+
+
+
+
+
+
+
Microphone 1
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+
+
Microphone 2
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+
+
Output Volume
+
+
+
+
+ +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ -10 +
+
+
+ -20 +
+
+
+ -30 +
+
+
+ -40 +
+
+
+ -50 +
+
+
+ -60 +
+
+
+
+
+ +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+ + +
+ + + + + \ No newline at end of file diff --git a/volume.html b/volume.html index b9387b0..6450486 100644 --- a/volume.html +++ b/volume.html @@ -104,19 +104,33 @@
- - +
- - +
- - +
@@ -194,19 +208,33 @@
- - +
- - +
- - +