From e4662ca8b22ca891f2248e8c71f44840bc7b67d8 Mon Sep 17 00:00:00 2001 From: YNYU01 <103507763+YNYU01@users.noreply.github.com> Date: Wed, 3 Apr 2024 21:22:15 +0800 Subject: [PATCH] Update index.html --- index.html | 591 +++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 484 insertions(+), 107 deletions(-) diff --git a/index.html b/index.html index 86d31f1..1bfa55c 100644 --- a/index.html +++ b/index.html @@ -11,14 +11,12 @@ --color3:hsl(0,0%,100%);/*行内默认字色、底框描边色*/ --color4:hsl(0,0%,56%);/*行间区分色*/ --color5:hsl(0,0%,65%);/*（主色）底框背景色、翻页器选中色*/ - --noteColor:rgba(255,255,255,40);/*注释字色*/ - --hlColor1:hsl(20, 100%, 60%);/*高亮字色1，给数量*/ - --hlColor2:hsl(280, 100%, 60%);/*高亮字色2，备用*/ - --hlColor3:hsl(185, 100%, 60%);/*高亮字色3，备用*/ - --LR:24px;/*左右间距*/ - --TB:14px;/*上下间距*/ - --dataTimeW:11ch;/*控制日期字符宽*/ - --dataNameTextW:13ch;/*控制名称字符宽*/ + --noteColor:rgba(255, 255, 255, 0.4);/*注释字色*/ + --hlColor1:hsl(20,100%,60%);/*高亮字色1，给数量*/ + --hlColor2:hsl(280,100%,60%);/*高亮字色2，备用*/ + --hlColor3:hsl(185,100%,60%);/*高亮字色3，备用*/ + --dataTimeW:6ch;/*控制日期字符宽*/ + --dataNameTextW:11ch;/*控制名称字符宽*/ --switch1:#707070; --switch2:#ffffff; --switch3:#000000; @@ -44,11 +42,19 @@ font-size: 16px; font-weight: 500; text-align:left; + user-select: none; + } + + .text-2{ + font-size: 12px; + font-weight: 500; + text-align:left; } .table-frame{ width: 706px; - height: 1012px; + height: 100vw; + max-height: 1012px; border: var(--color3) 2px solid; border-radius: 8px; background-color: var(--color5); @@ -91,6 +97,8 @@ } .table-top-text{ + display: flex; + justify-content: center; width: 100vw; color: var(--color2); @@ -158,6 +166,13 @@ padding: 0 1ch 0 0; } + .note-text{ + font-size: 22px; + font-weight: 500; + text-align: center; + color: var(--noteColor); + } + .icon-living{ width: 24px; height: 24px; @@ -165,6 +180,28 @@ display: block; } + .icon-more{ + width: 66px; + height: 66px; + background-repeat: no-repeat; + background-size: cover; + } + + .icon-back{ + width: 66px; + height: 66px; + } + + .icon-refresh{ + width: 66px; + height: 66px; + } + + .icon-close{ + width: 66px; + height: 66px; + } + .select{ width:120px; height:24px; @@ -185,6 +222,10 @@ height:12px; } + .checkbox2{ + height:12px; + } + .tips2{ position: relative; display: inline-block; @@ -257,6 +298,31 @@ .button2:hover { background-color: rgb(120, 120, 120); } + + .pageModeCheck { + display: flex; + justify-content: center; + align-items: center; + text-align: center; + user-select: none; + width: 60px; + height: 20px; + align-items: center; + font-size: 14px; + color:#707070; + background-color: #a6a6a6; + border-radius:10px; + box-shadow: 0px 1px 0px #0000002d inset; + } + + + + input[type="checkbox"]:checked + .pageModeCheck{ + color:#3e3e3e; + background-color: #d2d2d2; + box-shadow: 0px 1px 0px #00000071,0px 1px 0px #ffffff2d inset; + transform: translateY(-2px); + } .safa-switch { position: absolute; @@ -317,10 +383,10 @@ -
+
-
+
@@ -328,16 +394,16 @@
-
+
-
-
[-配置数据-]
+
+
[-配置数据-]
- +
数据1：
-
+
-
- -
-
-
-
时间
-
主播
-
途径
-
获得奖励
+
+ +
+ + +
+ +
+ +
+
+ +
+
+ +
-
-
-
-
- -
+ +