admin_home/src/styles/global.less

/*1.页面布局 start------------------------------------------------------------>*/
//全局颜色
@defaultBg:#fff;
@defaultBorder:#E9EDF7;
@defaultText:#999999;
//按钮颜色
@deleteBg:#F7E5E5;
@editBg:#E4E8FD;
@mainBg:#E3EFE6;

//页面布局样式
.layerBox_search {
  margin:30px 30px 10px 30px;
  background: @defaultBg;
  border-radius: 20px;
  border:1px solid @defaultBorder;
  padding: 20px 0;
  box-sizing: border-box;
  .searchTitle {
    font-size:14px;
    color:@defaultText;
    margin-bottom:10px;
    white-space:nowrap;
  }
  .searchBox {
    .el-cascader--medium {
      width:100%;
    }
    .el-select {
      width:100%;
    }
  }
  .el-row {
    >div:nth-child(1){
      padding-left:20px;
      padding-right:20px;
    }
    >div:nth-child(2){
      padding-right:20px
    }
    >div:nth-child(3){
      padding-right:20px
    }
  }
}
.layerBox {
  margin:30px;
  border-radius: 20px;
  background:@defaultBg;
  border:1px solid @defaultBorder;
  padding: 20px 20px 20px 20px;
  box-sizing: border-box;
}
.layerBoxNoBg {
  margin:0 30px 0 30px;
  text-align: right;
  display:flex;
  align-items: center;
  justify-content: space-between;
}
//分页
.alignBox {
  text-align:right;
  padding-right:30px;
  padding-bottom:30px;
}

//列表中的按钮样式
.listBtnBox{
  display:flex;
  align-items: center;
  justify-content: center;
}
.listDeleteBtn,.listEditBtn,.listMainBtn {
  width:70px;
  height:28px;
  line-height:28px;
  text-align:center;
  border-radius: 8px;
  margin-left:10px;
  cursor:pointer;
  i {
    margin-right:8px;
  }
}
.listDeleteBtn{
  color:#CC5F5F;
  background:@deleteBg;
}
.listDeleteBtn:hover {
  background:#EFCFCF;
}
.listEditBtn{
  color:#5570F1;
  background:@editBg;
}
.listEditBtn:hover {
  background:#CCD1F1;
}
.listMainBtn{
  color:#519C66;
  background:@mainBg;
}
.listMainBtn:hover {
  background:#CAD9CB;
}

//表单样式微调
//1.网站列表
.footerBtnbox {
  text-align: center;
}
.formDiv {
  .el-cascader {
    width:100%;
  }
  .treeBox {
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    padding: 20px;
  }
}
.delete-button {
  width:30px;
  height:30px;
  line-height: 30px;
  text-align:center;
  border-radius: 50%;
  position: absolute;
  top: 60px;
  left: 60px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  transition: background 0.3s ease;
  z-index: 999; /* 确保删除按钮在图片上方 */
}
.delete-button:hover {
  background: rgba(255, 0, 0, 0.7);
}
.askBox {
  position: relative;
  i {
    position: absolute;
    top:1px;
    right:-5px;
    width:10px;
    height:10px;
    color:#A9A9A9;
  }
}

//logo上传
.chooseImgDiv {
  width: 140px;
  height:140px;
  display:flex;
  align-items: center;
  justify-content: center;
  color:#5570F1;
  font-size:14px;
  img {
    display:block;
  }
}
.uploaderBox {
  .avatar-uploader{
    width: 140px;
    height:140px;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader {
    border-color: #d9d9d9;
  }
}
.avatar-uploader-icon {
  font-size: 20px;
  color: #8c939d;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.avatar {
  width: 140px;
  height: 140px;
  display: block;
}

//2.导航池
.windowTitle {
  display:flex;
  padding-bottom:20px;
  font-size:16px;
  font-weight: bold;
  box-sizing: border-box;
  margin-bottom: 20px;
  .webNavTitle {
    width:120px;
    text-align:right;
    margin-right:20px;
  }
  .webNavTitleRight {
    width:100%;
    text-align: center;
  }
}
//关联导航池
.layerBoxLineTwo{
  padding-top: 30px;
}

//投诉举报
.complaintListdownloadBtn {
  width: 70px;
  height: 28px;
  color: #5570F1;
  background: #E4E8FD;
  line-height: 28px;
  text-align: center;
  border-radius: 8px;
  display: block;
}

.complaintListdownloadBtn {
  cursor: pointer;
}

.complaintListdownloadBtn:hover {
  color: #5570F1;
  background: #CCD1F1;
}

//发布新闻
.bottomBtnBox {
  margin:0 30px 30px 30px;
  text-align:center;
}

/*页面布局 end------------------------------------------------------------>*/