Newer
Older
operation_web / src / assets / css / index.css
/* --color 相当于全局定义的一个css变量
 var(--color) 用于引用
 在页面样式的引用中,你将会看到 */
:root {
  --color: rgb(255, 255, 255);
  --bck: rgb(196, 192, 255);
  --tablehover: rgb(4, 51, 52);
  --white: rgb(255, 255, 255);
  /* 原色为白色,切换后的颜色为黑色,设置字体时使用 */

  --black: rgb(0, 0, 0);
  /* 原色为黑色,切换后的颜色为白色,设置边框时使用 */

  --lightgray: #c1c5cc;
  --lightblue: rgb(102, 177, 255);

  --dialogtitle: rgb(0, 255, 255);
  /* 弹框高亮标题颜色 */

  --tablethead: transparent;
  /* 通用表格表头标题默认透明色,改成rgb(206, 223, 255) */

  --tablebody: transparent;
  /* 通用表格实时数据默认透明色,改成rgb(193, 213, 248) */

  --elhead: rgb(5, 4, 9);
  /* 通用头部默认颜色,改成rgb(6, 92, 255) */

  --elaside: rgb(5, 4, 9);
  /* 侧边栏底部余下空间默认背景色,改成rgb(187, 209, 246) */

  --elmenuitem: rgb(58, 58, 60);
  /* 侧边栏默认背景色,,改成白色 */

  --lineargradient: -webkit-linear-gradient(transparent);
  /* 侧边栏标签默认渐变色,默认为透明色,改变后为-webkit-linear-gradient(0deg, #065cfd, #bbd1f6 80%) */

  --elicon: "";
  /* 侧边栏标签前面的字体图标颜色,改变后为rgb(255,255,255) */

  --preSiteTitle: rgba(25, 26, 28);
  /* 首页六个方框的标题颜色,切换后的颜色为207, 223, 255 */

  --preSiteCentent: transparent;
  /* 首页六个方框的内部内容的颜色,切换后的颜色为193, 213, 248 */

  --pretextbg: transparent;
  /* 首页历史搜索模块的背景色,切换后为蓝色rgb(6, 92, 255) */

  --preTopDatatxt: rgb(255, 217, 0);
  /* 首页设备总数/当前在线数/在线率三个文字颜色(其他页面有相似的颜色也可以通用)的改变,切换为rgb(39, 71, 217) */

  --eldatebefore: rgb(255, 255, 255);
  /* 时间日期前面的字体图标颜色默认白色,改变后为rgb(0, 119, 255) */

  --bluetowhite: rgb(0, 119, 254);
  /* 新烽查询/查看详情点击框的颜色 蓝色变为白色 255,255,255*/

  --yellow: rgb(255, 255, 0);
  /* 高亮黄色  变为蓝色  rgb(0, 120, 254)*/

  --lighgreen: rgb(127, 255, 0);
  /* 分页的右边下一页的颜色 rgb(0, 119, 254*/

  --digtext: rgb(96, 98, 102);
  /* --弹框文字颜色  变为黑色*/

  --diatitle: rgb(0, 255, 255);
  /* 弹框标题 变为蓝色 rgb(0, 119, 254)*/

  /* --welcome: url("../../static/img/BGIMG12.jpg"); */

  --selected: rgb(239, 226, 1);
  /* 下拉框默认选中高亮的颜色为黄色 改变后的颜色为灰色 */

  --selecthover: rgb(4, 51, 52);
  /* 下拉框默认hover颜色为深蓝色 改变后的颜色为 */

  --selectlist: transparent;
  /* 下拉框默认背景色为透明色  变为#f4f8ff*/
}

.form-cascader .el-cascader-panel .el-radio {
  display: none;
}
.form-cascader .el-cascader-panel .el-radio__input {
  visibility: hidden;
}
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background: transparent;
}