epmet-oper-gov/src/assets/scss/buttonstyle.scss

//新版

//紫色
.diy-button--purple {
  background: linear-gradient(0deg, #7A58D1 0%, #8C91FF 100%) !important;
  // border-radius: 3px !important;
  color: #fff !important;
  font-size: 14px !important;
  border-color: #8C91FF !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;
}

//绿色
.diy-button--green {
  background:  linear-gradient(0deg, #33A8A6 0%, #29D2CE 100%) !important;
  border-color: #29D2CE !important;
  font-size: 14px !important;
  color: #fff !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;

 
}

//蓝色
.diy-button--blue {
  background:  linear-gradient(0deg, #0062BB 0%, #0081EC 100%) !important;
  border-color: #0081EC !important;
  font-size: 14px !important;
  color: #fff !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;
  
  
}

//黄色
.diy-button--yellow {
  background:  linear-gradient(0deg, #FAA700 0%, #FFBF28 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  color: #fff !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;
}

//橙色
.diy-button--orange {
  background:  linear-gradient(0deg, #EE6436 1%, #FC8C6B 100%) !important;
  border-color: #FC8C6B !important;
  font-size: 14px !important;
  color: #fff !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;
  
  
}
//红色
.diy-button--red {
  background:  linear-gradient(0deg, #DB3B3B 1%, #FF8080 100%) !important;
  border-color: #FF8080 !important;
  font-size: 14px !important;
  color: #fff !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;
  
  
}
//灰色
.diy-button--gray {
  background:  linear-gradient(0deg, #A6C3D0, #FFFFFF) !important;
  border-color: #A6C3D0 !important;
  color: #002765 !important;
  font-size: 14px !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;
 
}
//白色
.diy-button--white {
  background-color:#fff!important;
  border: 1px solid #3D77FF !important;
  color: #0153B2 !important;
  font-size: 14px !important;
  min-width: 83px !important;
  height: 29px !important;
  line-height: 2px !important;
  padding:0 8px  !important;
}
  
//操作栏更多
.diy-button--other {
  text-decoration: underline !important;
  color: #002765 !important;
  font-size: 14px !important;
  // min-width: 83px !important;
  // height: 29px !important;
  // line-height: 2px !important;
  // padding:0 8px  !important;
  
}

//旧版--------弃用
//查询、确定
.diy-button--search {
  color: #fff !important;
  background-color: #3e8ef7 !important;
  border-color: #3e8ef7 !important;
}
.diy-button--search:hover {
  color: #fff !important;
  background-color: #3e8ef7 !important;
  border-color: #3e8ef7 !important;
}
.diy-button--search:focus {
  color: #fff !important;
  background-color: #3e8ef7 !important;
  border-color: #3e8ef7 !important;
}

//重置、导出
.diy-button--reset {
  color: #fff !important;
  background-color: #feb349 !important;
  border-color: #feb349 !important;
}
.diy-button--reset:hover {
  color: #fff !important;
  background-color: #feb349 !important;
  border-color: #feb349 !important;
}
.diy-button--reset:focus {
  color: #fff !important;
  background-color: #feb349 !important;
  border-color: #feb349 !important;
}

//新增
.diy-button--add {
  color: #fff !important;
  background-color: #22c1c3 !important;
  border-color: #22c1c3 !important;
}
.diy-button--add:hover {
  color: #fff !important;
  background-color: #22c1c3 !important;
  border-color: #22c1c3 !important;
}
.diy-button--add:focus {
  color: #fff !important;
  background-color: #22c1c3 !important;
  border-color: #22c1c3 !important;
}

//删除、导入
.diy-button--delete {
  color: #fff !important;
  background-color: #fe6252 !important;
  border-color: #fe6252 !important;
}
.diy-button--delete:hover {
  color: #fff !important;
  background-color: #fe6252 !important;
  border-color: #fe6252 !important;
}
.diy-button--delete:focus {
  color: #fff !important;
  background-color: #fe6252 !important;
  border-color: #fe6252 !important;
}
//下载模板
.diy-button--export {
  color: #fff !important;
  background-color: #3e8ef7 !important;
  border-color: #3e8ef7 !important;
}
.diy-button--export:hover {
  color: #fff !important;
  background-color: #3e8ef7 !important;
  border-color: #3e8ef7 !important;
}
.diy-button--export:focus {
  color: #fff !important;
  background-color: #3e8ef7 !important;
  border-color: #3e8ef7 !important;
}
.diy-button--qrcode {
  color: #fff !important;
  background-color: #4ec591 !important;
  border-color: #4ec591 !important;
}
//列表上方操作按钮，其他按钮
.diy-button--more {
  color: #fff !important;
  background-color: #23c1c4 !important;
  border-color: #23c1c4 !important;
}

//table按钮样式

//查看
.div-table-button--detail {
  color: #3e8ef7 !important;
  text-decoration: underline !important;
}

//修改
.div-table-button--edit {
  color: #00a7a9 !important;
  text-decoration: underline !important;
}

//删除
.div-table-button--delete {
  color: #d51010 !important;
  text-decoration: underline !important;
}

//查看
.div-table-button--detail--noline {
  color: #3e8ef7 !important;
}

//更多
.div-table-button--more {
  color: #333333 !important;
  text-decoration: underline !important;
}

//修改
.div-table-button--edit--noline {
  color: #00a7a9 !important;
}

//删除
.div-table-button--delete--noline {
  color: #d51010 !important;
}

//
.div-table-button--qr {
  color: #4ec591 !important;
  text-decoration: underline !important;
}