添加UI

static/admin/simpleui-x/css/base.css

@@ -0,0 +1,222 @@
+#changelist {
+  display: block !important;
+}
+.change-list .filtered .results,
+.change-list .filtered .paginator,
+.filtered #toolbar,
+.filtered div.xfull {
+  margin-right: 0px !important;
+}
+.submit-row {
+  background: inherit !important;
+  border: none !important;
+}
+#content {
+  padding: 20px;
+  background-color: white;
+  margin: 20px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+.simpleui-form-item {
+  display: inline-block;
+  width: auto;
+  margin-right: 10px;
+}
+#changelist #toolbar form input {
+  padding-left: 30px !important;
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+.el-link-btn {
+  text-decoration: none !important;
+  color: #606266 !important;
+}
+#pagination {
+  text-align: center;
+  margin-top: 10px;
+}
+.actions .el-button {
+  margin-right: 10px;
+  margin-left: 0px;
+}
+.change-list #content {
+  padding: 0px;
+  margin: 20px;
+  background-color: white;
+}
+#content #changelist-form {
+  padding: 0px 20px;
+}
+#changelist #toolbar {
+  margin-bottom: 0px !important;
+}
+.form-main {
+  float: none !important;
+  width: auto !important;
+}
+.el-alert {
+  margin-bottom: 10px;
+}
+.el-alert:last-child {
+  margin-bottom: 0px !important;
+}
+a:link,
+a:visited {
+  color: #3f9eff;
+  text-decoration: none;
+}
+.object-tools {
+  margin-top: 0px;
+  position: absolute;
+  top: 30px;
+  right: 30px;
+}
+.vTextField {
+  outline: none;
+}
+td,
+th {
+  vertical-align: inherit;
+  border-bottom: none;
+}
+.row2 {
+  background: #fafafa;
+}
+tbody tr:hover td,
+tbody tr:hover th {
+  background-color: #ebf5ff;
+}
+.form-row {
+  border-bottom: none !important;
+}
+.submit-row input[type='submit'] {
+  height: auto;
+}
+.submit-row input[type='submit'] {
+  padding: 12px 20px !important;
+}
+@media (max-width: 767px) {
+  .submit-row > * {
+    margin-left: 0px !important;
+    margin-bottom: 10px;
+  }
+  .form-main {
+    padding: 0px;
+  }
+  #content {
+    padding: 0px 3px !important;
+  }
+  .simpleui-form .el-input {
+    width: 100px;
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+    margin: 0px;
+    margin-right: 10px;
+  }
+  .object-tools {
+    margin-top: 10px;
+  }
+  .el-pagination {
+    white-space: inherit;
+  }
+}
+body,
+#container {
+  background-color: #f1f1f1 !important;
+}
+@media (max-width: 767px) {
+  .change-list #content {
+    margin: 0px;
+  }
+  #content #changelist-form {
+    padding: 0px 5px;
+  }
+  #content {
+    box-shadow: none;
+  }
+  body,
+  #container {
+    background-color: white;
+  }
+  #changelist .actions {
+    padding: 5px !important;
+  }
+  .el-button {
+    padding: 8px 10px;
+  }
+  .object-tools {
+    top: 6px !important;
+    margin: 0px;
+  }
+  .el-pagination__total {
+    display: block !important;
+  }
+  .el-pagination__jump {
+    display: block !important;
+    margin: 0px;
+    margin-top: 10px;
+  }
+  .el-pager {
+    margin: 0px;
+    padding: 0px;
+  }
+  .el-dialog {
+    width: 90%;
+  }
+}
+@media (max-width: 1024px) {
+  .change-list .filtered .results,
+  .change-list .filtered .paginator,
+  .filtered #toolbar,
+  .filtered .actions,
+  .filtered div.xfull {
+    margin-right: 0px !important;
+  }
+  #changelist-search > div {
+    max-width: 100% !important;
+  }
+  #content {
+    padding: 0px !important;
+  }
+}
+#changelist .actions {
+  margin-right: auto;
+  position: relative;
+}
+#changelist .actions .btn-group {
+  position: absolute;
+  right: 0px;
+}
+.inline-group .tabular td.original p {
+  margin-top: -42px !important;
+}
+:root {
+  --error-fg: red!important;
+}
+/*django新特性 主题适配*/
+@media (prefers-color-scheme: dark) {
+  :root {
+    --primary: inherit;
+    --primary-fg: inherit;
+    --body-fg: inherit;
+    --body-bg: inherit;
+    --body-quiet-color: inherit;
+    --body-loud-color: inherit;
+    --breadcrumbs-link-fg: inherit;
+    --breadcrumbs-bg: inherit;
+    --link-fg: inherit;
+    --link-hover-color: inherit;
+    --link-selected-fg: #FFF;
+    --hairline-color: inherit;
+    --border-color: #ccc;
+    --error-fg: inherit;
+    --message-success-bg: inherit;
+    --message-warning-bg: inherit;
+    --message-error-bg: inherit;
+    --darkened-bg: inherit;
+    --selected-bg: inherit;
+    --selected-row: inherit;
+    --close-button-bg: inherit;
+    --close-button-hover-bg: inherit;
+  }
+}

static/admin/simpleui-x/css/base.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["base.less"],"names":[],"mappings":"AAAA;EACE,yBAAA;;AAGF,YAAa,UAAU;AAAU,YAAa,UAAU;AAAY,SAAU;AAAU,SAAU,IAAG;EACnG,4BAAA;;AAGF;EACE,8BAAA;EACA,uBAAA;;AAGF;EACE,aAAA;EACA,uBAAA;EACA,YAAA;EACA,2CAAA;;AAGF;EACE,qBAAA;EACA,WAAA;EACA,kBAAA;;AAGF,WAAY,SAAS,KAAK;EACxB,6BAAA;EACA,2BAAA;EACA,8BAAA;;AAGF;EACE,gCAAA;EACA,cAAA;;AAGF;EACE,kBAAA;EACA,gBAAA;;AAGF,QAAS;EACP,kBAAA;EACA,gBAAA;;AAGF,YAAa;EACX,YAAA;EACA,YAAA;EACA,uBAAA;;AAGF,QAAS;EACP,iBAAA;;AAGF,WAAY;EACV,6BAAA;;AAGF;EAEE,sBAAA;EACA,sBAAA;;AAGF;EACE,mBAAA;;AAGF,SAAS;EACP,6BAAA;;AAGF,CAAC;AAAO,CAAC;EACP,cAAA;EACA,qBAAA;;AAGF;EACE,eAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;;AAGF;EACE,aAAA;;AAGF;AAAI;EACF,uBAAA;EACA,mBAAA;;AAGF;EACE,mBAAA;;AAGF,KAAM,GAAE,MAAO;AAAI,KAAM,GAAE,MAAO;EAChC,yBAAA;;AAGF;EACE,8BAAA;;AAGF,WAAY,MAAK;EACf,YAAA;;AAGF,WAAY,MAAK;EACf,6BAAA;;AAGF,QAA0B;EACxB,WAAY;IACV,2BAAA;IACA,mBAAA;;EAGF;IACE,YAAA;;EAGF;IACE,2BAAA;;EAGF,cAAe;IACb,YAAA;IACA,4BAAA;IACA,6BAAA;IACA,WAAA;IACA,kBAAA;;EAGF;IACE,gBAAA;;EAGF;IACE,oBAAA;;;AAMJ;AACA;EACE,yBAAA;;AAWF,QAA0B;EACxB,YAAa;IACX,WAAA;;EAGF,QAAS;IACP,gBAAA;;EAGF;IACE,gBAAA;;EAGF;EAAM;IACJ,uBAAA;;EAGF,WAAY;IACV,uBAAA;;EAGF;IACE,iBAAA;;EAGF;IACE,mBAAA;IACA,WAAA;;EAGF;IACE,yBAAA;;EAGF;IACE,yBAAA;IACA,WAAA;IACA,gBAAA;;EAGF;IACE,WAAA;IACA,YAAA;;EAGF;IACE,UAAA;;;AAKJ,QAA2B;EACzB,YAAa,UAAU;EAAU,YAAa,UAAU;EAAY,SAAU;EAAU,SAAU;EAAU,SAAU,IAAG;IACvH,4BAAA;;EAGF,kBAAmB;IACjB,0BAAA;;EAGF;IACE,uBAAA;;;AAIJ,WAAY;EACV,kBAAA;EACA,kBAAA;;AAFF,WAAY,SAIV;EACE,kBAAA;EACA,UAAA;;AAIJ,aAAc,SAAS,GAAE,SAAU;EACjC,iBAAA;;;AAIF,QAAoC;EAClC;IACE,kBAAA;IACA,qBAAA;IAEA,kBAAA;IACA,kBAAA;IACA,2BAAA;IACA,0BAAA;IAEA,8BAAA;IACA,yBAAA;IAEA,kBAAA;IACA,2BAAA;IACA,wBAAA;IAEA,yBAAA;IACA,oBAAA;IAEA,mBAAA;IACA,6BAAA;IACA,6BAAA;IACA,2BAAA;IAEA,sBAAA;IACA,sBAAA;IACA,uBAAA;IAEA,0BAAA;IACA,gCAAA","file":"base.css"}

static/admin/simpleui-x/css/base.less

@@ -0,0 +1,279 @@
+#changelist {
+  display: block !important;
+}
+
+.change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull {
+  margin-right: 0px !important;
+}
+
+.submit-row {
+  background: inherit !important;
+  border: none !important;
+}
+
+#content {
+  padding: 20px;
+  background-color: white;
+  margin: 20px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+}
+
+.simpleui-form-item {
+  display: inline-block;
+  width: auto;
+  margin-right: 10px;
+}
+
+#changelist #toolbar form input {
+  padding-left: 30px !important;
+  padding-top: 0px !important;
+  padding-bottom: 0px !important;
+}
+
+.el-link-btn {
+  text-decoration: none !important;
+  color: #606266 !important;
+}
+
+#pagination {
+  text-align: center;
+  margin-top: 10px;
+}
+
+.actions .el-button {
+  margin-right: 10px;
+  margin-left: 0px;
+}
+
+.change-list #content {
+  padding: 0px;
+  margin: 20px;
+  background-color: white;
+}
+
+#content #changelist-form {
+  padding: 0px 20px;
+}
+
+#changelist #toolbar {
+  margin-bottom: 0px !important;
+}
+
+.form-main {
+  //padding: 20px;
+  float: none !important;
+  width: auto !important;
+}
+
+.el-alert {
+  margin-bottom: 10px;
+}
+
+.el-alert:last-child {
+  margin-bottom: 0px !important;
+}
+
+a:link, a:visited {
+  color: #3f9eff;
+  text-decoration: none;
+}
+
+.object-tools {
+  margin-top: 0px;
+  position: absolute;
+  top: 30px;
+  right: 30px;
+}
+
+.vTextField {
+  outline: none;
+}
+
+td, th {
+  vertical-align: inherit;
+  border-bottom: none;
+}
+
+.row2 {
+  background: #fafafa;
+}
+
+tbody tr:hover td, tbody tr:hover th {
+  background-color: #ebf5ff;
+}
+
+.form-row {
+  border-bottom: none !important;
+}
+
+.submit-row input[type='submit'] {
+  height: auto;
+}
+
+.submit-row input[type='submit'] {
+  padding: 12px 20px !important;
+}
+
+@media (max-width: 767px) {
+  .submit-row > * {
+    margin-left: 0px !important;
+    margin-bottom: 10px;
+  }
+
+  .form-main {
+    padding: 0px;
+  }
+
+  #content {
+    padding: 0px 3px !important;
+  }
+
+  .simpleui-form .el-input {
+    width: 100px;
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+    margin: 0px;
+    margin-right: 10px;
+  }
+
+  .object-tools {
+    margin-top: 10px;
+  }
+
+  .el-pagination {
+    white-space: inherit;
+  }
+}
+
+@bg-color: #f1f1f1;
+
+body,
+#container {
+  background-color: @bg-color !important;
+
+  #content {
+
+    #changelist-form {
+      //background-color: #f3f3f4;
+      //padding: 20px;
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .change-list #content {
+    margin: 0px;
+  }
+
+  #content #changelist-form {
+    padding: 0px 5px;
+  }
+
+  #content {
+    box-shadow: none;
+  }
+
+  body, #container {
+    background-color: white;
+  }
+
+  #changelist .actions {
+    padding: 5px !important;
+  }
+
+  .el-button {
+    padding: 8px 10px;
+  }
+
+  .object-tools {
+    top: 6px !important;
+    margin: 0px;
+  }
+
+  .el-pagination__total {
+    display: block !important;
+  }
+
+  .el-pagination__jump {
+    display: block !important;
+    margin: 0px;
+    margin-top: 10px;
+  }
+
+  .el-pager {
+    margin: 0px;
+    padding: 0px;
+  }
+
+  .el-dialog {
+    width: 90%;
+  }
+
+}
+
+@media (max-width: 1024px) {
+  .change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered .actions, .filtered div.xfull {
+    margin-right: 0px !important;
+  }
+
+  #changelist-search > div {
+    max-width: 100% !important;
+  }
+
+  #content {
+    padding: 0px !important;
+  }
+}
+
+#changelist .actions {
+  margin-right: auto;
+  position: relative;
+
+  .btn-group {
+    position: absolute;
+    right: 0px;
+  }
+}
+
+.inline-group .tabular td.original p {
+  margin-top: -42px !important;
+}
+
+:root {
+  --error-fg: red!important;
+}
+
+/*django新特性 主题适配*/
+@media (prefers-color-scheme: dark) {
+  :root {
+    --primary: inherit;
+    --primary-fg: inherit;
+
+    --body-fg: inherit;
+    --body-bg: inherit;
+    --body-quiet-color: inherit;
+    --body-loud-color: inherit;
+
+    --breadcrumbs-link-fg: inherit;
+    --breadcrumbs-bg: inherit;
+
+    --link-fg: inherit;
+    --link-hover-color: inherit;
+    --link-selected-fg: #FFF;
+
+    --hairline-color: inherit;
+    --border-color: #ccc;
+
+    --error-fg: inherit;
+    --message-success-bg: inherit;
+    --message-warning-bg: inherit;
+    --message-error-bg: inherit;
+
+    --darkened-bg: inherit;
+    --selected-bg: inherit;
+    --selected-row: inherit;
+
+    --close-button-bg: inherit;
+    --close-button-hover-bg: inherit;
+  }
+}

static/admin/simpleui-x/css/index.css

@@ -0,0 +1,370 @@
+html,
+body {
+  padding: 0px;
+  margin: 0px;
+  background-color: #f8f8f8;
+  height: 100%;
+  overflow: hidden;
+}
+.navbar {
+  overflow: hidden;
+  position: relative;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+}
+.navbar .el-button {
+  border: none;
+  background-color: inherit;
+}
+.menu .el-menu {
+  border-right: 0px;
+}
+.menu .el-menu .is-active {
+  color: #409eff !important;
+}
+.menu,
+.menu .el-menu-item-group {
+  color: #bfcbd9;
+  background-color: #304156;
+}
+.menu .el-menu-item:hover {
+  background-color: #001528 !important;
+}
+.is-active .el-submenu__title {
+  color: #409eff !important;
+}
+.menu .el-menu-item {
+  color: #bfcbd9 !important;
+  background-color: #1f2d3d !important;
+}
+.menu .el-submenu__title {
+  color: #bfcbd9 !important;
+  background-color: #304156;
+}
+.menu .el-submenu__title:hover,
+.is-opened .el-submenu__title {
+  background-color: #263445 !important;
+}
+.menu .el-menu-item-group__title {
+  display: none;
+}
+.logo-wrap {
+  margin: 0;
+  color: #fff;
+  font-weight: 600;
+  line-height: 58px;
+  font-size: 14px;
+  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+  vertical-align: middle;
+  padding: 0px 5px;
+  min-width: 200px;
+}
+.logo-wrap img {
+  max-width: 30px;
+  margin-bottom: -10px;
+}
+#home [class*=el-col-] {
+  padding: 10px;
+}
+#home .icon .fa,
+#home .icon .fas,
+#home .icon .fa,
+#home .icon .fab {
+  font-size: 35px;
+  /*color: #3f9eff;*/
+}
+.menu .fa,
+.menu .fas,
+.menu .far,
+.menu .fab {
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
+  vertical-align: middle;
+}
+.el-tabs .fa,
+.el-tabs .fas,
+.el-tabs .far,
+.el-tabs .fab {
+  margin-right: 5px;
+  text-align: center;
+  font-size: 14px;
+}
+.simpleui-table {
+  font-size: 12px;
+  color: #606266;
+  width: 100%;
+}
+.simpleui-table tr {
+  height: 35px;
+}
+.simpleui-table tr:hover th,
+.simpleui-table tr:hover td {
+  background-color: inherit !important;
+}
+.simpleui-table tr th {
+  text-align: right;
+  border-bottom: #eaeef5 1px solid;
+}
+.simpleui-table tr td {
+  text-align: left;
+  border-bottom: #eaeef5 1px solid;
+}
+.el-main {
+  padding: 0px;
+  overflow: hidden;
+  height: 100%;
+}
+.el-main .el-tab-pane {
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+}
+.el-tabs__content {
+  padding: 0px !important;
+  height: calc(100% - 39px);
+  overflow: hidden;
+}
+.el-tabs__content iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  outline: none;
+}
+.el-tabs__new-tab {
+  display: none;
+}
+#home {
+  height: 100%;
+  overflow: auto;
+  background-color: #f1f1f1;
+}
+#home .timeline {
+  margin: 10px;
+}
+.el-tabs__item {
+  user-select: none;
+}
+.showHideBtn {
+  display: inline-block;
+}
+.el-button .fas,
+.el-button .far,
+.el-button .fab,
+.el-button .fa {
+  width: 14px;
+  height: 14px;
+}
+.clearfix,
+.float-wrap {
+  display: block;
+}
+.clearfix:after,
+.float-wrap:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+.float-wrap .left {
+  float: left;
+}
+.float-wrap .right {
+  float: right;
+}
+#home .box-card .el-card__body .el-button {
+  display: block;
+  margin: 10px 0px;
+  float: none;
+  width: 100%;
+}
+#home .upgrade {
+  color: #1db393;
+  font-size: 16px;
+}
+.el-breadcrumb__item .fas {
+  margin-right: 5px;
+}
+.float-wrap span {
+  margin-left: 10px;
+}
+.float-wrap .el-breadcrumb__item,
+.float-wrap .el-breadcrumb__item span {
+  margin-left: 0px;
+}
+.float-wrap .el-breadcrumb__separator {
+  margin-left: 5px !important;
+}
+.quick-card {
+  width: auto;
+  display: inline-block !important;
+  float: left;
+  margin: 10px;
+}
+.quick-card a {
+  text-decoration: none;
+  line-height: 35px;
+  color: #409eff;
+}
+.change-theme .theme-item:hover,
+.change-theme .active {
+  border-color: #2096c8 !important;
+}
+.change-theme .theme-item {
+  width: 80px;
+  height: 50px;
+  position: relative;
+  float: left;
+  margin: 0 15px 15px 0;
+  background-color: #f2f2f2;
+  cursor: pointer;
+  font-size: 12px;
+  color: #666;
+  border: #FFF 1px solid;
+  transition: all 0.3s;
+}
+.change-theme .theme-item .theme-top {
+  position: relative;
+  z-index: 10;
+  height: 10px;
+  border-top: 1px solid #f2f2f2;
+  border-right: 1px solid #f2f2f2;
+}
+.change-theme .theme-item .theme-logo {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 10px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.change-theme .theme-item .theme-menu {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 20px;
+  height: 100%;
+  z-index: 11;
+  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.05);
+}
+@media screen and (max-width: 1000px) {
+  #home .el-col-6 {
+    width: 50%;
+  }
+  #content {
+    margin: 0px;
+    padding: 0px;
+  }
+}
+@media screen and (max-width: 800px) {
+  #home .el-col-6 {
+    width: 100%;
+  }
+  .float-wrap .right {
+    float: left;
+  }
+  .navbar .el-button {
+    padding: 5px 2px;
+  }
+  .info-card .el-col-18 {
+    width: 100%;
+  }
+  html,
+  body {
+    overflow: hidden !important;
+    position: fixed !important;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+  }
+}
+.iframe-wrap {
+  height: 100%;
+  position: relative;
+}
+.iframe-wrap .loading {
+  z-index: 10;
+  position: absolute;
+  top: 1px;
+  left: 1px;
+  right: 1px;
+  bottom: 1px;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.iframe-wrap .loading .center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  color: #000;
+  width: 145px;
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  background-color: #ffffff;
+  margin-left: -73px;
+  margin-top: -13px;
+  border-radius: 5px;
+}
+.quick-wrap {
+  float: left;
+  width: 108px;
+  text-align: center;
+  margin: 10px;
+  border: #FFF 1px solid;
+}
+.quick-wrap .card-name {
+  height: 25px;
+  overflow: hidden;
+  display: block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.quick-wrap .icon {
+  display: block;
+  text-align: center;
+  vertical-align: middle;
+  background-color: #F8F8F8;
+  color: #333;
+  height: 60px;
+  line-height: 60px;
+  font-size: 30px;
+  margin-bottom: 10px;
+}
+.quick-wrap a {
+  color: #666;
+  text-decoration: none;
+}
+.quick-wrap:hover {
+  border-color: #409eff;
+}
+#home .info-card .el-card {
+  min-height: 250px;
+}
+.menu {
+  overflow-x: hidden;
+  /*滚动条样式*/
+}
+.menu .el-icon-arrow-right {
+  display: none;
+}
+.menu::-webkit-scrollbar {
+  width: 4px;
+}
+.menu::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 5px rgba(123, 123, 123, 0.2);
+  background: #7d7d7d;
+}
+.menu::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  border-radius: 0;
+  background: rgba(0, 0, 0, 0.1);
+}
+.lite-menus .el-submenu__title:hover,
+.lite-menus .is-opened .el-submenu__title {
+  color: white !important;
+}
+/*# sourceMappingURL=index.css.map */

static/admin/simpleui-x/css/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.css"}

static/admin/simpleui-x/css/index.less

@@ -0,0 +1,440 @@
+html, body {
+  padding: 0px;
+  margin: 0px;
+  background-color: #f8f8f8;
+  height: 100%;
+  overflow: hidden;
+}
+
+.navbar {
+  overflow: hidden;
+  position: relative;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
+}
+
+.navbar .el-button {
+  border: none;
+  background-color: inherit;
+}
+
+.menu .el-menu {
+  border-right: 0px;
+}
+
+.menu .el-menu .is-active {
+  color: rgb(64, 158, 255) !important;
+}
+
+.menu, .menu .el-menu-item-group {
+  color: rgb(191, 203, 217);
+  background-color: rgb(48, 65, 86);
+}
+
+.menu .el-menu-item:hover {
+  background-color: #001528 !important;
+}
+
+.is-active .el-submenu__title {
+  color: rgb(64, 158, 255) !important;
+}
+
+.menu .el-menu-item {
+  color: rgb(191, 203, 217) !important;
+  background-color: #1f2d3d !important;
+}
+
+.menu .el-submenu__title {
+  color: rgb(191, 203, 217) !important;
+  background-color: rgb(48, 65, 86);
+}
+
+.menu .el-submenu__title:hover, .is-opened .el-submenu__title {
+  background-color: #263445 !important;
+}
+
+.menu .el-menu-item-group__title {
+  display: none;
+}
+
+.logo-wrap {
+  margin: 0;
+  color: #fff;
+  font-weight: 600;
+  line-height: 58px;
+  font-size: 14px;
+  font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+  vertical-align: middle;
+  padding: 0px 5px;
+  min-width: 200px;
+
+}
+
+.logo-wrap img {
+  max-width: 30px;
+  margin-bottom: -10px;
+}
+
+#home {
+
+  [class*=el-col-] {
+    padding: 10px;
+  }
+
+}
+
+#home .icon .fa, #home .icon .fas, #home .icon .fa, #home .icon .fab {
+  font-size: 35px;
+  /*color: #3f9eff;*/
+}
+
+.menu .fa, .menu .fas, .menu .far, .menu .fab {
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
+  vertical-align: middle;
+}
+
+.el-tabs .fa, .el-tabs .fas, .el-tabs .far, .el-tabs .fab {
+  margin-right: 5px;
+  text-align: center;
+  font-size: 14px;
+}
+
+
+.simpleui-table {
+  font-size: 12px;
+  color: #606266;
+  width: 100%;
+}
+
+.simpleui-table tr {
+  height: 35px;
+
+  &:hover {
+    th, td {
+      background-color: inherit !important;
+    }
+  }
+}
+
+.simpleui-table tr th {
+  text-align: right;
+  //width: 60px;
+  border-bottom: #eaeef5 1px solid;
+}
+
+.simpleui-table tr td {
+  text-align: left;
+  border-bottom: #eaeef5 1px solid;
+}
+
+.el-main {
+  padding: 0px;
+  overflow: hidden;
+  height: 100%;
+}
+
+.el-main .el-tab-pane {
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+}
+
+.el-tabs__content {
+  padding: 0px !important;
+  height: calc(100% - 39px);
+  overflow: hidden;
+}
+
+.el-tabs__content iframe {
+  width: 100%;
+  height: 100%;
+  border: none;
+  outline: none;
+}
+
+.el-tabs__new-tab {
+  display: none;
+}
+
+#home {
+  height: 100%;
+  overflow: auto;
+  background-color: #f1f1f1;
+}
+
+#home .timeline {
+  margin: 10px;
+}
+
+.el-tabs__item {
+  user-select: none;
+}
+
+.showHideBtn {
+  display: inline-block;
+}
+
+.el-button .fas, .el-button .far, .el-button .fab, .el-button .fa {
+  width: 14px;
+  height: 14px;
+}
+
+.clearfix, .float-wrap {
+  display: block
+}
+
+.clearfix:after, .float-wrap:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden
+}
+
+.float-wrap .left {
+  float: left;
+}
+
+.float-wrap .right {
+  float: right;
+}
+
+#home .box-card .el-card__body .el-button {
+  display: block;
+  margin: 10px 0px;
+  float: none;
+  width: 100%;
+}
+
+#home {
+  .upgrade {
+    color: #1db393;
+    font-size: 16px;
+  }
+}
+
+.el-breadcrumb__item .fas {
+  margin-right: 5px;
+}
+
+.float-wrap span {
+  margin-left: 10px;
+}
+
+.float-wrap {
+  .el-breadcrumb__item, .el-breadcrumb__item span {
+    margin-left: 0px;
+  }
+
+  .el-breadcrumb__separator {
+    margin-left: 5px !important;
+  }
+}
+
+.quick-card {
+  width: auto;
+  display: inline-block !important;
+  float: left;
+  margin: 10px;
+}
+
+.quick-card a {
+  text-decoration: none;
+  line-height: 35px;
+  color: rgb(64, 158, 255);
+}
+
+.change-theme {
+  .theme-item:hover, .active {
+    border-color: #2096c8 !important;
+  }
+
+  .theme-item {
+    width: 80px;
+    height: 50px;
+    position: relative;
+    float: left;
+    margin: 0 15px 15px 0;
+    background-color: #f2f2f2;
+    cursor: pointer;
+    font-size: 12px;
+    color: #666;
+    border: #FFF 1px solid;
+    transition: all 0.3s;
+
+    .theme-top {
+      position: relative;
+      z-index: 10;
+      height: 10px;
+      border-top: 1px solid #f2f2f2;
+      border-right: 1px solid #f2f2f2;
+    }
+
+    .theme-logo {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 10px;
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
+    }
+
+    .theme-menu {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 20px;
+      height: 100%;
+      z-index: 11;
+      box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05);
+    }
+  }
+}
+
+@media screen and (max-width: 1000px) {
+  #home .el-col-6 {
+    width: 50%;
+  }
+
+  #content {
+    margin: 0px;
+    padding: 0px;
+  }
+}
+
+@media screen and (max-width: 800px) {
+  #home .el-col-6 {
+    width: 100%;
+  }
+
+  .float-wrap .right {
+    float: left;
+  }
+
+  .navbar .el-button {
+    padding: 5px 2px;
+  }
+
+  .info-card .el-col-18 {
+    width: 100%;
+  }
+
+  html, body {
+    overflow: hidden !important;
+    position: fixed !important;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+  }
+}
+
+.iframe-wrap {
+  height: 100%;
+  position: relative;
+
+  .loading {
+    z-index: 10;
+    position: absolute;
+    top: 1px;
+    left: 1px;
+    right: 1px;
+    bottom: 1px;
+    background-color: rgba(#000, 0.3);
+
+    .center {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      color: #000;
+      width: 145px;
+      height: 35px;
+      line-height: 35px;
+      text-align: center;
+      background-color: #ffffff;
+      margin-left: -73px;
+      margin-top: -13px;
+      border-radius: 5px;
+    }
+  }
+}
+
+.quick-wrap {
+  float: left;
+  width: 108px;
+  //height: 95px;
+  text-align: center;
+  margin: 10px;
+  border: #FFF 1px solid;
+
+  .card-name {
+    height: 25px;
+    overflow: hidden;
+    display: block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .icon {
+    display: block;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #F8F8F8;
+    color: #333;
+    height: 60px;
+    line-height: 60px;
+    font-size: 30px;
+    margin-bottom: 10px;
+  }
+
+  a {
+    color: #666;
+    text-decoration: none;
+  }
+
+  &:hover {
+    border-color: rgb(64, 158, 255);
+  }
+}
+
+#home {
+  .info-card {
+    .el-card {
+      min-height: 250px;
+    }
+  }
+}
+
+.menu {
+  overflow-x: hidden;
+  /*滚动条样式*/
+
+  .el-icon-arrow-right {
+    display: none;
+  }
+
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 5px rgba(123, 123, 123, 0.2);
+    background: #7d7d7d;
+  }
+
+  &::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    border-radius: 0;
+    background: rgba(0, 0, 0, 0.1);
+  }
+}
+
+.lite-menus {
+  .el-submenu__title:hover, .is-opened .el-submenu__title {
+    color: white !important;
+  }
+}

static/admin/simpleui-x/css/login.css

@@ -0,0 +1,38 @@
+html, body {
+    /*background-color: #2d3a4b;*/
+}
+
+
+.login-main {
+    padding-top: 160px;
+    padding-bottom: 50px;
+    max-width: 350px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.logo {
+    text-align: center;
+}
+
+.logo img {
+    max-width: 300px;
+    max-height: 100px;
+}
+
+.header {
+    font-size: 26px;
+    color: #666;
+    margin: 0 auto 40px auto;
+    text-align: center;
+    font-weight: 700;
+}
+
+.simpleui-input-inline {
+    margin: 10px 0px;
+}
+
+.login-btn button {
+    width: 100%;
+}
+