修改样式

static/css/common.css

@@ -154,4 +154,23 @@
     50%, 100% {transform: translateY(0);}
     75% {transform: translateY(-10px);}
 }
-.animate-bounce-up{ -webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
+.animate-bounce-up{ -webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
+.mainLogo{
+    font-size: 20px;
+    font-weight: bold;
+    color: #fff;
+}
+.mainVersion{
+    margin-left: 5px;
+    font-size: 12px;
+}
+.el-submenu__title i{
+    color: #fff;
+}
+.el-container{
+    height: 100%;
+}
+.el-aside{
+    height: 100%;
+    background: #222d32;
+}

static/html/header.html

@@ -7,6 +7,7 @@
     <meta name="author" content="陶士涵">
     <title>GO-IMAP网页版邮箱imap工具</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="/static/css/common.css">
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/index.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
@@ -21,22 +22,9 @@
             overflow: hidden;
             background-color: #f5f5f5;
         }
-        .el-container{
-            margin-top:10px;
-            height: 100%;
-        }
-        .el-aside{
-            height: 100%;
-            background: #fff;
-            border: solid 1px #e6e6e6;
-        }
         .el-aside .el-menu{
             border-right: none;
         }
-        .mainLogo{
-            font-size: 20px;
-            font-weight: bold;
-        }
         .mainMain{
             background: #fff;
             margin-left: 10px;

static/html/main.html

@@ -5,6 +5,7 @@
     <meta name="author" content="陶士涵">
     <title>GO-FLY即时通讯工具集</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="/static/css/common.css">
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/index.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
@@ -19,10 +20,7 @@
             overflow: hidden;
             background-color: #f5f5f5;
         }
-        .el-container{
-            margin-top:10px;
-            height: 100%;
-        }
+
         .el-aside{
             height: 100%;
             background: #fff;
@@ -47,11 +45,7 @@
         .el-card__body{
             cursor: pointer;
         }
-        .version{
-            margin-left: 5px;
-            font-size: 12px;
-            color: #acacac;
-        }
+
     </style>
 
 </head>

static/html/nav.html

@@ -1,8 +1,12 @@
 {{define "nav"}}
 <el-menu
+        class="el-menu-demo"
+        background-color="#3c8dbc"
+        text-color="#fff"
+        active-text-color="#fff"
         default-active="3"
         mode="horizontal">
-    <el-menu-item  class="mainLogo" v-on:click="openUrl('/login')">GO-FLY<span class="version">V0.1.1</span></el-menu-item>
+    <el-menu-item  class="mainLogo" v-on:click="openUrl('/login')">GO-FLY<span class="mainVersion">V0.1.1</span></el-menu-item>
     <el-menu-item style="display:none" index="2" v-on:click="openIframeUrl('/list')">邮箱<el-badge class="mark" :value="mailTotal" style="margin-bottom: 20px;"/>
     </el-menu-item>
     <el-menu-item index="3" v-on:click="openIframeUrl('/chat_main')">聊天</el-menu-item>

static/html/setting.html

@@ -2,9 +2,8 @@
 <div id="app" style="width:100%">
     <template>
         <el-container v-loading.fullscreen.lock="fullscreenLoading">
-            <el-aside>
-                {{template "setting_left" .}}
-            </el-aside>
+
+            {{template "setting_left" .}}
 
             <el-main class="mainMain">
                 <el-form :model="account" :rules="rules" ref="account"  label-width="120px">

static/html/setting_deploy.html

@@ -2,9 +2,7 @@
 <div id="app" style="width:100%">
     <template>
         <el-container>
-            <el-aside>
                 {{template "setting_left" .}}
-            </el-aside>
 
             <el-main class="mainMain">
                 <el-tabs>

static/html/setting_kefu_list.html

@@ -2,9 +2,7 @@
 <div id="app" style="width:100%">
     <template>
         <el-container v-loading.fullscreen.lock="fullscreenLoading">
-            <el-aside>
                 {{template "setting_left" .}}
-            </el-aside>
 
             <el-main class="mainMain">
                 <el-button style="margin-bottom: 10px;" @click="addKefu" type="primary" size="small">添加客服</el-button>

static/html/setting_left.html

@@ -1,5 +1,10 @@
 {{define "setting_left"}}
-<el-menu default-active="{{.tab_index}}" :default-openeds="openIndex">
+<el-aside width="230px">
+<el-menu
+        background-color="#222d32"
+        text-color="#b8c7ce"
+        active-text-color="#fff"
+        default-active="{{.tab_index}}" :default-openeds="openIndex">
     <el-submenu index="1">
         <template slot="title">
             <i class="el-icon-s-custom"></i>
@@ -34,4 +39,5 @@
         </el-menu-item-group>
     </el-submenu>
 </el-menu>
+</el-aside>
 {{end}}

static/html/setting_mysql.html

@@ -2,9 +2,7 @@
 <div id="app" style="width:100%">
     <template>
         <el-container v-loading.fullscreen.lock="fullscreenLoading">
-            <el-aside>
                 {{template "setting_left" .}}
-            </el-aside>
 
             <el-main class="mainMain">
                 <el-form :model="mysql" :rules="rules" ref="mysql"  label-width="120px">

static/html/setting_role_list.html

@@ -2,9 +2,7 @@
 <div id="app" style="width:100%">
     <template>
         <el-container v-loading.fullscreen.lock="fullscreenLoading">
-            <el-aside>
-                {{template "setting_left" .}}
-            </el-aside>
+            {{template "setting_left" .}}
 
             <el-main class="mainMain">
                 <el-button style="margin-bottom: 10px;" @click="" type="primary" size="small">添加角色</el-button>