admin_home/src/styles/global.less

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

//页面布局样式
.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,
.listUpBtn {
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 8px;
  margin-left: 10px;
  cursor: pointer;

  i {
    margin-right: 8px;
  }
}

.listLinkBtn {
  width: 120px;
  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;
}

.listLinkBtn {
  color: #C59E4B;
  background: @linkBg;
}

.listUpBtn {
  color: #4BC1C5;
  background: @upBg;
}



//表单样式微调
//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;
}

.disclaimerBox {
  border: 1px solid #DCDFE6;
  border-radius: 8px;
  padding: 20px;
  margin-left: 20px;
  margin-bottom: 22px;

  .el-checkbox__inner {
    margin-right: 10px;
  }

  .disclaimerTitle {
    font-size: 14px;
    color: #606266;
    margin-bottom: 10px;
    display: flex;
    align-items: center;

    img {
      margin-right: 10px;
      width: 14px;
      height: 14px;
    }
  }

  .disclaimerText {
    font-size: 12px;
    color: #666666;
  }
}

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

/*quill汉化 start------------------------------------------------------------>*/
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "请输入链接地址:" !important;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: '保存' !important;
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "请输入视频地址:" !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: '14px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: '10px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: '18px' !important;
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: '32px' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: '文本' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: '标题1' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: '标题2' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: '标题3' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: '标题4' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: '标题5' !important;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: '标题6' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: '标准字体' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: '衬线字体' !important;
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: '等宽字体' !important;
}

/*quill汉化 end------------------------------------------------------------>*/

// el-cascader高度 start
.el-cascader-panel {
  height: 500px;
}

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

//dialog弹框提示信息位置
// .el-form-item__error {
//   color: #ff4949;
//   font-size: 12px;
//   line-height: 1;
//   padding-top: 4px;
//   position: relative;
// }
// 输入框距离底部的距离
// .el-form-item {
//   margin-bottom: 5px;
// }

// el-cascader高度 end