修改v4k线浏览布局和初始状态获取时间

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>

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");