lis8.0-vue3/src/assets/styles/ruoyi.scss

 /**
 * 通用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;
 }

 .ml10 {
   margin-left: 10px;
 }

 .mt20 {
   margin-top: 20px;
 }

 .mr20 {
   margin-right: 20px;
 }

 .mb20 {
   margin-bottom: 20px;
 }

 .ml20 {
   margin-left: 20px;
 }

 .cp {
   cursor: pointer;
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: inherit;
   font-weight: 500;
   line-height: 1.1;
   color: inherit;
 }

 .el-form .el-form-item__label {
   font-weight: 700;
 }

 .el-form--inline .el-form-item {
   margin-right: .9375rem;
 }

 .el-form-item__label {
   font-weight: 400;
   font-size: .875rem;
   color: #08355E;
 }

 .el-dialog:not(.is-fullscreen) {
   margin-top: 6vh !important;
 }

 .el-dialog.scrollbar .el-dialog__body {
   overflow: auto;
   overflow-x: hidden;
   max-height: 70vh;
   padding: 10px 20px 0;
 }

 .el-table {
   padding: 0 !important;
   border-radius: .625rem !important;

   .el-table__header-wrapper,
   .el-table__fixed-header-wrapper {
     th {
       word-break: break-word;
       background-color: #1F6DD3 !important;
       color: #FFF;
       height: 1.875rem !important;
       font-size: .8125rem;
     }
   }

   .el-table__body-wrapper {
     .el-button [class*="el-icon-"]+span {
       margin-left: 1px;
     }
   }


   /* 表格最外层边框（可选） */
   .el-table--border {
     border: 1px solid #1F6DD3 !important;
   }

   .el-scrollbar__thumb {
     background-color: #817e7e !important;
     opacity: 1;
   }

   .el-scrollbar__thumb:hover {
     background-color: #817e7e !important;
     opacity: 1;
   }

   .cell.el-tooltip {
     min-width: 0;
   }

   .el-table__body-wrapper .el-table-column--selection>.cell {
     padding: 0 !important;
   }

   .cell.el-tooltip {
     padding: 0 !important;
   }

   .el-table-header-cell .cell {
     padding: 0 !important;
   }

   .el-table__cell {
     padding: 0 !important;
   }

   .el-checkbox {
     height: 100% !important;
   }

   /* 修改选中行背景色 */
   .el-table__body tr.current-row>td {
     background-color: #a4beef !important;
   }

   //  /* 可选：修改悬停颜色 */
   //  .el-table__body tr.hover-row>td {
   //    background-color: #a4beef !important;
   //  }
 }

 .el-table--border {
   border: 1px solid #96B8D9 !important;
   border-top: none !important;
 }

 .el-table td.el-table__cell,
 .el-table th.el-table__cell.is-leaf {
   border-bottom: 1px solid #96B8D9 !important;
 }

 .el-table--border .el-table__cell {
   border-right: 1px solid #96B8D9 !important;
 }

 /* 表格内部边框（可选） */
 .el-table--border th.el-table__cell {
   border-right: 1px solid #1F6DD3 !important;
 }

 .el-input__wrapper,
 .el-select__wrapper {
   box-shadow: 0 0 0 1px #96B8D9 inset;

   .is-focus {
     box-shadow: 0 0 0 1px #1f6dd3 inset !important;
   }

   &:hover {
     box-shadow: 0 0 0 1px #1f6dd3 inset !important;
   }


 }

 .el-select__wrapper.is-disabled {
   background-color: #ccc !important;
   color: #000 !important;
 }

 .el-input.is-disabled .el-input__wrapper {
   background-color: #ccc !important;
   color: #000 !important;
 }


 .el-date-editor.el-input__wrapper {
   box-shadow: 0 0 0 1px #96B8D9 inset;

   .is-focus {
     box-shadow: 0 0 0 1px #1f6dd3 inset !important;
   }

   &:hover {
     box-shadow: 0 0 0 1px #1f6dd3 inset !important;
   }
 }




 .vxe-table {
   border: 1px solid #96B8D9 !important;
   border-top: none !important;
   /* 蓝色外边框 */
   border-radius: .5rem;
   /* 可选：添加边框圆角 */
   overflow: hidden;
 }

 .mytable-style {
   .vxe-header--column {
     word-break: break-word;
     background-color: #1F6DD3 !important;
     color: #FFF;
     height: 1.875rem !important;
     line-height: 1.875rem !important;
     padding: 0 !important;
     font-size: .8125rem;
     border-color: #1F6DD3 !important;
   }

   .vxe-table--render-default.is--padding .vxe-body--column .vxe-cell {
     padding: 0 !important;
   }

   .vxe-table--render-default .vxe-header--column .vxe-cell {
     padding: 0 !important;
   }

   .vxe-table--render-default .vxe-body--column {
     height: 1.4375rem !important;
     line-height: 1.4375rem !important;
   }

   .el-checkbox {
     height: 1.4375rem !important;
   }
 }




 // 高亮
 .vxe-table--render-default .vxe-body--row.row--current {
   background-color: #a4beef !important;
   color: #FFF !important;
 }

 .vxe-table--render-default .vxe-body--row.row--current .vxe-cell {
   background-color: #a4beef !important;
   color: #FFF !important;
 }

 // 滚动条
 .mytable-style ::-webkit-scrollbar {
   width: .5rem;
   height: .5rem;
 }

 .mytable-style ::-webkit-scrollbar-thumb {
   background-color: #817e7e;
   cursor: pointer;
 }

 .mytable-style ::-webkit-scrollbar-thumb:hover {
   background-color: #817e7e;
   cursor: pointer;
 }

 .btn_green {
   background-color: #aef5ef !important;
   color: #148A7F;
   border-color: #aef5ef;
 }

 // 表格input宽度,表格select宽度
 .full-width-input .el-input__inner .el-select__inner {
   width: 100%;
   height: 100%;

   background: transparent !important;
   border: none !important;
 }

 .full-width-input {
   .el-input__wrapper {
     //  box-shadow: 0 0 0 1px rgba(64, 158, 255, 0.2);
     box-shadow: none;
     background: transparent !important;
     padding: 0 !important;
     outline: none;

     &:hover {
       box-shadow: none !important;
     }
   }

   .el-select__wrapper {
     box-shadow: none;
     background: transparent !important;
     padding: 0 !important;
     outline: none;

     &:hover {
       box-shadow: none !important;
     }
   }
 }


 /** 表单布局 **/
 .form-header {
   font-size: .9375rem;
   color: #6379bb;
   border-bottom: 1px solid #ddd;
   margin: .5rem .625rem 1.5625rem .625rem;
   padding-bottom: 5px
 }

 /** 表格布局 **/
 .pagination-container {
   position: relative;
   height: 25px;
   margin-bottom: 10px;
   margin-top: 15px;
   padding: 10px 20px !important;
 }

 .el-dialog .pagination-container {
   position: static !important;
 }

 /* tree border */
 .tree-border {
   margin-top: 5px;
   border: 1px solid #e5e6e7;
   background: #FFFFFF none;
   border-radius: 4px;
   width: 100%;
 }

 .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--small {
   padding-left: 0;
   padding-right: 0;
   width: inherit;
 }

 /** 表格更多操作下拉样式 */
 .el-table .el-dropdown-link {
   cursor: pointer;
   color: #1F6DD3;
   margin-left: 10px;
 }

 .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;
 }

 .list-group {
   padding-left: 0px;
   list-style: none;
 }

 .list-group-item {
   border-bottom: 1px solid #e7eaec;
   border-top: 1px solid #e7eaec;
   margin-bottom: -1px;
   padding: 11px 0px;
   font-size: 13px;
 }

 .pull-right {
   float: right !important;
 }

 .el-card__header {
   padding: 14px 15px 7px !important;
   min-height: 40px;
 }

 .el-card__body {
   padding: 15px 20px 20px 20px !important;
 }

 .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: .8;
   color: #fff !important;
   background: #42b983 !important;
 }

 /* 表格右侧工具栏样式 */
 .top-right-btn {
   margin-left: auto;
 }