kz-ui-base 1.0.2 → 1.0.4

package/common/src/assets/styles/kezhi.scss

@@ -1,100 +0,0 @@
-//1.element-UI el-tabs type=card 样式调整
-//外边框
-.tabs-card {
-    border-top: 1px solid #E4E7ED;
-    border-bottom: 1px solid #E4E7ED;
-    margin: 0 -20px 0 -20px;
-}
-
-.el-tabs--left.el-tabs--card .el-tabs__nav {
-    border-radius: 4px 0 0 4px;
-    border: none;
-}
-
-.el-tabs--card>.el-tabs__header {
-    border-bottom: none;
-}
-
-.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
-    border: none;
-    border-right: 1px solid #E4E7ED;
-    text-align: left;
-    padding-left: 40px;
-    padding-right: 40px;
-}
-
-.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
-    padding-left: 34px;
-    border: 1px solid #E4E7ED;
-    border-left: 6px solid #557ce1;
-    border-right-color: #fff;
-}
-
-.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
-    border-top: none;
-}
-
-.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
-    border-bottom: 1px solid #E4E7ED;
-}
-
-.el-tabs--left.el-tabs--card>.el-tabs__header {
-    border-right: 1px solid #E4E7ED;
-}
-
-.el-tabs__item {
-    padding: 0 20px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    display: inline-block;
-    list-style: none;
-    font-size: 14px;
-    font-weight: 500;
-    color: #303133;
-    position: relative;
-}
-
-//滚动条样式修改
-.el-table__body-wrapper::-webkit-scrollbar {
-    /*纵向滚动条*/
-    width: 6px;
-    /*横向滚动条*/
-    height: 6px;
-}
-
-.el-table__body-wrapper::-webkit-scrollbar-thumb {
-    /*滚动条滑块颜色*/
-    background-color: rgba(144, 147, 153, .5);
-    border-radius: 10px;
-}
-
-.el-table__body-wrapper::-webkit-scrollbar-track {
-    /*滚动条背景色*/
-    background-color: transparent;
-}
-
-.el-table__body-wrapper::-webkit-scrollbar-corner {
-    /*表格滚动条角落*/
-    background-color: transparent;
-}
-
-.el-table__fixed,
-.el-table__fixed-right {
-    height: auto !important; // 让固定列的高自适应，且设置!important覆盖ele-ui的默认样式
-    bottom: 0px !important; // 固定列默认设置了定位，    position: absolute;top: 0;left: 0;只需要再设置一下bottom的值，让固定列和父元素的底部出现距离即可
-}
-
-.el-select {
-    width: 100%;
-}
-
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-    width: 100%;
-}
-
-.el-input-group__append {
-    color: #FFFFFF;
-    background-color: #1890ff;
-    border-color: #1890ff;
-}

package/common/src/assets/styles/mixin.scss

@@ -1,66 +0,0 @@
-@mixin clearfix {
-  &:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-}
-
-@mixin scrollBar {
-  &::-webkit-scrollbar-track-piece {
-    background: #d3dce6;
-  }
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #99a9bf;
-    border-radius: 20px;
-  }
-}
-
-@mixin relative {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-@mixin pct($pct) {
-  width: #{$pct};
-  position: relative;
-  margin: 0 auto;
-}
-
-@mixin triangle($width, $height, $color, $direction) {
-  $width: $width/2;
-  $color-border-style: $height solid $color;
-  $transparent-border-style: $width solid transparent;
-  height: 0;
-  width: 0;
-
-  @if $direction==up {
-    border-bottom: $color-border-style;
-    border-left: $transparent-border-style;
-    border-right: $transparent-border-style;
-  }
-
-  @else if $direction==right {
-    border-left: $color-border-style;
-    border-top: $transparent-border-style;
-    border-bottom: $transparent-border-style;
-  }
-
-  @else if $direction==down {
-    border-top: $color-border-style;
-    border-left: $transparent-border-style;
-    border-right: $transparent-border-style;
-  }
-
-  @else if $direction==left {
-    border-right: $color-border-style;
-    border-top: $transparent-border-style;
-    border-bottom: $transparent-border-style;
-  }
-}

package/common/src/assets/styles/ruoyi.scss

@@ -1,350 +0,0 @@
-/**
- * 通用css样式布局处理
- * Copyright (c) 2019 ruoyi
- */
-/** 基础通用 **/
-
-.pt5 {
-  padding-top: 5px;
-}
-
-.pr5 {
-  padding-right: 5px;
-}
-
-.pb5 {
-  padding-bottom: 5px;
-}
-
-.mt5 {
-  margin-top: 5px;
-}
-
-.mr5 {
-  margin-right: 5px;
-}
-
-.mb5 {
-  margin-bottom: 5px;
-}
-
-.mb8 {
-  margin-bottom: 8px;
-}
-
-.ml5 {
-  margin-left: 5px;
-}
-
-.mt10 {
-  margin-top: 10px;
-}
-
-.mr10 {
-  margin-right: 10px;
-}
-
-.mb10 {
-  margin-bottom: 10px;
-}
-
-.ml0 {
-  margin-left: 10px;
-}
-
-.mt20 {
-  margin-top: 20px;
-}
-
-.mr20 {
-  margin-right: 20px;
-}
-
-.mb20 {
-  margin-bottom: 20px;
-}
-
-.m20 {
-  margin-left: 20px;
-}
-.customDialog {
-  // display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  // -ms-flex-direction: column;
-  flex-direction: column;
-  // position: absolute;
-  top: 43%;
-  margin: 0 !important;
-  // -webkit-transform: translate(0, -50%);
-  transform: translate(0, -50%);
-  max-height: calc(100% - 30px);
-  max-width: calc(100% - 30px);
-  .dialog-body-wrapper {
-    padding: 0 !important;
-    margin-top: auto !important;
-    border-top: 0 !important;
-    width: auto !important;
-    margin-left: 32px;
-  }
-  .el-dialog__body {
-    padding: 30px 20px 55px 20px;
-    overflow-y: auto;
-    border-top: 1px solid #dcdfe6;
-  }
-  .dialog-footer {
-    text-align: center;
-    border-top: 1px solid #e7e8ed;
-    padding-top: 6px;
-    padding-bottom: 6px;
-    bottom: 0px;
-    position: absolute;
-    width: 98%;
-    background-color: #fff;
-    z-index: 999;
-  }
-}
-.el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
-  max-height: 88vh;
-  overflow-y: auto;
-}
-
-.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
-  overflow: auto;
-  overflow-x: hidden;
-  max-height: 70vh;
-  padding: 10px 20px 0;
-}
-
-.el-table {
-  .el-table__header-wrapper,
-  .el-table__fixed-header-wrapper {
-    th {
-      word-break: break-word;
-      background-color: #f8f8f9;
-      color: #515a6e;
-      height: 40px;
-      font-size: 13px;
-    }
-  }
-  .el-table__body-wrapper {
-    .el-button [class*="el-icon-"] + span {
-      margin-left: 1px;
-    }
-  }
-}
-/** 表单布局 **/
-
-.form-header {
-  font-size: 15px;
-  color: #6379bb;
-  border-bottom: 1px solid #ddd;
-  margin: 8px 10px 25px 10px;
-  padding-bottom: 5px;
-}
-/** 表格布局 **/
-
-.pagination-container {
-  position: relative;
-  height: 48px;
-  //  margin-bottom: 10px;
-  //  margin-top: 8px;
-  padding: 8px 20px !important;
-}
-/** 表格无页签时的补充布局 **/
-
-.table-container-supplement {
-  height: 40px;
-}
-/* tree border */
-
-.tree-border {
-  margin-top: 5px;
-  border: 1px solid #e5e6e7;
-  background: #ffffff none;
-  border-radius: 4px;
-}
-
-.pagination-container .el-pagination {
-  right: 0;
-  position: absolute;
-}
-
-@media (max-width: 768px) {
-  .pagination-container .el-pagination > .el-pagination__jump {
-    display: none !important;
-  }
-  .pagination-container .el-pagination > .el-pagination__sizes {
-    display: none !important;
-  }
-}
-
-.el-table .fixed-width .el-button--mini {
-  padding-left: 0;
-  padding-right: 0;
-  width: inherit;
-}
-/** 表格更多操作下拉样式 */
-
-.el-table .el-dropdown-link {
-  cursor: pointer;
-  color: #409eff;
-  margin-left: 5px;
-}
-
-.el-table .el-dropdown,
-.el-icon-arrow-down {
-  font-size: 12px;
-}
-
-.el-tree-node__content > .el-checkbox {
-  margin-right: 8px;
-}
-
-.list-group-striped > .list-group-item {
-  border-left: 0;
-  border-right: 0;
-  border-radius: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.avatar-group {
-  margin-top: 40px;
-}
-
-.avatar-group > .avatar-name {
-  margin-top: 10px;
-  margin-bottom: 10px;
-  font-size: 24px;
-  font-family: PingFang SC, Arial, Microsoft YaHei, sans-serif;
-}
-
-.list-group {
-  margin-top: 50px;
-  padding-left: 0;
-  list-style: none;
-}
-
-.list-group-item {
-  margin-left: 20px;
-  margin-bottom: -1px;
-  padding: 10px 0;
-  font-size: 14px;
-}
-
-.pull-left {
-  margin-left: 5px;
-}
-
-.pull-right {
-  float: right !important;
-  margin-right: 20px;
-}
-
-.el-card__header {
-  padding: 14px 15px 7px;
-  min-height: 40px;
-}
-
-.el-card__body {
-  padding: 15px 20px 20px 20px;
-}
-
-.card-box {
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-bottom: 10px;
-}
-/* button color */
-
-.el-button--cyan.is-active,
-.el-button--cyan:active {
-  background: #20b2aa;
-  border-color: #20b2aa;
-  color: #ffffff;
-}
-
-.el-button--cyan:focus,
-.el-button--cyan:hover {
-  background: #48d1cc;
-  border-color: #48d1cc;
-  color: #ffffff;
-}
-
-.el-button--cyan {
-  background-color: #20b2aa;
-  border-color: #20b2aa;
-  color: #ffffff;
-}
-/* text color */
-
-.text-navy {
-  color: #1ab394;
-}
-
-.text-primary {
-  color: inherit;
-}
-
-.text-success {
-  color: #1c84c6;
-}
-
-.text-info {
-  color: #23c6c8;
-}
-
-.text-warning {
-  color: #f8ac59;
-}
-
-.text-danger {
-  color: #ed5565;
-}
-
-.text-muted {
-  color: #888888;
-}
-/* image */
-
-.img-circle {
-  border-radius: 50%;
-}
-
-.img-lg {
-  width: 120px;
-  height: 120px;
-}
-
-.avatar-upload-preview {
-  position: absolute;
-  top: 50%;
-  transform: translate(50%, -50%);
-  width: 200px;
-  height: 200px;
-  border-radius: 50%;
-  box-shadow: 0 0 4px #ccc;
-  overflow: hidden;
-}
-/* 拖拽列样式 */
-
-.sortable-ghost {
-  opacity: 0.8;
-  color: #fff !important;
-  background: #42b983 !important;
-}
-
-.top-right-btn {
-  position: relative;
-  float: right;
-}
-
-// .dialog-footer {
-//   text-align: center;
-//   border-top: 1px solid #e7e8ed;
-//   padding-top: 12px;
-// }

package/common/src/assets/styles/sidebar.scss

@@ -1,185 +0,0 @@
-#app {
-    .main-container {
-        min-height: 100%;
-        transition: margin-left .28s;
-        margin-left: $base-sidebar-width;
-        position: relative;
-    }
-    .sidebar-container {
-        -webkit-transition: width .28s;
-        transition: width 0.28s;
-        width: $base-sidebar-width !important;
-        background-color: $base-menu-background;
-        height: 100%;
-        position: fixed;
-        font-size: 0px;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        z-index: 1001;
-        overflow: hidden;
-        -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
-        box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
-        // reset element-ui css
-        .horizontal-collapse-transition {
-            transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
-        }
-        .scrollbar-wrapper {
-            overflow-x: hidden !important;
-        }
-        .el-scrollbar__bar.is-vertical {
-            right: 0px;
-        }
-        .el-scrollbar {
-            height: 100%;
-        }
-        &.has-logo {
-            .el-scrollbar {
-                height: calc(100% - 50px);
-            }
-        }
-        .is-horizontal {
-            display: none;
-        }
-        a {
-            display: inline-block;
-            width: 100%;
-            overflow: hidden;
-        }
-        .svg-icon {
-            margin-right: 12px;
-        }
-        .el-menu {
-            border: none;
-            height: 100%;
-            width: 100% !important;
-        }
-        .el-menu-item,
-        .el-submenu__title {
-            overflow: hidden !important;
-            // text-overflow: ellipsis !important;
-            white-space: nowrap !important;
-        }
-        // menu hover
-        .submenu-title-noDropdown,
-        .el-submenu__title {
-            &:hover {
-                background-color: rgba(0, 0, 0, 0.06) !important;
-            }
-        }
-        & .theme-dark .is-active>.el-submenu__title {
-            color: $base-menu-color-active !important;
-        }
-        & .nest-menu .el-submenu>.el-submenu__title,
-        & .el-submenu .el-menu-item {
-            min-width: $base-sidebar-width !important;
-            &:hover {
-                background-color: rgba(0, 0, 0, 0.06) !important;
-            }
-        }
-        & .theme-dark .nest-menu .el-submenu>.el-submenu__title,
-        & .theme-dark .el-submenu .el-menu-item {
-            background-color: $base-sub-menu-background !important;
-            &:hover {
-                background-color: $base-sub-menu-hover !important;
-            }
-        }
-    }
-    .hideSidebar {
-        .sidebar-container {
-            width: 54px !important;
-        }
-        .main-container {
-            margin-left: 54px;
-        }
-        .submenu-title-noDropdown {
-            padding: 0 !important;
-            position: relative;
-            .el-tooltip {
-                padding: 0 !important;
-                .svg-icon {
-                    margin-left: 20px;
-                }
-            }
-        }
-        .el-submenu {
-            overflow: hidden;
-            &>.el-submenu__title {
-                padding: 0 !important;
-                .svg-icon {
-                    margin-left: 20px;
-                }
-            }
-        }
-        .el-menu--collapse {
-            .el-submenu {
-                &>.el-submenu__title {
-                    &>span {
-                        height: 0;
-                        width: 0;
-                        overflow: hidden;
-                        visibility: hidden;
-                        display: inline-block;
-                    }
-                }
-            }
-        }
-    }
-    .el-menu--collapse .el-menu .el-submenu {
-        min-width: $base-sidebar-width !important;
-    }
-    // mobile responsive
-    .mobile {
-        .main-container {
-            margin-left: 0px;
-        }
-        .sidebar-container {
-            transition: transform .28s;
-            width: $base-sidebar-width !important;
-        }
-        &.hideSidebar {
-            .sidebar-container {
-                pointer-events: none;
-                transition-duration: 0.3s;
-                transform: translate3d(-$base-sidebar-width, 0, 0);
-            }
-        }
-    }
-    .withoutAnimation {
-        .main-container,
-        .sidebar-container {
-            transition: none;
-        }
-    }
-}
-
-// when menu collapsed
-.el-menu--vertical {
-    &>.el-menu {
-        .svg-icon {
-            margin-right: 16px;
-        }
-    }
-    .nest-menu .el-submenu>.el-submenu__title,
-    .el-menu-item {
-        &:hover {
-            // you can use $subMenuHover
-            background-color: rgba(0, 0, 0, 0.06) !important;
-        }
-    }
-    // the scroll bar appears when the subMenu is too long
-    >.el-menu--popup {
-        max-height: 100vh;
-        overflow-y: auto;
-        &::-webkit-scrollbar-track-piece {
-            background: #d3dce6;
-        }
-        &::-webkit-scrollbar {
-            width: 6px;
-        }
-        &::-webkit-scrollbar-thumb {
-            background: #99a9bf;
-            border-radius: 20px;
-        }
-    }
-}