65 lines
1.0 KiB
SCSS
65 lines
1.0 KiB
SCSS
.el-container {
|
|
width: 100%;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
|
|
.el-aside {
|
|
width: auto;
|
|
overflow: inherit;
|
|
}
|
|
|
|
.el-header,
|
|
.el-footer {
|
|
height: auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.main-tabs {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
background-color: #fff;
|
|
border: 0;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
height: 30px;
|
|
}
|
|
|
|
.el-main {
|
|
background: #f0f2f5;
|
|
padding: 10px 13px;
|
|
box-sizing: border-box;
|
|
// 防止切换出现横向滚动条
|
|
overflow-x: hidden;
|
|
|
|
.main-box {
|
|
width: 100%;
|
|
height: 100%;
|
|
// background-color: #f5f5f5;
|
|
// box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
|
|
// border-radius: 4px;
|
|
// padding: 20px;
|
|
box-sizing: border-box;
|
|
overflow: auto;
|
|
overflow-x: hidden !important;
|
|
|
|
&::-webkit-scrollbar {
|
|
background-color: white;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.shake {
|
|
animation: shake 0.5s linear;
|
|
}
|
|
|
|
@keyframes shake {
|
|
from {
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
to {
|
|
transform: translateX(0);
|
|
}
|
|
} |