界面更新

src/main/webapp/static/ms-admin/4.7.0/css/app.css

@@ -0,0 +1,71 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+html,
+body {
+  min-height: 100vh;
+  background-color: #eee;
+  margin: 0;
+  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: #ddd;
+  /*滚动条的背景颜色*/
+}

src/main/webapp/static/ms-admin/4.7.0/css/index.css

@@ -0,0 +1,300 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+html,
+body {
+  min-height: 100vh;
+  background-color: #eee;
+  margin: 0;
+  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: #ddd;
+  /*滚动条的背景颜色*/
+}
+.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 #ddd;
+  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;
+}
+.ms-admin-logo > img {
+  padding: 14px 0 14px 20px;
+  width: 80px;
+  height: 100%;
+}
+.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: 14px;
+  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 .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;
+}

src/main/webapp/static/ms-admin/4.7.0/css/login.css

@@ -0,0 +1,166 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+html,
+body {
+  min-height: 100vh;
+  background-color: #eee;
+  margin: 0;
+  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: #ddd;
+  /*滚动条的背景颜色*/
+}
+.login {
+  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;
+}

src/main/webapp/static/ms-admin/4.7.0/css/ms.css

@@ -0,0 +1,100 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+html,
+body {
+  min-height: 100vh;
+  background-color: #eee;
+  font-weight: initial !important;
+  font-size: 14px !important;
+  color: #333 !important;
+}
+html *,
+body * {
+  text-decoration: none !important;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+.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: #ddd;
+  /*滚动条的背景颜色*/
+}
+body {
+  margin: 0;
+  padding: 0;
+  background: #eee !important;
+}
+.ms-container {
+  margin: 12px;
+  height: 100%;
+  padding: 14px 14px 0 14px;
+  background: #fff;
+}
+.ms-header {
+  padding: 10px;
+  margin: 0;
+  border-bottom: 1px solid #ddd;
+  background: #fff;
+  height: 50px;
+}
+.ms-pagination {
+  padding: 20px 0;
+  text-align: right;
+}
+.ms-fr {
+  float: right;
+}
+.ms-tr {
+  text-align: right;
+}
+.el-button + .el-button {
+  margin-left: 0;
+}

src/main/webapp/static/ms-admin/4.7.0/less/app.less

@@ -0,0 +1,61 @@
+@import "base/style.less";
+@import "base/mixin.less";
+html,
+body {
+    min-height: 100vh;
+    background-color: @backgroundColor;
+    margin: 0;
+    .ms-font(@defalutSize, @defalutColor) !important; //默认字体样式
+    * {
+        text-decoration: none !important;
+        font-family: Verdana, Arial, Helvetica, sans-serif;
+        box-sizing: border-box;
+    }
+}
+
+@headHeight: 50px;
+//超文本隐藏 
+.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 {
+    .ms-font(@auxiliarySize, @auxiliaryColor);
+    resize: none;
+}
+
+//设置滚动条样式
+*::-webkit-scrollbar {
+    .ms-width-height(8px);
+}
+
+
+/*定义滚动条轨道 内阴影+圆角*/
+
+*::-webkit-scrollbar-track {
+    border-radius: 10px;
+    /*滚动条的背景区域的圆角*/
+    background-color: @backgroundColor;
+    /*滚动条的背景颜色*/
+}
+
+
+/*定义滑块 内阴影+圆角*/
+
+*::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    /*滚动条的圆角*/
+    background-color: @borderColor;
+    /*滚动条的背景颜色*/
+}

src/main/webapp/static/ms-admin/4.7.0/less/base/mixin.less

@@ -0,0 +1,73 @@
+/*
+*对常见的多行样式进行了方法封装，方便调用，加快开发效率
+*/
+
+// 背景图片地址和大小 
+.ms-background(@url) {
+    background-image: url(@url);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+// 圆角
+.ms-radius(@radius) {
+    -webkit-border-radius: @radius;
+    -moz-border-radius: @radius;
+    -ms-border-radius: @radius;
+    -o-border-radius: @radius;
+    border-radius: @radius;
+}
+
+//宽高
+.ms-width-height(@width, @height: @width) {
+    width: @width;
+    height: @height;
+}
+
+//字体大小，颜色 ，字体粗细
+.ms-font(@size, @color , @weight:initial) {
+    font-weight: @weight;
+    font-size: @size;
+    color: @color;
+}
+
+//flex 布局和 子元素 对其方式
+.ms-flex(@type: space-between) {
+    display: flex;
+    justify-content: @type;
+}
+
+//行级flex 布局和 子元素 对其方式
+.ms-inline-flex(@type: space-between) {
+    display: inline-flex;
+    justify-content: @type;
+}
+
+//多行超文本隐藏
+.ms-ellipsis-clamp(@num) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: @num;
+    -webkit-box-orient: vertical;
+}
+
+//行高和高
+.ms-line-height(@num, @value: @num) {
+    height: @num;
+    line-height: @value;
+}
+
+//圆角元素
+.ms-radius-size(@radius, @width, @height: @width) {
+    .ms-width-height(@width, @height);
+    .ms-radius(@radius);
+    text-align: center;
+    line-height: @height;
+}
+
+//边距
+.ms-margin-padding(@margin, @padding: @margin) {
+    margin: @margin;
+    padding: @padding;
+}

src/main/webapp/static/ms-admin/4.7.0/less/base/style.less

@@ -0,0 +1,63 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+
+
+/*
+*颜色
+*/
+
+//主题颜色
+@themeColor: #0099ff;
+//背景颜色
+@backgroundColor: #eee;
+//边框颜色
+@borderColor: #ddd;
+
+/*
+*页面的边距
+*/
+
+//整体区域内边距大小
+@warpperPadding: 20px;
+//整体区域外边距大小
+@warpperMargin: 12px;
+//列表内边距大小
+@listPadding: 14px;
+//列表外边距大小
+@listMargin: 10px;
+
+/*
+*字体
+*/
+
+//标题字体样式
+//一级标题的样式
+@h1: 16px;
+//一级标题的样式
+@h2: 14px;
+@titleColor: #333;
+//内容字体样式
+@contentSize: 14px;
+@contentColor: #333;
+// 默认字体样式
+@defalutSize: 14px;
+@defalutColor: #333;
+//辅助性描述样式
+@auxiliarySize: 12px;
+@auxiliaryColor: #999;
+
+/*
+*头像
+*/
+
+//大头像
+// @bigHead: ;
+//中头像
+// @midHead: ;
+//小头像
+@smallHead: 24px;
+
+/*
+ * 按钮
+ */

src/main/webapp/static/ms-admin/4.7.0/less/css/style.css

@@ -0,0 +1,18 @@
+/*
+*这里的值严格按照UI设计图标注值来进行设置
+*/
+/*
+*颜色
+*/
+/*
+*页面的边距
+*/
+/*
+*字体
+*/
+/*
+*头像
+*/
+/*
+ * 按钮
+ */

src/main/webapp/static/ms-admin/4.7.0/less/index.less

@@ -0,0 +1,233 @@
+@import "app.less";
+//头部
+.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;
+    &>img {
+        padding: @listPadding 0 @listPadding 20px;
+        .ms-width-height(80px, 100%);
+    }
+    &>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 {
+            .el-tabs__nav-scroll {
+                background: #fafafa;
+                .el-tabs__nav {
+                    border-left: none;
+                    border-radius: 0;
+                }
+            }
+        }
+    }
+}

src/main/webapp/static/ms-admin/4.7.0/less/login.less

@@ -0,0 +1,88 @@
+@import "app.less";
+// 登录
+.login{
+    height: 100vh;
+    .ms-admin-login-container{
+        height: 100%;
+        background: url('../images/login-bg.jpg') center no-repeat;
+        background-size:cover;
+        .ms-admin-login-main{
+            .ms-flex(center);
+            align-items: center;
+            .ms-admin-login-warp{
+                .ms-flex(center);
+                align-items: center;
+                .ms-width-height(680px,320px);
+                // 口号
+                >img{
+                    flex: 1;
+                    display: inline-block;
+                }
+                // 表单
+                .ms-admin-login-form{
+                    flex: 1;
+                    height: 320px;
+                    background: #fff;
+                    padding:39px  54px;
+                    // 标题
+                    h1{
+                        line-height: 1;
+                        .ms-font(12px,#999999); 
+                        margin: 0 0 30px 0;
+                        span{
+                            .ms-font(16px,#0099ff);
+                        }
+                    }
+                    .ms-admin-form-item{
+                        margin-bottom: 12px;
+                        >div{
+                            margin-left: 0 !important;
+                        }
+                        .el-form-item__content,.el-input,input{
+                            height: 34px !important;
+                            line-height: 34px !important;
+                        }
+                    }
+                    // 验证码
+                    .ms-admin-form-item-code{
+                        .el-form-item__content{
+                            .ms-flex();
+                            .el-input__inner,.el-input{
+                                width:110px;
+                            }
+                            >img{
+                                .ms-width-height(66px,34px);
+                                margin:0 6px;
+                            }
+                            p{
+                                .ms-flex();
+                                line-height: 1;
+                                flex-direction: column;
+                                margin: 0;
+                                span:nth-of-type(1){
+                                    .ms-font(10px,#999999);
+                                }
+                                span:nth-of-type(2){
+                                    .ms-font(10px,#0099ff);
+                                }
+                            }
+                            
+                        }
+                    }
+                    .ms-admin-form-item-checkout{
+                        .el-form-item__content,.el-input,input{
+                            height: auto !important;
+                            line-height: 1px !important;
+                        }
+                    }
+                    // 提交按钮
+                    .ms-admin-login-btn{
+                        .ms-width-height(100%,34px);
+                        line-height: 5px;
+                    }
+                }
+            }
+        }
+    }
+}
+

src/main/webapp/static/ms-admin/4.7.0/less/ms.less

@@ -0,0 +1,39 @@
+@import "app.less";
+
+body {
+    margin: 0;
+    padding: 0;
+    background: #eee !important;
+}
+
+.ms-container {
+    margin: 12px;
+    height: 100%;
+    padding: 14px 14px 0 14px;
+    background: #fff;
+}
+
+.ms-header {
+    padding: 10px;
+    margin: 0;
+    border-bottom: 1px solid #ddd;
+    background: #fff;
+    height: 50px
+}
+
+.ms-pagination {
+    padding: 20px 0;
+    text-align: right;
+}
+
+.ms-fr {
+    float: right;
+}
+
+.ms-tr {
+    text-align: right;
+}
+
+.el-button+.el-button {
+    margin-left: 0
+}