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,.listSaveBtn {
  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;
}
.listSaveBtn{
  color:#FFAF53;
  background:#FFECD6;
}
.listSaveBtn:hover {
  background:#ffdcb5;
}

//表单样式微调
//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-scrollbar start------------------------------------------------------------>*/
.el-scrollbar__wrap {
  overflow-x: hidden !important; /* 强制隐藏横向滚动条 */
}
/*自助建站左侧菜单 el-scrollbar end------------------------------------------------------------>*/