cqdevicemgt/sgzb-screen/src/App.vue

120 lines
2.9 KiB
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-color: rgba(0, 0, 0, 0.5);
// background-color: transparent;
// background-color: #000;
background-image: url('./assets/img/dialog/window.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.el-dialog__headerbtn {
width: 83px;
height: 44px;
background-image: url('./assets/img/dialog/icon_close.png');
background-size: cover;
// 去除原来的 x 按钮
.el-dialog__close {
display: none;
}
}
.el-form-item__label {
color: #fff;
}
.el-table th {
// #253855 #30619B 背景色从上到下渐变
background: linear-gradient(to bottom, #2B313D, #3267A7);
color: #fff;
border-bottom: 1px solid #84FCFD !important;
}
.el-table tr {
background-color: #335684;
color: #fff;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
background-color: #25447D;
color: #fff;
}
.el-table td,.building-top .el-table th.is-leaf {
border-bottom: 1px solid #6983A5;
}
.el-table::before{
border-bottom: 1px solid #6983A5;
background-color: #6983A5;
height: 1px;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #6983A5;
}
.el-pagination__total {
color: #E1E3E6;
}
.el-pagination__jump {
color: #E1E3E6;
}
.el-input__inner {
background-color: transparent;
border: 1px solid #77E2E7;
color: #E1E3E6;
}
.el-pagination__sizes .el-input .el-input__inner {
color: #E3E4E7;
border: 1px solid #E3E4E7;
}
.el-pagination__editor.el-input .el-input__inner {
color: #E3E4E7;
border: 1px solid #E3E4E7;
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
color: #E3E4E7;
border: 1px solid #E3E4E7;
background-color: transparent;
}
.el-pagination.is-background .btn-next {
color: #E3E4E7;
border: 1px solid #E3E4E7;
background-color: transparent;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #98F4FB;
color: #000;
}
.el-button--primary {
background-color: #84FCFD;
border: #84FCFD;
color: #285050;
}
.el-button--default {
background-color: transparent;
border: 1px solid #84FCFD;
color: #D5D6DA;
}
.el-table__empty-block {
background-color: #335684;
.el-table__empty-text {
color: #D5D6DA;
}
}
}
</style>