修改顶部状态栏和logo

src/App.vue

@@ -5,11 +5,11 @@
       :title="title"
     >
       <div
-        class="com-logo"
+        class="complate-logo"
         slot="logo"
       >
         <img
-          src="@/assets/images/pic_logo.png"
+          src="@/assets/images/pic_logo@2x.png"
           alt="logo"
         >
       </div>
@@ -186,6 +186,7 @@ export default {
 </script>
 
 <style lang="scss">
+@import '@/assets/styles/variables.scss';
 .AppTopBar {
   flex: 1;
   display: flex;
@@ -197,4 +198,21 @@ export default {
 .left-box {
   transition: all 0.48s;
 }
+.topTitle {
+  .complate-logo {
+    width: 319px;
+    height: 80px;
+  }
+  .com-title {
+    display: none;
+  }
+}
+@media screen and (max-width: $bigScreenWidth) {
+  .topTitle {
+    .complate-logo {
+      width: 160px;
+      height: 40px;
+    }
+  }
+}
 </style>

src/containers/layout/components/UserBox.vue

 <template>
   <div class="avatar-container">
-    <TimeBox />
     <div class="avatar-name">
       <span>欢迎您，{{ userInfo.name }}</span>
       <span
@@ -42,6 +41,7 @@
         </div>
       </span>
     </div>
+    <TimeBox />
 
     <normal-dialog
       title="修改密码"
@@ -507,15 +507,13 @@ export default {
 <style lang="scss">
 @import '../../../assets/styles/variables.scss';
 .avatar-container {
-  margin-left: 66px;
+  margin-left: 44px;
   display: flex;
-  justify-content: center;
-  flex-direction: column;
+  align-items: center;
   color: #fff;
   line-height: 22px;
   font-size: 12px;
   flex: 1;
-  justify-content: flex-end;
   .avatar-container-line {
     margin: 0 20px;
   }
@@ -524,6 +522,7 @@ export default {
     align-items: center;
     line-height: 20px;
     font-size: 14px;
+    margin-right: 20px;
     .avatar-name-icon {
       position: relative;
       margin-left: 6px;