resistancemonitor/2.Web/static/css/global-alarm-push.scss

$color: #c0c4cc;
$bgColor: #232526;

.layout {
 .global_alarm_push {
  /* 滚动条样式 */
  ::-webkit-scrollbar {
   width: 1px;
  }

  ::-webkit-scrollbar-thumb {
   background-color: #303133;
   border-radius: 3px;
  }
 }

 #global_alarm_push {
  display: none;
  text-align: left;
  color: $color;
  position: relative;

  .close_btn {
   position: absolute;
   color: $color;
   text-align: center;
   height: 25px;
   line-height: 25px;
   font-size: 20px;
   width: 100%;
   border-bottom: 1px solid $color;
   display: flex;
   .close_layer {
    flex: 3;
    cursor: pointer;
   }
   .move_layer {
    flex: 1;
    border-right: 1px solid #606266;
   }
  }

  .main_box {
   position: absolute;
   flex: 1;
   top: 25px;
   height: 570px;
   max-height: 570px;
   padding: 0 3px;
   overflow-y: auto;
   .alarm_content {
    padding: 5px;
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid rgba(96, 98, 102, 0.5);
    box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
    position: relative;
    .alarm_count {
     position: absolute;
     top: 3px;
     right: 3px;
     /deep/ .el-badge__content{
        background-color: red;
     }
    }
    p {
     margin: 4px 0;
     color: #909399;

     b {
      color: $color;
     }

     .suojin {
      text-indent: 10px;
     }

     .el-link {
      padding-bottom: 4px;
     }
    }
   }

   .alarm_content:hover {
    border: 1px solid #606266;
    box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.5);
   }
  }
 }

 .open_layer {
  position: fixed;
  color: red;
  font-size: 20px;
  bottom: 45%;
  z-index: 9999999;
  right: 2px;
  border: 1px solid #606266;
  border-right: none;
  border-radius: 3px;
  color: $color;
  background-color: #232526;
  height: 30px;
  width: 50px;
  line-height: 30px;
  cursor: pointer;
 }

 /deep/ .layui-layer {
  border-radius: 8px 8px 3px 3px;
  background-color: $bgColor !important;
 }

 //  title
 /deep/ .layui-layer .layui-layer-title {
  height: 55px;
  line-height: 55px;
  font-size: 18px;
  background-color: transparent;
  color: $color;
  border-bottom: none;
  padding: 0;
 }
}