From 1e5dff66d661a26b367248f816dc67a607383048 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=98daijinzheng=40xingtongworld=2Ecom=E2=80=99?=
 <‘ceshi@qq.com’>
Date: Fri, 7 Jul 2023 17:08:27 +0800
Subject: [PATCH] =?UTF-8?q?nvr=E9=A6=96=E9=A1=B53?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/base/home.vue | 72 ++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 64 insertions(+), 8 deletions(-)

diff --git a/pages/base/home.vue b/pages/base/home.vue
index 755e67f..95b24dd 100644
--- a/pages/base/home.vue
+++ b/pages/base/home.vue
@@ -155,17 +155,59 @@
 
 				<div class="scqs-list-li" style="margin-top: 1rem;">
 					<div class="scqs-list-li-top" style="display: flex;justify-content: space-between;color: gray;">
-						<div style="width: 40%;">币种</div>
-						<div style="width: 25%;">最新价(USD)</div>
-						<div style="width: 25%;">24小时涨幅</div>
+						<div style="width: 40%;">{{ $t("shou.a9") }}</div>
+						<div style="width: 25%;">{{ $t("shou.a10") }}</div>
+						<div style="width: 25%;">{{ $t("shou.a11") }}</div>
 					</div>
-					<div class="scqs-list-li-content" v-for="item in indexList" :key="item.id" style="display: flex;justify-content: space-between;">
+					<div class="scqs-list-li-content" v-for="item in indexList" :key="item.id"
+						style="display: flex;justify-content: space-between;">
 						<div style="width: 40%;">
-							<img src="item.coin_icon" alt="">
-							{{ item.coin_name}}</div>
-						<div style="width: 25%;">最新价(USD)</div>
-						<div style="width: 25%;">24小时涨幅</div>
+							<img style="width: 20px;height: 20px;" src="item.coin_icon" alt="">
+							{{ item.coin_name }}
+						</div>
+						<div style="width: 25%;">{{ item.high }}</div>
+						<div style="width: 25%;">{{ item.increase }}</div>
+					</div>
+				</div>
+
+			</div>
+
+			<div class="scqs-list-bottom" style="display: flex;justify-content: space-around;margin-left: 1rem;flex-wrap: wrap;">
+				<div class="scqs-list-bottom-box">
+					<div class="scqs-list-bottom-box-t">
+						{{ $t("shou.a13") }}
+					</div>
+					<div class="scqs-list-bottom-box-b">
+						{{ $t("shou.a17") }}
+					</div>
+					<div></div>
+				</div>
+				<div class="scqs-list-bottom-box">
+					<div class="scqs-list-bottom-box-t">
+						{{ $t("shou.a14") }}
+					</div>
+					<div class="scqs-list-bottom-box-b">
+						{{ $t("shou.a18") }}
+					</div>
+					<div></div>
+				</div>
+				<div class="scqs-list-bottom-box">
+					<div class="scqs-list-bottom-box-t">
+						{{ $t("shou.a15") }}
+					</div>
+					<div class="scqs-list-bottom-box-b">
+						{{ $t("shou.a19") }}
+					</div>
+					<div></div>
+				</div>
+				<div class="scqs-list-bottom-box">
+					<div class="scqs-list-bottom-box-t">
+						{{ $t("shou.a16") }}
+					</div>
+					<div class="scqs-list-bottom-box-b">
+						{{ $t("shou.a20") }}
 					</div>
+					<div></div>
 				</div>
 
 			</div>
@@ -1467,6 +1509,20 @@ export default {
 		}
 	}
 
+	.scqs-list-bottom-box {
+		width: 40%;
+		margin-top: 1rem;
+		.scqs-list-bottom-box-t {
+			font-size: 28px;
+			color: #fff;
+		}
+		.scqs-list-bottom-box-b {
+			font-size: 16px;
+			color: gray;
+			margin-top: 1rem;
+		}
+	}
+
 	.dzdzc-img {
 		margin-top: 80px;
 		width: 100%;