devicesmgt/sgzb-screen/src/App.vue

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: 'app',
  created() {
    // console.log(this.$route)
    // localStorage.setItem('token', this.$route.query.token)
    var link = document.querySelector("link[rel*='icon']") || document.createElement("link");
    link.type = "image/x-icon";
    link.rel = "shortcut icon";
    link.href = require('./assets/img/myImage/logo.png');
    document.getElementsByTagName("head")[0].appendChild(link);
    
  },
}
</script>
<style lang="less">
.el-dialog {
  // 背景色透明
  background: rgba(0, 0, 0, 0.5) !important;
  background-image: url('./assets/img/dialog/window.png') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  .el-dialog__headerbtn {
    width: 83px;
    height: 44px;
    background-image: url('./assets/img/dialog/icon_close.png') !important;
    background-size: cover;
    // 去除原来的 x 按钮
    .el-dialog__close {
      display: none;
    }
  }
  .el-form-item__label {
    color: #fff !important;
  }

  .el-table th {
    // #253855  #30619B 背景色从上到下渐变
    background: linear-gradient(to bottom, #2B313D, #3267A7) !important;
    color: #fff !important;
    border-bottom:  1px solid #84FCFD !important;
  }
  .el-table tr {
    background-color: #335684 !important;
    color: #fff !important;
  }
  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #25447D !important;
    color: #fff !important;
  }
  .el-table td,.building-top .el-table th.is-leaf {
    border-bottom:  1px solid #6983A5 !important;
  }
  .el-table::before{
    border-bottom:  1px solid #6983A5 !important;
    background-color: #6983A5 !important;
    height: 1px !important;
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #6983A5 !important;
  }
  .el-pagination__total {
    color: #E1E3E6 !important;
  }
  .el-pagination__jump {
    color: #E1E3E6 !important;
  }
  .el-input__inner {
    background-color: transparent !important;
    border: 1px solid #77E2E7 !important;
    color: #E1E3E6 !important;
  }
  .el-pagination__sizes .el-input .el-input__inner {
    color: #E3E4E7 !important;
    border: 1px solid #E3E4E7 !important;
  }
  .el-pagination__editor.el-input .el-input__inner {
    color: #E3E4E7 !important;
    border: 1px solid #E3E4E7 !important;
  }
  .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    color: #E3E4E7 !important;
    border: 1px solid #E3E4E7 !important;
    background-color: transparent !important;
  }
  .el-pagination.is-background .btn-next {
    color: #E3E4E7 !important;
    border: 1px solid #E3E4E7 !important;
    background-color: transparent !important;
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #98F4FB !important;
    color: #000 !important;
  }
  .el-button--primary {
    background-color: #84FCFD !important;
    border: #84FCFD !important;
    color: #285050 !important;
  }
  .el-button--default {
    background-color: transparent !important;
    border: 1px solid #84FCFD !important;
    color: #D5D6DA !important;
  }
  .el-table__empty-block {
    background-color: #335684 !important;
    .el-table__empty-text {
      color: #D5D6DA !important;
    }
  }
}
</style>