From 44e28f7551b66082e252195492bf6629106e8eaa Mon Sep 17 00:00:00 2001
From: "DESKTOP-RQ919RC\\Pc" <1300399510@qq.com>
Date: Thu, 20 Mar 2025 11:03:21 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8DcontrastDetails.html?=
=?UTF-8?q?=E4=B8=AD=E7=9A=84=E6=A0=B7=E5=BC=8F=E6=A0=BC=E5=BC=8F=E9=97=AE?=
=?UTF-8?q?=E9=A2=98=E5=B9=B6=E6=B7=BB=E5=8A=A0=E6=96=B0=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
在contrastDetails.html中修复了多余的空白字符，并在contrastDetails.css和contrastDetails.less中添加了新的.top-hand样式类，以改善页面布局和按钮样式。
---
css/contrastDetails.css | 45 +++++++++++++++++++++++++++++++++
css/contrastDetails.less | 52 ++++++++++++++++++++++++++++++++++++++
html/contrastDetails.html | 2 +-
img/vs-white.png | Bin 0 -> 917 bytes
4 files changed, 98 insertions(+), 1 deletion(-)
create mode 100644 img/vs-white.png
diff --git a/css/contrastDetails.css b/css/contrastDetails.css
index 007c5f6..d12b81f 100644
--- a/css/contrastDetails.css
+++ b/css/contrastDetails.css
@@ -1,3 +1,48 @@
+.top-hand {
+ width: 1200px;
+ justify-content: space-between;
+ margin: 0 auto 20px;
+}
+.top-hand .top-left {
+ font-weight: 400;
+ color: #7f7f7f;
+ font-size: 14px;
+ line-height: 16px;
+}
+.top-hand .top-left .sum {
+ font-family: "Arial-Black", "Arial Black", sans-serif;
+ font-weight: 900;
+ color: #000000;
+}
+.top-hand .top-right .manage-btn {
+ width: 255px;
+ height: 36px;
+ background-color: #f6f8ff;
+ border: 1px solid #d6dae6;
+ border-radius: 70px;
+ font-size: 15px;
+ color: #000000;
+ text-align: center;
+}
+.top-hand .top-right .manage-btn .icon {
+ margin-right: 6px;
+}
+.top-hand .top-right .manage-btn .line {
+ margin: 0 20px;
+ color: #d7d7d7;
+}
+.top-hand .top-right .save-btn {
+ width: 170px;
+ height: 36px;
+ background-color: #f95d5d;
+ border: 1px #ea6767;
+ border-radius: 158px;
+}
+.top-hand .top-right .save-btn .icon {
+ width: 24px;
+ height: 24px;
+ margin-right: 5px;
+}
.body {
border-radius: 12px;
background: #ffffff;
diff --git a/css/contrastDetails.less b/css/contrastDetails.less
index f45e003..e264a7f 100644
--- a/css/contrastDetails.less
+++ b/css/contrastDetails.less
@@ -1,3 +1,55 @@
+.top-hand {
+ width: 1200px;
+ justify-content: space-between;
+ margin: 0 auto 20px;
+ .top-left {
+ font-weight: 400;
+ color: #7f7f7f;
+ font-size: 14px;
+ line-height: 16px;
+
+ .sum {
+ font-family: "Arial-Black", "Arial Black", sans-serif;
+ font-weight: 900;
+ color: #000000;
+ }
+ }
+
+ .top-right {
+ .manage-btn {
+ width: 255px;
+ height: 36px;
+ background-color: rgba(246, 248, 255, 1);
+ border: 1px solid rgba(214, 218, 230, 1);
+ border-radius: 70px;
+
+ font-size: 15px;
+ color: #000000;
+ text-align: center;
+
+ .icon {
+ margin-right: 6px;
+ }
+
+ .line {
+ margin: 0 20px;
+ color: #d7d7d7;
+ }
+ }
+ .save-btn {
+ width: 170px;
+ height: 36px;
+ background-color: rgba(249, 93, 93, 1);
+ border: 1px rgba(234, 103, 103, 1);
+ border-radius: 158px;
+ .icon {
+ width: 24px;
+ height: 24px;
+ margin-right: 5px;
+ }
+ }
+ }
+}
.body {
border-radius: 12px;
background: rgb(255, 255, 255);
diff --git a/html/contrastDetails.html b/html/contrastDetails.html
index d47d906..79cf441 100644
--- a/html/contrastDetails.html
+++ b/html/contrastDetails.html
@@ -12,7 +12,7 @@
-