初步完成4大模块开发

src/components/layout/NavBar.vue

@@ -1,7 +1,22 @@
 <template>
   <div class="nav-main">
-    当前时间：{{ time }}
-    <span>论一个程序员的寂寞与忧伤</span>
+    <div style="width: 800px;">
+      <div>
+        当前时间：{{ time }}
+      </div>
+      <div>
+        期货交易时间&nbsp
+        <el-icon color="yellow">
+          <Sunrise />
+        </el-icon>&nbsp 9:00-11:30 &nbsp
+        <el-icon color="gold">
+          <Sunny />
+        </el-icon>&nbsp 13:00-15:00 &nbsp
+        <el-icon color="blue">
+          <Moon />
+        </el-icon>&nbsp 21:00-23:00
+      </div>
+    </div>
     <el-dropdown trigger="click" v-show="tenant.account">
       <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" />
       <template #dropdown>
@@ -11,7 +26,6 @@
         </el-dropdown-menu>
       </template>
     </el-dropdown>
-    <span @click="doLogin" v-show="!tenant.account">登录</span>
   </div>
   <el-dialog v-model="dialogVisible" title="提示" width="30%">
     <span>确认你的登出操作么？</span>
@@ -22,6 +36,7 @@
       </span>
     </template>
   </el-dialog>
+  <span @click="doLogin" v-show="!tenant.account">登录</span>
 </template>
 
 <script setup lang='ts'>
@@ -65,6 +80,9 @@ const doLogout = () => {
 }
 
 .nav-main {
-  float: right;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  /* background-color: bisque; */
 }
 </style>