init

src/assets/styles/index.scss

@@ -0,0 +1,227 @@
+* {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  box-sizing: border-box;
+}
+
+a {
+  text-decoration: none;
+  color: #333;
+}
+
+html, body, #app, .el-container, .el-aside, .el-main {
+  height: 100%;
+}
+
+.logo {
+  height: 106px;
+  color: #EDC49A;
+  font-weight: bold;
+  font-size: 23px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.el-menu {
+  border: none !important;
+}
+
+.toggle {
+  line-height: 65px;
+  padding: 0 15px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: #79bbff;
+  }
+}
+
+.icon {
+  width: 20px;
+  height: 20px;
+  vertical-align: middle;
+  transform: translateY(-2px);
+}
+
+.el-main {
+  padding: 0 !important;
+}
+
+.el-aside {
+  box-shadow: 4px 0 2px 1px rgb(171, 167, 167);
+  transition: width 0.3s;
+  overflow: hidden;
+  height: 100vh;
+  background-color: #211F31;
+}
+
+.el-popover.el-popper {
+  padding: 10px !important;
+  min-width: 60px !important;
+  ul{
+    li{
+      height: 25px;
+      line-height: 25px;
+      cursor: pointer;
+    }
+  }
+}
+
+.navbar {
+  height: 65px;
+  border-bottom: 1px solid #999999;
+  padding: 0 15px 0 0;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+
+  .right-bar {
+    margin-left: auto;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+
+    img {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      cursor: pointer;
+    }
+  }
+}
+
+.el-dialog {
+  border-radius: 12px !important;
+  border: none;
+
+  .el-dialog__header {
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+    // background-color: #262626;
+    margin: 0;
+    // .el-dialog__title{
+    //   color: white;
+    // }
+  }
+}
+
+
+.table-header-btn {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.query-form {
+  .el-form-item__label {
+    font-weight: 700;
+  }
+
+  .el-button {
+    font-size: 13px;
+  }
+}
+
+
+.query-btn {
+  margin-bottom: 10px;
+
+  .el-button {
+    font-size: 13px;
+  }
+}
+
+
+.table {
+  thead .el-table-column--selection .cell {
+    display: none;
+  }
+
+  margin-bottom: 20px;
+}
+
+.dialog-form {
+  .el-form-item {
+    flex-direction: column;
+    margin-bottom: 10px;
+
+    .el-form-item__content {
+      .el-select {
+        flex-grow: 1;
+      }
+    }
+
+    .el-form-item__label {
+      justify-content: flex-start;
+    }
+  }
+}
+
+.custom-dialog {
+  :deep .el-dialog__header {
+    padding: 10px 20px;
+
+    .el-dialog__title {
+      font-size: 17px;
+    }
+
+    .el-dialog__headerbtn {
+      top: 15px;
+
+      .i {
+        font-size: large;
+      }
+    }
+  }
+
+  :deep .el-dialog__footer {
+    padding: 10px 20px;
+  }
+}
+
+.border {
+  :deep .el-dialog__header {
+    border-bottom: 1px solid #e8e8e8;
+  }
+
+  :deep .el-dialog__footer {
+    border-top: 1px solid #e8e8e8;
+  }
+}
+
+.layout {
+  display: flex;
+  justify-content: space-around;
+
+  .layout-left {
+    width: 30%;
+    border: 1px solid #ebeef5;
+    padding: 10px;
+
+
+    .dict-tree {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      //:deep .el-button{
+      //  //border: 1px solid;
+      //  background-color: #fff;
+      //}
+      .left-type {
+        margin-right: 20px;
+        font-size: 12px;
+        color: #999;
+      }
+    }
+  }
+
+  .layout-right {
+    width: 70%;
+    border: 1px solid #ebeef5;
+    margin-left: 10px;
+    padding: 10px
+  }
+}