From 012a0883dc44619580a3cfefe2370244dc1ff293 Mon Sep 17 00:00:00 2001
From: liaoxinyu <liaoxinyu@xingtongworld.com>
Date: Tue, 24 Sep 2024 18:06:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9v4k=E7=BA=BF=E6=B5=8F?=
 =?UTF-8?q?=E8=A7=88=E5=B8=83=E5=B1=80=E5=92=8C=E5=88=9D=E5=A7=8B=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E8=8E=B7=E5=8F=96=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 v4/src/views/home/index.vue   | 33 +++++++++++++++++++++++++++------
 v4/src/views/option/kline.vue |  3 ++-
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/v4/src/views/home/index.vue b/v4/src/views/home/index.vue
index 72c2aaf..4ae0c5e 100644
--- a/v4/src/views/home/index.vue
+++ b/v4/src/views/home/index.vue
@@ -2,10 +2,10 @@
 <div class="contract-page">
     <div class="page-top d-flex pt-2" >
         <div class="kline-box flex-fill mr-2 ml-2">
-            <div class="d-flex align-items-center py-2 pl-4 heading justify-content-between">
-              <div style="margin: 10px 0px;">
-                <div>
-					<div style="font-size: 20px;width: 100px;margin-top: 8px;float: left;">金币名称：</div>
+            <div class="d-flex align-items-center py-2 heading justify-content-between">
+              <div class="homeBox">
+                <div class="homeBox1">
+					<div class="homeBox2">金币名称：</div>
 					<div v-for="(item,index) in contractList" :key="item.coin_name + 1" style="display: flex;flex-wrap: wrap;">
 						<div v-for="items in item.marketInfoList" :key="items.symbol" :class="{ activecorl: items.symbol == activeSymbol }"
 						class="tab_color" @click="ispopover1(items.symbol)">
@@ -13,8 +13,8 @@
 						</div>
 					</div>
                 </div>
-                <div class="d-flex" style="margin-top: 15px;width: 100%;">
-					<div style="font-size: 20px;width: 100px;float: left;">时间阶段：</div>
+                <div class="d-flex" style="width: 100%;padding: 15px 0px;">
+					<div class="timeSlot">时间阶段：</div>
 					<div style="font-size: 20px;margin-left: 5px;">{{selectTime}}</div>
                 </div>
               </div>
@@ -269,4 +269,25 @@ export default {
 	text-align: center;
 	border: 1px solid #2020cc;
 }
+.homeBox{
+	margin: 10px 0px;
+	border: 1px solid #999;
+}
+.homeBox1{
+	padding: 15px 0px;
+	border-bottom: 1px solid #999;
+}
+.homeBox2{
+	font-size: 20px;
+	width: 100px;
+	margin-top: 8px;
+	float: left;
+	margin-left: 10px;
+}
+.timeSlot{
+	font-size: 20px;
+	width: 100px;
+	float: left;
+	margin-left: 10px;
+}
 </style>
diff --git a/v4/src/views/option/kline.vue b/v4/src/views/option/kline.vue
index 03393a5..22dd5d0 100644
--- a/v4/src/views/option/kline.vue
+++ b/v4/src/views/option/kline.vue
@@ -436,7 +436,8 @@ methods: {
                         color: "#5786d2",
                         "border-bottom": "1px solid #5786d2",
                     });
-                    // localStorage.setItem("tim", v.resolution);
+                    localStorage.setItem("tim", v.resolution);
+					_this.$emit("selectTime", v.resolution);
                 }
                 btn = button.on("click", function (e) {
                     $(this).parents(".left").children().find(".my-date").removeAttr("style");