xiaoshi_system/src/assets/css/main.scss

.el-loading-parent--relative{
  overflow: hidden !important;
}

.MessageBoxClass{
  color: red;
}
.MessageBoxClass:hover{
  cursor:pointer;
  border-bottom:1px solid red ;
}
.input_border_none{
  .el-input__inner{
    border: none !important;
  }
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(5px); }
}

//弹窗
.el-dialog__wrapper{
  display: flex;
  align-items: center;
  .el-dialog{
    margin: auto !important;
    .el-dialog__header{
      border-bottom: 1px solid #EBEEF5;
    }
    .el-dialog__footer{
      border-top: 1px solid #EBEEF5;
      padding: 10px 20px 10px 10px;
    }
    .el-dialog__title{
      font-family: var(--fm) !important;
      color: var(--color1) !important;
      font-weight: bold !important;
      font-size: 20px !important;
    }
    .el-dialog__body{
      padding-top: 15px;
      max-height: calc(100vh - 220px) !important;
      overflow: auto;
    }
  }
}
.el-dialog__wrapper:has(.shakeDialog){
  pointer-events: none;
  .shakeDialog{
    pointer-events: auto;
  }
}

  //抽屉
  .el-drawer{
    #el-drawer__title span{
      font-family: var(--fm) !important;
      color: var(--color1) !important;
      font-weight: bold !important;
      font-size: 20px !important;
    }
  }
  //表单样式
  .el-form-item__label{
    color:var(--color2) !important;
    font-family: var(--fm) !important;
    font-weight: bold;
    font-size: 15px !important;
  }
  .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
    content:'' !important;
    margin-right:0 !important;
  }
  .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after{
    content:'*' !important;
    color:#F56C6c !important;
  }
  //input框
  .el-input__inner{
    border:1px solid var(--color1) !important;
  }
  .el-input__inner:hover, .el-input__inner:focus{
    border-color: #409eff !important;
  }
  .el-input-number .el-input__inner{
    text-align: left;
  }
  
  //文本域
  textarea {
    font-family: 微软雅黑;
    border-color: var(--color1) !important;
  }
  textarea:hover, .textarea:focus{
    border-color: #409eff !important;
  }
  //按钮样式
  .el-button--primary{
    background: var(--bg) !important;
    border-color: var(--bg) !important;
    color: var(--color);
  }
  //表格
.hideIconTable{
  .el-table__expand-icon{
    visibility: hidden;
  }
}
  .el-table{
    
      
    // border: 1px solid rgba(124,124,124) !important;
    // height: 100%;
    // width: 100%;
    // padding-bottom:10px;
    // overflow-x: auto !important;
    max-height: none !important;
    .el-table__body-wrapper{
      // max-height: calc(100% - 75px);
      // overflow: auto;
      padding-bottom: 10px;
    }
  }
  .el-table th{
    background: var(--bg) !important;
    color: var(--color);
  }

  // .el-table tr td{
  //   border-bottom: 1px solid rgba(124,124,124) !important;
  // }
  // .el-table tr td:first-child{
  //   border-right: 1px solid rgba(124,124,124) !important;
  //   border-left: 1px solid rgba(124,124,124) !important;
  // }
  // .el-table tr td:last-child{
  //   border-right: 1px solid rgba(124,124,124) !important;
  //   border-left: 1px solid rgba(124,124,124) !important;
  // }

  //下拉选项
  .el-dropdown-menu{
    li{
      .el-dropdown{
        width: 100%;
      }
    }
    p{
      margin: 0 -15px;
      padding: 0 15px;
      cursor: pointer;
    }
    p:hover{
      background-color: #ecf5ff;
      color: #66b1ff;
    }
  }

  .el-divider--horizontal{
    margin:10px !important;
  }
  
  //不换行  
  .noWrap{
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
  }
  .btn{
    margin: 0;
    i{
      color: var(--color2);
      font-size: 16px;
      margin-right:16px
    }
  }
  
  
//tab
.basic_header{
  padding: 0 !important;
  width: 100%;
  align-items: end;
  border-bottom:0 ;
  .el-tabs__header{
    margin: 0;
  }
}

//选中框
.el-checkbox{
  width: 100%;
  .el-checkbox__label{
    width: 100%;
    text-align: left;
  }
}
.noWord{
  .el-checkbox__label{
    width: 0px;
  }
}
.el-tree-node__content{
  .el-checkbox{
    width: auto;
  }
}

.disabled{
  cursor:not-allowed !important;
}
.pointerEvents{
  pointer-events: none;
}

.del{
  text-decoration: line-through;
  color: red;
}

.greenColor{
  background: #409EFF !important;
}
.showPiZhu{
  position: absolute;
  background: rgb(255 249 199);
  left:0;
  width:200px;
  box-shadow: 5px 5px 5px rgb(227, 227, 75);
  padding: 5px;
  border-radius: 5px;
}
.pizhuLightHeigh{
  position: relative;
  background: #409EFF !important;
}