eoss-ui 0.3.97

package/packages/theme-chalk/src/index.scss

@@ -0,0 +1,50 @@
+@import "./base.scss";
+@import "./button.scss";
+@import "./button-group.scss";
+@import "./checkbox-group.scss";
+@import "./card.scss";
+@import "./cascader.scss";
+@import "./clients.scss";
+@import "./data-table.scss";
+@import "./data-table-form.scss";
+@import "./date-picker.scss";
+@import "./dialog.scss";
+@import "./enterprise.scss";
+@import "./error-page.scss";
+@import "./form.scss";
+@import "./flow.scss";
+@import "./flow-group.scss";
+@import "./flow-list.scss";
+@import "./handle-user.scss";
+@import "./handler.scss";
+@import "./input.scss";
+@import "./input-number.scss";
+@import "./label.scss";
+@import "./login.scss";
+@import "./main.scss";
+@import "./mainComp.scss";
+@import "./menu.scss";
+@import "./nav.scss";
+@import "./notify.scss";
+@import "./pagination.scss";
+@import "./page.scss";
+@import "./player.scss";
+@import "./qr-code.scss";
+@import "./radio-group.scss";
+@import "./select.scss";
+@import "./select-ganged.scss";
+@import "./selector.scss";
+@import "./selector-panel.scss";
+@import "./sizer.scss";
+@import "./steps.scss";
+@import "./switch.scss";
+@import "./tabs.scss";
+@import "./tabs-panel.scss";
+@import "./tips.scss";
+@import "./tree.scss";
+@import "./tree-group.scss";
+@import "./toolbar.scss";
+@import "./table-form.scss";
+@import "./upload.scss";
+@import "./wujie.scss";
+@import "./wxlogin.scss";

package/packages/theme-chalk/src/input.scss

@@ -0,0 +1,3 @@
+div.es-textarea__inner{
+    min-height: 70px;
+}

package/packages/theme-chalk/src/label.scss

@@ -0,0 +1,24 @@
+.el-form-item__label {
+  height: 40px;
+  line-height: 36px;
+  padding: 2px 10px;
+}
+.es-label {
+  display: inline-flex;
+  line-height: 18px;
+  align-items: center;
+  img {
+    display: inline-block;
+    height: 18px;
+    height: 18px;
+    vertical-align: middle;
+    overflow: hidden;
+  }
+  &.es-is-required {
+    &::after {
+      content: '*';
+      color: #f56c6c;
+      margin-right: 4px;
+    }
+  }
+}

package/packages/theme-chalk/src/login.scss

@@ -0,0 +1,490 @@
+@import './common/var.scss';
+.es-login-screen {
+  width: 100%;
+  height: 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  position: relative;
+  overflow: hidden;
+
+  .es-login-logo {
+    height: 58px;
+    position: absolute;
+    left: 24px;
+    top: 24px;
+  }
+}
+.es-login {
+  width: 600px;
+  position: absolute;
+  padding: 0 12px;
+  .es-login-name {
+    display: block;
+    margin-bottom: 56px;
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+  .es-login-main {
+    padding: 60px 80px;
+    position: relative;
+    border-radius: 20px;
+    background-size: 100% 100%;
+    background-color: #ffffff;
+    background-repeat: no-repeat;
+    box-shadow: $--box-shadow-light;
+    .es-login-switch {
+      position: absolute;
+      right: 10px;
+      top: 10px;
+      overflow: hidden;
+      z-index: 99;
+      .es-icon {
+        font-size: 60px;
+        color: $--color-primary;
+        cursor: pointer;
+        position: relative;
+        top: -1px;
+        &::after {
+          content: '';
+          position: absolute;
+          left: -10px;
+          top: 1px;
+          border-color: transparent transparent #fff #fff;
+          border-style: solid;
+          border-width: 30px;
+        }
+      }
+    }
+    .es-login-switchs {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      text-align: center;
+      padding-bottom: 16px;
+      color: #d9d9d9;
+      z-index: 99;
+      .es-icon {
+        font-size: 24px;
+        cursor: pointer;
+        & + .es-icon {
+          margin-left: 12px;
+        }
+        &.es-icon-active {
+          color: $--color-primary-light-6;
+        }
+      }
+    }
+    .es-downloadSetup {
+      font-size: $--font-size-base;
+      text-align: center;
+      line-height: 18px;
+      padding-bottom: 12px;
+      span {
+        cursor: pointer;
+        color: #333333;
+        &:hover {
+          color: #f9d900;
+        }
+      }
+    }
+    .es-warning {
+      color: #a90404;
+      line-height: 18px;
+      font-size: 16px;
+      text-align: center;
+      padding-bottom: 12px;
+    }
+  }
+
+  .es-login-title {
+    color: $--color-primary-light-6;
+    display: flex;
+    align-items: center;
+    height: 24px;
+    font-size: 24px;
+    line-height: 24px;
+    font-weight: bold;
+    margin-bottom: 48px;
+    position: relative;
+
+    &::before,
+    &::after {
+      content: '';
+      height: 1px;
+      flex: 1;
+      background-color: #eeeeee;
+    }
+
+    .es-login-title-content {
+      margin: 0 24px;
+    }
+  }
+  .es-login-form {
+    border-radius: 20px;
+    background-color: rgba($color: #ffffff, $alpha: 0.3);
+    position: relative;
+    padding-bottom: 20px;
+
+    .el-form-item {
+      margin-bottom: 32px;
+    }
+
+    .el-form-item__content {
+      line-height: normal;
+    }
+
+    .el-form-item__error {
+      font-size: 14px;
+    }
+
+    .el-input__clear {
+      font-size: 18px;
+    }
+
+    .el-input__inner {
+      height: 50px;
+      font-size: 18px;
+      background-color: #f7f7f7;
+      border-radius: 10px;
+      padding-left: 52px;
+    }
+
+    .el-input__prefix {
+      left: 20px;
+      line-height: 52px;
+    }
+
+    .es-label-user {
+      font-size: 18px;
+      color: #333333;
+    }
+
+    .es-label-password {
+      font-size: 22px;
+      color: #333333;
+      position: relative;
+      top: 2px;
+    }
+
+    .es-label-image-code {
+      padding-right: 120px;
+
+      .el-input__suffix {
+        padding: 5px;
+        right: 0;
+      }
+
+      .es-img-code {
+        cursor: pointer;
+      }
+      .es-get-code {
+        margin-top: -5px;
+        margin-bottom: -5px;
+        line-height: 32px;
+        font-size: 16px;
+        padding: 8px 16px;
+      }
+    }
+
+    .es-label-code-image {
+      font-size: 20px;
+      color: #333333;
+      line-height: 50px;
+    }
+
+    .es-password-handle {
+      height: 22px;
+      display: flex;
+      justify-content: space-between;
+      margin-top: -8px;
+      margin-bottom: 40px;
+
+      .el-checkbox__label {
+        font-size: 16px;
+        font-weight: 400;
+        color: #333333 !important;
+      }
+
+      .el-checkbox__input {
+        .el-checkbox__inner {
+          width: 18px;
+          height: 18px;
+          border-radius: 10px;
+
+          &::after {
+            border: 2px solid #ffffff;
+            border-left: 0;
+            border-top: 0;
+            height: 8px;
+            left: 6px;
+            top: 2px;
+          }
+        }
+      }
+
+      .es-password-forget {
+        font-size: 16px;
+        color: #999999;
+        flex: 1;
+        text-align: right;
+        span {
+          cursor: pointer;
+        }
+      }
+    }
+
+    .es-button-submit {
+      width: 100%;
+      height: 50px;
+      font-size: 20px;
+      font-weight: 500;
+      border-radius: 10px;
+    }
+    &.es-login-verify {
+      .es-login-title {
+        margin-bottom: 70px;
+      }
+      .el-form-item {
+        margin-bottom: 62px;
+      }
+    }
+  }
+  .es-login-qrcode {
+    .es-login-down-app {
+      font-size: $--font-size-base;
+      font-weight: normal;
+      text-align: center;
+      line-height: 20px;
+      .es-login-app-name {
+        color: #a90404;
+        padding: 0 8px;
+      }
+    }
+    .es-qrcode-box,
+    .es-wx-qrcode-box {
+      padding-top: 25px;
+      padding-bottom: 25px;
+    }
+    .es-qrcode-img {
+      border: $--border-base;
+    }
+  }
+
+  @media screen and (max-width: 1600px) {
+    & {
+      width: 428px;
+      padding: 0 8px;
+      .es-login-logo {
+        height: 42px;
+        left: 20px;
+        top: 20px;
+      }
+      .es-login-name {
+        width: 428px;
+        margin-bottom: 40px;
+      }
+      .es-login-main {
+        padding: 40px 44px;
+        .es-login-switch {
+          right: 24px;
+          top: 24px;
+          .es-icon {
+            font-size: 60px;
+            &::after {
+              left: -10px;
+              border-width: 30px;
+            }
+          }
+        }
+        .es-warning {
+          font-size: 14px;
+        }
+      }
+
+      .es-login-title {
+        height: 22px;
+        margin-bottom: 36px;
+        font-size: 18px;
+        line-height: 22px;
+
+        .es-login-title-content {
+          margin: 0 12px;
+        }
+      }
+      .es-login-form {
+        .el-input__inner {
+          padding-left: 40px;
+          height: 44px;
+          line-height: 44px;
+          font-size: 13px;
+
+          &::-webkit-input-placeholder {
+            font-size: 13px;
+          }
+        }
+
+        .el-input__prefix {
+          left: 16px;
+          line-height: 36px;
+        }
+
+        .es-label-user {
+          font-size: 14px;
+        }
+
+        .es-label-password {
+          font-size: 16px;
+          top: 0;
+        }
+
+        .el-input__clear {
+          font-size: 14px;
+          line-height: 36px;
+        }
+
+        .es-label-code-image {
+          font-size: 16px;
+          line-height: 36px;
+        }
+
+        .es-label-image-code {
+          padding-right: 100px;
+
+          .el-input__suffix {
+            padding: 2px;
+            .es-get-code {
+              margin-top: -2px;
+              margin-bottom: -2px;
+              padding: 5px 6px;
+            }
+          }
+
+          .es-img-code {
+            height: 32px;
+          }
+        }
+
+        .el-form-item__error {
+          font-size: 12px;
+        }
+
+        .es-password-handle {
+          margin-top: 0;
+          margin-bottom: 20px;
+
+          .el-checkbox__label {
+            font-size: 12px;
+          }
+
+          .el-checkbox__input {
+            .el-checkbox__inner {
+              width: 14px;
+              height: 14px;
+              top: 1px;
+              padding-left: 6px;
+
+              &::after {
+                left: 4px;
+                top: 0px;
+              }
+            }
+
+            &.is-checked {
+              .el-checkbox__inner::after {
+                transform: rotate(45deg) scaleY(0.9);
+              }
+            }
+          }
+
+          .es-password-forget {
+            font-size: 12px;
+          }
+        }
+
+        .extra {
+          margin-top: 20px;
+          display: flex;
+          justify-content: space-between;
+
+          span {
+            cursor: pointer;
+            font-size: 14px;
+            color: #12278b;
+          }
+        }
+
+        .es-button-submit {
+          height: 44px;
+          line-height: 44px;
+          font-size: 16px;
+          padding: 0 8px;
+          border-radius: 8px;
+        }
+        &.es-login-verify {
+          .es-login-title {
+            margin-bottom: 68px;
+          }
+          .el-form-item {
+            margin-bottom: 54px;
+          }
+        }
+      }
+
+      .es-login-qrcode {
+        .es-login-title {
+          margin-bottom: 18px;
+        }
+        .es-qrcode-box,
+        .es-wx-qrcode-box {
+          padding-top: 16px;
+          padding-bottom: 16px;
+        }
+      }
+    }
+  }
+}
+.es-user-info {
+  .es-form-content {
+    padding-right: 30px;
+  }
+  .es-form-button {
+    padding-right: 20px;
+  }
+}
+
+.es-login-icp {
+  display: flex;
+  position: fixed;
+  left: 50%;
+  bottom: 20px;
+  transform: translateX(-50%);
+
+  .es-login-icp-item {
+    display: block;
+    white-space: nowrap;
+    font-size: 14px;
+    font-weight: 400;
+
+    & + .es-login-icp-item {
+      margin-left: 20px;
+    }
+  }
+}
+.rest-password-box {
+  height: 100%;
+  position: relative;
+  &.rest-password-cut {
+    padding-top: 60px;
+  }
+  .rest-menu-cut {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+  }
+}