134 lines
3.2 KiB
Vue
134 lines
3.2 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)
|
|
},
|
|
watch: {
|
|
$route: {
|
|
handler(newValue) {
|
|
console.log(newValue, '路由监听--')
|
|
if (newValue.query.token) {
|
|
localStorage.setItem('token', newValue.query.token)
|
|
}
|
|
},
|
|
deep: true,
|
|
},
|
|
},
|
|
}
|
|
</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>
|