From 2c6d2db1734eea27185e58c777a247ad304b49cc Mon Sep 17 00:00:00 2001
From: yinxr <2273460044@qq.com>
Date: Wed, 30 Jan 2019 11:00:24 +0800
Subject: [PATCH] =?UTF-8?q?Signed-off-by:=20=E6=89=BE=E5=9B=9Eindex.less?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=EF=BC=8C=E5=B9=B6=E4=BF=AE=E5=A4=8Dlogo?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/manager/include/head-file.ftl     |  12 +-
 src/main/webapp/WEB-INF/manager/index.ftl     |   5 +-
 src/main/webapp/WEB-INF/manager/login.ftl     |   8 +-
 .../static/ms-admin/4.7.0/css/index.css       | 371 ++++++++++++++++++
 .../static/ms-admin/4.7.0/less/css/login.css  | 221 -----------
 .../static/ms-admin/4.7.0/less/index.less     | 250 ++++++++++++
 6 files changed, 632 insertions(+), 235 deletions(-)
 create mode 100644 src/main/webapp/static/ms-admin/4.7.0/css/index.css
 delete mode 100644 src/main/webapp/static/ms-admin/4.7.0/less/css/login.css
 create mode 100644 src/main/webapp/static/ms-admin/4.7.0/less/index.less
diff --git a/src/main/webapp/WEB-INF/manager/include/head-file.ftl b/src/main/webapp/WEB-INF/manager/include/head-file.ftl
index e70c599d..520fbd14 100644
--- a/src/main/webapp/WEB-INF/manager/include/head-file.ftl
+++ b/src/main/webapp/WEB-INF/manager/include/head-file.ftl
@@ -35,19 +35,15 @@
     <link rel="stylesheet" href="${base}/static/ms-admin/4.7.0/css/login.css"> 
     <link rel="stylesheet" href="${base}/static/mweixin/css/custom-menu.css"> 
     <link rel="stylesheet" href="${base}/static/mweixin/css/message-reply.css">
-    <!-- 
-    <link rel="stylesheet" href="../../../static/ms-admin/4.7.0/css/login.css">
-    <link rel="stylesheet" href="../../../static/mweixin/css/custom-menu.css">
-    <link rel="stylesheet" href="../../../static/mweixin/css/message-reply.css">    
-    -->
+
    
     <script>
         ms.base = "${base}";
         ms.manager = "${managerPath}";
 
-        // ms.base = "http://192.168.0.54:82";
-        // ms.manager = "http://192.168.0.54:82/apis/ms";
-        // ms.web = "http://192.168.0.54:82/apis";
+        // ms.base = "http://192.168.0.54:85";
+        // ms.manager = "http://192.168.0.54:85/apis/ms";
+        // ms.web = "http://192.168.0.54:85/apis";
         //图片懒加载
 		  Vue.use(VueLazyload, {
 		    error: ms.base + '/images/ic_image_deault.png',
diff --git a/src/main/webapp/WEB-INF/manager/index.ftl b/src/main/webapp/WEB-INF/manager/index.ftl
index fc0d56ec..65c51e01 100644
--- a/src/main/webapp/WEB-INF/manager/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/index.ftl
@@ -6,10 +6,11 @@
       <#include "/reset-password.ftl"/>
       <#include "/exit-system.ftl"/>
      <link rel="stylesheet" href="${base}/static/ms-admin/4.7.0/css/index.css">
+     
     <!--#include virtual="include/head-file.ftl" --> 
-    <!--#include virtual="./reset-password.ftl" --> 
+    <!-- #include virtual="./reset-password.ftl" --> 
     <!--#include virtual="./exit-system.ftl" --> 
-    <!--<link rel="stylesheet" href="../../../static/ms-admin/4.7.0/css/index.css">-->
+    <link rel="stylesheet" href="../../../static/ms-admin/4.7.0/css/index.css">
 
    </head>
    <body>
diff --git a/src/main/webapp/WEB-INF/manager/login.ftl b/src/main/webapp/WEB-INF/manager/login.ftl
index 9217a328..9bfc7cfe 100644
--- a/src/main/webapp/WEB-INF/manager/login.ftl
+++ b/src/main/webapp/WEB-INF/manager/login.ftl
@@ -3,11 +3,11 @@
 
    <head>
       <title></title>
-      <#include "/include/head-file.ftl"/> -->
+      <#include "/include/head-file.ftl"/>
       <link rel="stylesheet" href="${base}/static/ms-admin/4.7.0/css/login.css">
 
       <!--#include virtual="include/head-file.ftl" -->
-      <!-- <link rel="stylesheet" href="../../../static/ms-admin/4.7.0/css/login.css"> -->
+      <link rel="stylesheet" href="../../../static/ms-admin/4.7.0/css/login.css">
    </head>
 
    <body>
@@ -122,12 +122,12 @@
             })
          },
          code: function() {
-            this.verifCode = ms.manager + "/code?t=" + new Date().getTime();
+            this.verifCode = ms.web + "/code?t=" + new Date().getTime();
          },
 
       },
       mounted: function() {
-         this.verifCode = ms.manager + "/code?t=" + new Date().getTime()
+         this.verifCode = ms.web + "/code?t=" + new Date().getTime()
       }
    })
 
diff --git a/src/main/webapp/static/ms-admin/4.7.0/css/index.css b/src/main/webapp/static/ms-admin/4.7.0/css/index.css
new file mode 100644
index 00000000..508af214
--- /dev/null
+++ b/src/main/webapp/static/ms-admin/4.7.0/css/index.css
@@ -0,0 +1,371 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+html,
+body {
+  min-height: 100vh;
+  width: 100vw;
+  background-color: #eee;
+  margin: 0;
+  display: flex;
+  font-weight: initial !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+html *,
+body * {
+  text-decoration: none !important;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+}
+.ms-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+}
+.ms-align-center {
+  display: flex;
+  align-items: center;
+}
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  font-weight: initial;
+  font-size: 12px;
+  color: #999;
+  resize: none;
+}
+*::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+*::-webkit-scrollbar-track {
+  border-radius: 10px;
+  /*滚动条的背景区域的圆角*/
+  background-color: #eee;
+  /*滚动条的背景颜色*/
+}
+/*定义滑块 内阴影+圆角*/
+*::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  /*滚动条的圆角*/
+  background-color: #e6e6e6;
+  /*滚动条的背景颜色*/
+}
+.ms-container {
+  margin: 12px;
+  height: calc(100% - 24px);
+  padding: 14px;
+  background: #fff;
+}
+.ms-header {
+  padding: 10px;
+  margin: 0;
+  border-bottom: 1px solid #ddd;
+  background: #fff;
+  height: 50px;
+}
+.ms-header button {
+  height: 30px;
+}
+.ms-pagination {
+  padding: 20px 0;
+  text-align: right;
+}
+.ms-fr {
+  float: right;
+}
+.ms-tr {
+  text-align: right;
+}
+.ms-weixin-content {
+  width: calc(100% - 140px);
+}
+.ms-weixin-dialog .el-dialog__header {
+  height: 55px;
+  box-sizing: border-box;
+  padding: 10px 10px 25px 10px;
+  border-bottom: 1px solid #e6e6e6;
+}
+.ms-weixin-dialog .el-dialog__header .el-dialog__title {
+  font-weight: bold;
+  font-size: 14px;
+  color: #333;
+}
+.ms-weixin-dialog .el-dialog__footer {
+  border-top: 1px solid #e6e6e6;
+  padding: 15px !important;
+}
+.ms-hover {
+  cursor: pointer;
+}
+.ms-hover:hover {
+  color: #0099ff;
+  background: #fff;
+  border-color: #0099ff;
+}
+.index {
+  width: 100%;
+}
+.ms-admin-header {
+  display: flex;
+  padding: 0;
+  background-color: #0099ff;
+  height: 50px !important;
+}
+.ms-admin-header .ms-admin-header-menu {
+  background-color: #0099ff;
+  width: auto;
+  border-bottom: none;
+  position: relative;
+}
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item > *,
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item {
+  height: 50px !important;
+  line-height: 50px !important;
+  background-color: #0099ff !important;
+  color: rgba(255, 255, 255, 0.65) !important;
+  border-bottom: none !important;
+  font-size: 1em;
+}
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item > *:hover,
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item:hover {
+  color: #fff !important;
+}
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item > *.is-active,
+.ms-admin-header .ms-admin-header-menu > .ms-admin-menu-item.is-active {
+  color: #fff !important;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu {
+  user-select: none;
+  outline: none;
+  padding-left: 20px;
+  width: 100%;
+  min-width: 500px;
+  min-height: 200px;
+  background-color: #fff !important;
+  height: auto;
+  flex-wrap: wrap;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 9;
+  background: #ffffff;
+  border: 1px solid #e6e6e6;
+  box-shadow: 2px 3px 5px 0.1px rgba(0, 0, 0, 0.1);
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu > li {
+  margin: 0;
+  margin-right: 20px;
+  text-align: left;
+  display: -webkit-inline-box;
+  display: inline-block;
+  height: 50px;
+  line-height: 50px;
+  font-weight: normal;
+  font-size: 14px;
+  color: #333;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu > li:hover {
+  cursor: pointer;
+  color: #0099ff;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu i {
+  position: absolute;
+  top: 18px;
+  right: 19px;
+  font-weight: normal;
+  font-size: 14px;
+  color: #333;
+}
+.ms-admin-header .ms-admin-header-menu .ms-admin-shortcut-menu i:hover {
+  cursor: pointer;
+}
+.ms-admin-logo {
+  min-width: 200px;
+  width: 200px;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.ms-admin-logo > img {
+  padding: 20px 0 20px 20px;
+  width: 80px;
+}
+.ms-admin-logo > div {
+  display: flex;
+  align-items: center;
+}
+.ms-admin-logo > div img {
+  margin-top: -10px;
+  margin-left: 3px;
+}
+.ms-admin-logo > div span {
+  margin-top: -7px;
+  position: absolute;
+  margin-left: 6px;
+  font-size: 12px;
+}
+.ms-admin-logo .iconfont {
+  color: #fff;
+  margin-left: auto;
+  margin-right: 20px;
+  cursor: pointer;
+}
+.ms-admin-mstore {
+  margin-left: auto;
+  min-width: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0;
+}
+.ms-admin-mstore .ms-admin-mstore-icon {
+  min-width: 50px;
+  width: 50px;
+  height: 50px;
+  background-color: #0080FF;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.ms-admin-mstore .ms-admin-mstore-icon .iconfont {
+  color: #fff;
+}
+.ms-admin-login {
+  display: flex;
+  align-items: center;
+}
+.ms-admin-login > span {
+  width: 120px;
+  padding: 0 20px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  outline: none;
+}
+.ms-admin-login > span img {
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  margin-right: 8px;
+}
+.ms-admin-login > span span {
+  color: #fff;
+}
+.ms-admin-login .active {
+  background: #fff;
+}
+.ms-admin-login .active span {
+  color: #333;
+}
+.ms-admin-login-down {
+  width: 120px;
+  border: none;
+  margin: 0 !important;
+  padding: 0 !important;
+  border-radius: 0;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+}
+.ms-admin-login-down > .popper__arrow {
+  display: none;
+}
+.ms-admin-menu-aside {
+  width: 200px !important;
+  overflow: visible;
+}
+.ms-admin-menu-aside .ms-admin-menu {
+  width: 200px;
+  height: 100%;
+  position: relative;
+}
+.ms-admin-menu-aside .ms-admin-menu .el-menu--inline .is-active {
+  border-left: 2px solid #0099ff;
+}
+.ms-admin-menu-aside .ms-admin-menu .ms-menu-expand {
+  transform: rotate(270deg);
+  position: absolute;
+  right: -34px;
+  top: 50%;
+  cursor: pointer;
+}
+.ms-admin-menu-aside .ms-admin-menu .ms-menu-expand i {
+  font-weight: initial;
+  font-size: 14px;
+  color: #333;
+  position: absolute;
+  transform: rotate(90deg);
+  top: 5px;
+  right: 43%;
+}
+.ms-admin-menu-aside .ms-admin-menu .ms-menu-expand::before {
+  border-color: transparent transparent #eee;
+  border-style: none solid solid;
+  border-width: 0 30px 22px;
+  content: "";
+  display: block;
+  height: 0;
+  left: -10px;
+  width: 30px;
+}
+.ms-admin-menu-aside .ms-admin-menu .ms-menu-expand-active {
+  transform: rotate(90deg);
+  transition: all .3 ease;
+  right: -56px;
+}
+.ms-admin-menu-aside .ms-admin-menu-active {
+  width: 60px;
+  height: 100%;
+}
+.ms-admin-menu-aside-active {
+  width: 60px !important;
+}
+.ms-admin-container {
+  height: calc(100vh - 60px);
+}
+.ms-admin-container > .ms-admin-main {
+  padding: 0;
+  background-color: #fff;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs {
+  height: 100%;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__content {
+  height: 100%;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__content .el-tab-pane {
+  height: 100%;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__nav-scroll {
+  background: #fafafa;
+}
+.ms-admin-container > .ms-admin-main .ms-admin-tabs .el-tabs__nav-scroll .el-tabs__nav {
+  border-left: none;
+  border-radius: 0;
+}
+.ms-admin-container > .ms-admin-main iframe {
+  width: 100%;
+  height: 100%;
+  border: none !important;
+}
diff --git a/src/main/webapp/static/ms-admin/4.7.0/less/css/login.css b/src/main/webapp/static/ms-admin/4.7.0/less/css/login.css
deleted file mode 100644
index 5594d3f2..00000000
--- a/src/main/webapp/static/ms-admin/4.7.0/less/css/login.css
+++ /dev/null
@@ -1,221 +0,0 @@
-/*
-*这里的值严格按照UI设计图标注值来进行设置
-*/
-/*
-*颜色
-*/
-/*
-*页面的边距
-*/
-/*
-*字体
-*/
-/*
-*头像
-*/
-/*
- * 按钮
- */
-/*
-*对常见的多行样式进行了方法封装，方便调用，加快开发效率
-*/
-html,
-body {
-  min-height: 100vh;
-  width: 100vw;
-  background-color: #eee;
-  margin: 0;
-  display: flex;
-  font-weight: initial !important;
-  font-size: 14px !important;
-  color: #333 !important;
-}
-html *,
-body * {
-  text-decoration: none !important;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  box-sizing: border-box;
-}
-.ms-ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: block;
-}
-.ms-align-center {
-  display: flex;
-  align-items: center;
-}
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
-  font-weight: initial;
-  font-size: 12px;
-  color: #aaa;
-  resize: none;
-}
-*::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-/*定义滚动条轨道 内阴影+圆角*/
-*::-webkit-scrollbar-track {
-  border-radius: 10px;
-  /*滚动条的背景区域的圆角*/
-  background-color: #eee;
-  /*滚动条的背景颜色*/
-}
-/*定义滑块 内阴影+圆角*/
-*::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  /*滚动条的圆角*/
-  background-color: #ddd;
-  /*滚动条的背景颜色*/
-}
-.ms-container {
-  margin: 12px;
-  height: calc(100% - 24px);
-  padding: 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-header button {
-  height: 30px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.ms-weixin-content {
-  width: calc(100% - 140px);
-}
-.ms-weixin-dialog .el-dialog__header {
-  height: 55px;
-  box-sizing: border-box;
-  padding: 10px 10px 25px 10px;
-  border-bottom: 1px solid #ddd;
-}
-.ms-weixin-dialog .el-dialog__header .el-dialog__title {
-  font-weight: bold;
-  font-size: 14px;
-  color: #333;
-}
-.ms-weixin-dialog .el-dialog__footer {
-  border-top: 1px solid #ddd;
-  padding: 15px !important;
-}
-.ms-hover {
-  cursor: pointer;
-}
-.ms-hover:hover {
-  color: #0099ff;
-  background: #fff;
-  border-color: #0099ff;
-}
-.login {
-  width: 100vw;
-  height: 100vh;
-}
-.login .ms-admin-login-container {
-  height: 100%;
-  background: url('../images/login-bg.jpg') center no-repeat;
-  background-size: cover;
-}
-.login .ms-admin-login-container .ms-admin-login-main {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 680px;
-  height: 320px;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp > img {
-  flex: 1;
-  display: inline-block;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form {
-  flex: 1;
-  height: 320px;
-  background: #fff;
-  padding: 39px  54px;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form h1 {
-  line-height: 1;
-  font-weight: initial;
-  font-size: 12px;
-  color: #999999;
-  margin: 0 0 30px 0;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form h1 span {
-  font-weight: initial;
-  font-size: 16px;
-  color: #0099ff;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item {
-  margin-bottom: 12px;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item > div {
-  margin-left: 0 !important;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item .el-form-item__content,
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item .el-input,
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item input {
-  height: 34px !important;
-  line-height: 34px !important;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content {
-  display: flex;
-  justify-content: space-between;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content .el-input__inner,
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content .el-input {
-  width: 110px;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content > img {
-  width: 66px;
-  height: 34px;
-  margin: 0 6px;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content p {
-  display: flex;
-  justify-content: space-between;
-  line-height: 1;
-  flex-direction: column;
-  margin: 0;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content p span:nth-of-type(1) {
-  font-weight: initial;
-  font-size: 10px;
-  color: #999999;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-code .el-form-item__content p span:nth-of-type(2) {
-  font-weight: initial;
-  font-size: 10px;
-  color: #0099ff;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-checkout .el-form-item__content,
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-checkout .el-input,
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-form-item-checkout input {
-  height: auto !important;
-  line-height: 1px !important;
-}
-.login .ms-admin-login-container .ms-admin-login-main .ms-admin-login-warp .ms-admin-login-form .ms-admin-login-btn {
-  width: 100%;
-  height: 34px;
-  line-height: 5px;
-}
diff --git a/src/main/webapp/static/ms-admin/4.7.0/less/index.less b/src/main/webapp/static/ms-admin/4.7.0/less/index.less
new file mode 100644
index 00000000..56b01983
--- /dev/null
+++ b/src/main/webapp/static/ms-admin/4.7.0/less/index.less
@@ -0,0 +1,250 @@
+// 首页样式
+@import "app.less";
+//头部
+.index{
+    width: 100%;
+}
+.ms-admin-header {
+    display: flex;
+    padding: 0;
+    background-color: @themeColor;
+    height: @headHeight !important;
+    //头部menu
+    .ms-admin-header-menu {
+        background-color: @themeColor;
+        width: auto;
+        border-bottom: none;
+        position: relative;
+        &>.ms-admin-menu-item>*,
+        &>.ms-admin-menu-item {
+            .ms-line-height(@headHeight) !important;
+            background-color: @themeColor !important;
+            color: rgba(255, 255, 255, 0.65) !important;
+            border-bottom: none !important;
+            font-size: 1em;
+            &:hover {
+                color: #fff !important;
+            }
+            &.is-active {
+                color: #fff !important;
+            }
+        }
+        // 快捷菜单
+        .ms-admin-shortcut-menu{
+            user-select: none;
+            outline: none;
+            padding-left: 20px;
+            width: 100%;
+            min-width: 500px;
+            min-height: 200px;
+            background-color:#fff !important; 
+            height: auto;
+            flex-wrap: wrap;
+            position: absolute;
+            right: 0;
+            top: 0;
+            z-index: 9;
+            background: #ffffff;
+            border:1px solid @borderColor;
+            box-shadow: 2px 3px 5px 0.1px rgba(0,0,0,.1);
+            >li{
+                margin: 0;
+                // min-width: 100px;
+                // text-align: center;
+                margin-right: 20px;
+                text-align: left;
+                display: -webkit-inline-box;
+                display: inline-block;
+                .ms-line-height(50px);
+                .ms-font(@defalutSize, @defalutColor, normal);
+                &:hover{
+                    cursor: pointer;
+                    color: @themeColor;
+                }
+            }
+            // 更多图标
+            i{
+                position: absolute;
+                top: 18px;
+                right: 19px;
+                .ms-font(@defalutSize, @defalutColor, normal);
+                &:hover{
+                    cursor: pointer;
+                }
+            }
+        }
+    }
+}
+
+//logo
+.ms-admin-logo {
+    min-width: 200px;
+    width: 200px;
+    .ms-align-center;
+    overflow: hidden;
+    &>img {
+        padding: @listPadding 0 @listPadding 20px;
+        width: 80px;
+    }
+    &>div {
+        .ms-align-center;
+        img {
+            margin-top: -10px;
+            margin-left: 3px;
+        }
+        span {
+            margin-top: -7px;
+            position: absolute;
+            margin-left: 6px;
+            font-size: 12px;
+        }
+    }
+    .iconfont {
+        color: #fff;
+        margin-left: auto;
+        margin-right: @listPadding;
+        cursor: pointer;
+    }
+}
+
+//头部右侧mstore
+.ms-admin-mstore {
+    margin-left: auto;
+    min-width: 200px;
+    .ms-align-center;
+    justify-content: flex-end;
+    padding: 0;
+    .ms-admin-mstore-icon {
+        min-width: @headHeight;
+        .ms-width-height(@headHeight);
+        background-color: #0080FF;
+        .ms-flex(center);
+        align-items: center;
+        cursor: pointer;
+        .iconfont {
+            color: #fff;
+        }
+    }
+}
+
+//头部登录
+.ms-admin-login {
+    .ms-align-center;
+    &>span {
+        width: 120px;
+        padding: 0 20px;
+        height: @headHeight;
+        .ms-align-center;
+        cursor: pointer;
+        outline: none;
+        img {
+            border-radius: 50%;
+            .ms-width-height(20px);
+            margin-right: 8px;
+        }
+        span {
+            color: #fff;
+        }
+    }
+    .active {
+        background: #fff;
+        span {
+            color: @titleColor;
+        }
+    }
+}
+
+//下拉菜单
+.ms-admin-login-down {
+    width: 120px;
+    border: none;
+    .ms-margin-padding(0) !important;
+    border-radius: 0;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+    &>.popper__arrow {
+        display: none;
+    }
+}
+//左侧菜单
+.ms-admin-menu-aside{
+    width: 200px !important;
+    overflow: visible;
+    .ms-admin-menu {
+        .ms-width-height(200px, 100%);
+        position: relative;
+        .el-menu--inline {
+            .is-active {
+                border-left: 2px solid @themeColor;
+            }
+        }
+        // 左侧收缩按钮
+        .ms-menu-expand{
+            transform: rotate(270deg);
+            position: absolute;
+            right: -34px;
+            top: 50%;
+            cursor: pointer;
+            // 收缩
+            i{
+                .ms-font(14px,#333);
+                position: absolute;
+                transform: rotate(90deg);
+                top: 5px;
+                right: 43%;
+            }
+            &::before{
+                border-color: transparent transparent #eee;
+                border-style: none solid solid;
+                border-width: 0 30px 22px;
+                content: "";
+                display: block;
+                height: 0;
+                left: -10px;
+                width: 30px;
+            }
+        }
+        .ms-menu-expand-active{
+            transform: rotate(90deg);
+            transition: all .3 ease;
+            right: -56px;
+        }
+    }
+    // 激活状态
+    .ms-admin-menu-active{
+        .ms-width-height(60px, 100%);
+    }
+}
+.ms-admin-menu-aside-active{
+    width: 60px !important;
+}
+
+//身体
+.ms-admin-container {
+    height: ~'calc(100vh - 60px)';
+    &>.ms-admin-main {
+        padding: 0;
+        background-color: #fff;
+        //选项卡
+        .ms-admin-tabs {
+            height: 100%;
+            .el-tabs__content{
+                height: 100%;
+                .el-tab-pane{
+                    height: 100%;
+                }
+            }
+            .el-tabs__nav-scroll {
+                background: #fafafa;
+                .el-tabs__nav {
+                    border-left: none;
+                    border-radius: 0;
+                }
+            }
+        }
+        // 嵌套iframe
+        iframe{
+            .ms-width-height(100%);
+            border: none !important;
+        }
+    }
+}
\ No newline at end of file
