<template>
|
<div id="app" class="appPlas">
|
<router-view />
|
</div>
|
</template>
|
<script>
|
|
import Home from './views/home.vue'
|
export default {
|
data () {
|
return {
|
|
};
|
},
|
components:{
|
Home,
|
},
|
mounted () {
|
|
},
|
created () {
|
//在页面加载时读取localStorage里的状态信息
|
localStorage.getItem("userMsg") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("userMsg"))));
|
|
//在页面刷新时将vuex里的信息保存到localStorage里
|
window.addEventListener("beforeunload",()=>{
|
localStorage.setItem("userMsg",JSON.stringify(this.$store.state))
|
})
|
},
|
methods: {
|
|
}
|
|
};
|
</script>
|
<style lang="less">
|
@import "./assets/css/comment.less";
|
@import "./assets/font/font.css";
|
@import "./assets/css/element.less";
|
@import url("./assets/css/common.css");
|
#app {
|
font-family: Avenir, Helvetica, Arial, sans-serif,"Microsoft YaHei";
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
background: #141A26;
|
width: 100%;
|
height: 100%;
|
overflow: hidden;
|
|
}
|
*{
|
moz-user-select: -moz-none;
|
-moz-user-select: none;
|
-o-user-select:none;
|
-khtml-user-select:none;
|
-webkit-user-select:none;
|
-ms-user-select:none;
|
user-select:none;
|
|
}
|
.el-loading-mask{
|
background-color: rgba(9,27,68,.4)!important;
|
}
|
.el-icon-time:before{
|
content: ''!important;
|
}
|
.el-button--default:hover{
|
background: rgba(20, 131, 242, 0.3)!important;
|
border: 1px solid rgba(20, 131, 242, 0.3);
|
color: #ffffff;
|
}
|
.el-select:hover .el-input__inner{
|
border-color: rgba(20, 131, 242, 0.6)!important;
|
}
|
button{
|
//padding: 0!important;
|
}
|
|
.el-select-dropdown{
|
background: #06203f!important;
|
border: 0!important;
|
&__item{
|
color: #fff!important;
|
&.selected{
|
color: #409EFF!important;
|
/*background: rgba(20, 131, 242, 0.3)!important;*/
|
}
|
&:hover, &.hover{
|
background: rgba(20, 131, 242, 0.1)!important;
|
}
|
}
|
}
|
.el-cascader{
|
&__dropdown{
|
background: #06203f!important;
|
border: 0!important;
|
}
|
&-menu{
|
border-right: 1px solid rgba(20, 131, 242, 0.3)!important;
|
color: #fff!important;
|
&:last-child{
|
border:0!important;
|
}
|
}
|
&-node{
|
&.is-selectable.in-active-path{
|
color: #fff!important;
|
}
|
&:not(.is-disabled){
|
&:focus, &:hover{
|
background: rgba(20, 131, 242, 0.1)!important;
|
}
|
}
|
}
|
}
|
.el-popper[x-placement^=bottom] .popper__arrow::after,
|
.el-popper[x-placement^=bottom] .popper__arrow
|
{
|
border-bottom-color: #06203f!important;
|
}
|
.el-picker-panel{
|
background: #06203f!important;
|
border: 0!important;
|
color: #fff!important;
|
&__footer{
|
background: #06203f!important;
|
border-top: 1px solid rgba(20, 131, 242, 0.3)!important;
|
.el-button--default{
|
background: rgba(20, 131, 242, 0.3)!important;
|
border: 1px solid rgba(20, 131, 242, 0.3);
|
color: #ffffff;
|
}
|
}
|
&__icon-btn{
|
color: #fff!important;
|
}
|
}
|
.el-date-range-picker{
|
&__editor{
|
.el-input__inner{
|
background: rgba(0, 131, 250, 0.1)!important;
|
border: 1px solid rgba(0, 131, 250, 0.1);
|
color: #ffffff;
|
&:hover, &:focus{
|
border: 1px solid rgba(0, 131, 250, 0.1);
|
color: #ffffff;
|
}
|
}
|
}
|
&__time{
|
&-header{
|
border-bottom: 1px solid rgba(20, 131, 242, 0.3)!important;
|
color: #ffffff;
|
.el-icon-arrow-right:before{
|
color: #ffffff;
|
}
|
}
|
}
|
&__content.is-left{
|
border-right: 1px solid rgba(20, 131, 242, 0.3)!important;
|
}
|
}
|
.el-time{
|
&-panel{
|
background: #052A52!important;
|
border: 1px solid rgba(0, 131, 250, 0.1)!important;
|
&__footer{
|
border-top: 1px solid rgba(20, 131, 242, 0.3)!important;
|
}
|
&__btn.cancel{
|
color: #ffffff!important;
|
}
|
&__content::after, &__content::before{
|
border-bottom: 1px solid rgba(20, 131, 242, 0.3)!important;
|
border-top: 1px solid rgba(20, 131, 242, 0.3)!important;
|
}
|
}
|
&-spinner__item{
|
color: #ffffff!important;
|
&:hover:not(.disabled):not(.active){
|
background: none!important;
|
color: #409EFF!important;
|
}
|
&.active:not(.disabled){
|
color: #409EFF!important;
|
}
|
}
|
}
|
.el-date-picker{
|
&__header-label{
|
color: #fff!important;
|
&:hover{
|
color: #409EFF!important;
|
}
|
}
|
}
|
|
.el-year-table{
|
td{
|
.cell{
|
color: #fff!important;
|
&:hover{
|
color: #409EFF!important;
|
}
|
}
|
&.today{
|
.cell{
|
color: #409EFF!important;
|
}
|
}
|
&.current:not(.disabled){
|
.cell{
|
color: #409EFF!important;
|
}
|
}
|
}
|
}
|
.el-month-table{
|
td{
|
.cell{
|
color: #fff!important;
|
&:hover{
|
color: #409EFF!important;
|
}
|
}
|
&.in-range{
|
div, div:hover{
|
background: rgba(20, 131, 242, 0.3)!important;
|
}
|
}
|
&.today{
|
.cell{
|
color: #409EFF!important;
|
}
|
&.end-date, &.start-date{
|
.cell{
|
color: #fff!important;
|
}
|
}
|
}
|
&.end-date, &.start-date{
|
.cell{
|
color: #fff!important;
|
}
|
}
|
}
|
}
|
.el-date-table th{
|
color: #fff!important;
|
}
|
|
.el-picker-panel__icon-btn:hover,
|
.el-upload-list__item.is-success .el-upload-list__item-name:focus,
|
.el-upload-list__item.is-success .el-upload-list__item-name:hover,
|
.el-upload-list__item:hover,
|
.el-upload-list__item-name{
|
color: #409EFF!important;
|
}
|
|
.el-date-table td.in-range div,
|
.el-date-table td.in-range div:hover,
|
.el-date-table.is-week-mode .el-date-table__row.current div,
|
.el-date-table.is-week-mode .el-date-table__row:hover div{
|
background: rgba(20, 131, 242, 0.3)!important;
|
}
|
</style>
|
<style lang="less">
|
.el-table__body-wrapper::-webkit-scrollbar-track-piece, .ql-editor::-webkit-scrollbar-track-piece{
|
background: none;
|
}
|
.el-table__body-wrapper::-webkit-scrollbar, .ql-editor::-webkit-scrollbar{
|
width: 6px;
|
height: 6px;
|
}
|
.el-table__body-wrapper::-webkit-scrollbar-thumb, .ql-editor::-webkit-scrollbar-thumb{
|
background-color: #c6c6c6;
|
border-radius: 8px;
|
}
|
.el-table__body-wrapper::-webkit-scrollbar-thumb:hover, .ql-editor::-webkit-scrollbar-thumb:hover{
|
background-color: #c6c6c6;
|
}
|
.el-table{
|
&__fixed-right{
|
right: 7px!important;
|
&-patch{
|
background: #1f2737!important;
|
border-bottom: none;
|
}
|
&::before{
|
height:0!important;
|
}
|
}
|
&__fixed{
|
&::before{
|
background: none;
|
height:0!important;
|
}
|
&-right{
|
&::before{
|
background: none;
|
}
|
}
|
&-body-wrapper{
|
top: 54px!important;
|
}
|
}
|
.caret-wrapper{
|
height: 23px!important;
|
}
|
.sort-caret.ascending{
|
top: 0!important;
|
}
|
.sort-caret.descending{
|
bottom: 0!important;
|
}
|
}
|
.el-radio{
|
&__inner{
|
background: none!important;
|
}
|
&__input.is-checked{
|
.el-radio__inner{
|
background: #409EFF!important;
|
}
|
}
|
}
|
</style>
|
