From e34643b152bfa7b9d0d09803827430895458b96f Mon Sep 17 00:00:00 2001 From: PASSER-BY Date: Fri, 25 Feb 2022 19:45:47 +0800 Subject: [PATCH 1/5] Update index.html --- index.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index c930552..f7dd194 100644 --- a/index.html +++ b/index.html @@ -30,8 +30,11 @@
开源算法
- 手机版 - Github + 手机版 + + + Github + 返回首页
From 03b508590fce2eff714ba09f56fb2693278a6c4c Mon Sep 17 00:00:00 2001 From: PASSER-BY Date: Fri, 25 Feb 2022 20:16:04 +0800 Subject: [PATCH 2/5] =?UTF-8?q?updated=20=E9=A6=96=E9=A1=B5=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E6=94=B9=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 7 ++-- style/index.css | 105 ++++++++++++++++++++++++++++-------------------- 2 files changed, 64 insertions(+), 48 deletions(-) diff --git a/index.html b/index.html index 594cf92..abec1b7 100644 --- a/index.html +++ b/index.html @@ -98,7 +98,6 @@
-

快速选择：

@@ -123,9 +122,9 @@

- - - + + +
diff --git a/style/index.css b/style/index.css index faad8d9..44aa239 100644 --- a/style/index.css +++ b/style/index.css @@ -6,7 +6,7 @@ body{ height: 100%; font-size: 14px; font-family: Arial,Helvetica,"Microsoft Yahei"; - color:#757575; + color: rgb(110, 119, 129); } button, input { font-family: Arial,Helvetica,"Microsoft Yahei"; @@ -16,7 +16,7 @@ img{ } a{ text-decoration: none; - color: #757575; + color: rgb(110, 119, 129); } a:hover{ text-decoration: underline; @@ -34,7 +34,7 @@ a:hover{ } .mod-head .hd,.mod-head .bd{ - max-width: 540px; + max-width: 500px; padding: 0 10px; margin:0 auto; } @@ -55,39 +55,54 @@ a:hover{ border-bottom-right-radius: 6px; } .mod-head .bd{ - padding: 10px; - line-height: 30px; + height: 36px; + padding: 10px 10px 0; + margin-bottom: 5px; text-align: right; } .mod-head .btn{ position: relative; display: inline-block; - min-width: 80px; - height: 30px; + min-width: 56px; + height: 34px; + background: #fff; padding: 0 12px; - border: medium none; - background: #eee; - line-height: 30px; - text-align: center; - font-family: Tahoma,Arial, Helvetica,"Microsoft YaHei"; - font-size: 15px; - color: #333; - cursor: pointer; + border: 1px solid #ececec; + border-radius: 6px; + line-height: 32px; text-decoration: none; - border-radius: 3px; - box-sizing: border-box; + text-align: center; + font-size: 14px; + color: #333; + overflow: hidden; + transition: color .2s,opacity .2s; + font-family: Tahoma,Arial, Helvetica,"Microsoft YaHei"; outline: none; -webkit-appearance: none; } -.mod-head .btn:hover{ - background: #e4e4e4; +.mod-head .btn:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + background: #000; + left: 0; + top: 0; + opacity: 0; + transition: opacity .2s; + border-radius: 6px; + overflow: hidden; + pointer-events: none; } -.mod-head .btn-blue{ - background: #2095f2; - color: #fff; +.mod-head .btn span,.mod-head .btn svg{ + vertical-align: middle; } -.mod-head .btn-blue:hover { - background: #207fcc; +.mod-head .btn:hover { + color: #000; + opacity: 1; +} +.mod-head .btn:hover:after { + opacity: .02; } .mod-panel { @@ -95,9 +110,8 @@ a:hover{ } .mod-panel h1{ line-height: 32px; - font-weight: 500; - font-size: 22px; - color:#333; + font-size: 22px; + color:#212121; } .mod-panel h2{ line-height: 30px; @@ -106,13 +120,14 @@ a:hover{ font-size: 18px; } .mod-panel .hd,.mod-panel .bd{ - max-width: 540px; + max-width: 500px; margin:0 auto; } .mod-panel .hd{ padding: 10px 0; + margin-bottom: 5px; line-height: 22px; - text-align: center; + text-align: left; } .mod-panel .hd b{ margin: 0 3px; @@ -121,7 +136,7 @@ a:hover{ .mod-panel .bd .c-hd{ height: 36px; margin-bottom: 10px; - border-bottom: 1px solid #e2e2e2; + border-bottom: 1px solid #f0f0f0; } .mod-panel .bd .c-hd li{ float: left; @@ -179,8 +194,8 @@ a:hover{ display: inline-block; width: 100%; height: 30px; - background: #fafafa; - border: 1px solid #e8e8e8; + background: #f6f6f6; + border: 1px solid #ebebeb; padding: 5px 10px; box-sizing: border-box; line-height: 20px; @@ -193,7 +208,7 @@ a:hover{ .mod-panel .bd .btn { height: 32px; min-width: 90px; - background: #eeeeee; + background: #f0f0f0; border: medium none; line-height: 30px; vertical-align: middle; @@ -240,8 +255,8 @@ a:hover{ width: 100%; height: 120px; padding:5px 10px; - background: #fafafa; - border: 1px solid #e9e9e9; + background: #f6f6f6; + border: 1px solid #ebebeb; box-sizing: border-box; border-radius: 5px; resize: none; @@ -284,29 +299,28 @@ a:hover{ color: #fd7474; } .mod-panel .intro,.mod-panel .article{ - padding: 10px 20px; + padding: 15px 20px; margin: 10px 0; - background: rgb(246, 248, 250); + background: #f6f6f6; border-radius: 6px; - color: rgb(110, 119, 129); } .mod-panel .intro h3{ margin-bottom: 10px; font-size: 16px; font-weight: bold; - color: rgba(36, 41, 47, 0.8); + color: #646464; } .mod-panel .intro p{ line-height: 22px; } -.mod-panel .article p{ - line-height: 22px; - text-indent: 2em; -} .mod-panel .intro p.q{ margin-top: 10px; font-weight: bold; - color: rgba(36, 41, 47, 0.8); + color: #646464; +} +.mod-panel .article p{ + line-height: 22px; + text-indent: 2em; } .mod-panel .table-inner{ overflow-x: auto; @@ -411,6 +425,9 @@ a:hover{ margin-bottom: 5px; line-height: 24px; } + .mod-panel .btn-3{ + width: 32%; + } .mod-qrcode{ position: static; From 9983f438fc45eb63182bf1320adf7f81a3932018 Mon Sep 17 00:00:00 2001 From: PASSER-BY Date: Fri, 25 Feb 2022 20:26:45 +0800 Subject: [PATCH 3/5] Update index.css --- style/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style/index.css b/style/index.css index 44aa239..59c933a 100644 --- a/style/index.css +++ b/style/index.css @@ -301,7 +301,7 @@ a:hover{ .mod-panel .intro,.mod-panel .article{ padding: 15px 20px; margin: 10px 0; - background: #f6f6f6; + background: rgb(246, 248, 250); border-radius: 6px; } .mod-panel .intro h3{ From 85ecd6d65d0c3fae6c92737e7e60639f60104fed Mon Sep 17 00:00:00 2001 From: PASSER-BY Date: Fri, 25 Feb 2022 20:29:16 +0800 Subject: [PATCH 4/5] Update index.css --- style/index.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/style/index.css b/style/index.css index 59c933a..64c76de 100644 --- a/style/index.css +++ b/style/index.css @@ -194,8 +194,8 @@ a:hover{ display: inline-block; width: 100%; height: 30px; - background: #f6f6f6; - border: 1px solid #ebebeb; + background: #fafafa; + border: 1px solid #ebebeb; padding: 5px 10px; box-sizing: border-box; line-height: 20px; @@ -255,7 +255,7 @@ a:hover{ width: 100%; height: 120px; padding:5px 10px; - background: #f6f6f6; + background: #fafafa; border: 1px solid #ebebeb; box-sizing: border-box; border-radius: 5px; From bacba35f9330533da949babc8ead1af35e92e68f Mon Sep 17 00:00:00 2001 From: PASSER-BY Date: Fri, 25 Feb 2022 20:31:56 +0800 Subject: [PATCH 5/5] Update index.css --- style/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/style/index.css b/style/index.css index 64c76de..4f9bfe8 100644 --- a/style/index.css +++ b/style/index.css @@ -34,7 +34,7 @@ a:hover{ } .mod-head .hd,.mod-head .bd{ - max-width: 500px; + max-width: 540px; padding: 0 10px; margin:0 auto; } @@ -120,7 +120,7 @@ a:hover{ font-size: 18px; } .mod-panel .hd,.mod-panel .bd{ - max-width: 500px; + max-width: 540px; margin:0 auto; } .mod-panel .hd{