You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
pingAnQiYeWeb/src/App.vue

153 lines
2.6 KiB

<template>
<div id="app">
<router-view />
</div>
</template>
<style lang="less">
* {
box-sizing: border-box;
}
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
width: 100vw;
height: 100vh;
.el-scrollbar__wrap {
overflow-x: hidden !important;
}
.el-scrollbar__bar.is-horizontal {
display: none;
}
.el-scrollbar__wrap {
overflow-x: hidden;
overflow-y: hidden;
}
.el-menu {
border-right: 0;
}
}
@font-face {
font-family: YouSheBiaoTiHei;
src: url('./fonts/YouSheBiaoTiHei.ttf')
}
@font-face {
font-family: DS-Digital-Bold;
src: url('./fonts/DS-Digital-Bold.ttf')
}
@font-face {
font-family: AlimamaShuHeiTi;
src: url('./fonts/AlimamaShuHeiTi.ttf')
}
.clearfix::after {
content: '';
clear: both;
display: block;
height: 0;
zoom: 0;
visibility: hidden;
font-size: 0;
}
.el-tooltip__popper {
max-width: 600px;
}
.el-scrollbar__thumb {
display: none;
}
.el-table::before {
display: none;
}
.bottomZS {
position: absolute;
width: 100%;
height: 30px;
bottom: 3px;
left: 0;
background: url("~@/assets/companyFile/装饰0921.png") no-repeat;
background-size: 100% 100%;
transform: rotateX(180deg);
}
.topZS {
position: absolute;
width: 100%;
height: 30px;
top: 3px;
left: 0;
background: url("~@/assets/companyFile/装饰0921.png") no-repeat;
background-size: 100% 100%;
}
.block {
position: absolute;
box-sizing: border-box;
right: 10px;
bottom: 10px;
width: 100%;
height: 42px;
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
margin: 0 5px;
background-color: rgba(255, 255, 255, 0);
color: #eaeff7;
min-width: 30px;
border-radius: 2px;
border: 1px solid rgba(40, 132, 126, 1);
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: rgba(64, 158, 255, 0);
color: #ccc;
border: 1px solid #76EAE4;
}
.btn-prev {
margin: 0 5px;
background-color: rgba(255, 255, 255, 0);
color: #eaeff7;
min-width: 30px;
border-radius: 2px;
border: 1px solid rgba(40, 132, 126, 1);
}
// /deep/.el-select-dropdown {
// background-color: rgba(255, 255, 255, 0);
// background: url('~@/assets/companyFile/001.png') no-repeat;
// background-size: 100% 100%;
// border: 0;
// }
}
.search {
position: absolute;
right: 20px;
top: 20px;
display: flex;
}
.el-menu .is-active {
border: 0 !important;
}
</style>