146 lines
2.9 KiB
SCSS
146 lines
2.9 KiB
SCSS
@import "./base.scss";
|
||
@import "./variables.scss";
|
||
@import "./mixin.scss";
|
||
@import "./element-override.scss";
|
||
@import "./sidebar.scss";
|
||
@import "./transition.scss";
|
||
|
||
html,
|
||
body {
|
||
height: 100%;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
-webkit-font-smoothing: antialiased;
|
||
text-rendering: optimizeLegibility;
|
||
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
|
||
Microsoft YaHei, Arial, sans-serif;
|
||
}
|
||
|
||
#app {
|
||
height: 100%;
|
||
}
|
||
|
||
*,
|
||
*:before,
|
||
*:after {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
a:focus,
|
||
a:active {
|
||
outline: none;
|
||
}
|
||
|
||
a,
|
||
a:focus,
|
||
a:hover {
|
||
cursor: pointer;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div:focus {
|
||
outline: none;
|
||
}
|
||
|
||
.clearfix {
|
||
&:after {
|
||
visibility: hidden;
|
||
display: block;
|
||
font-size: 0;
|
||
content: " ";
|
||
clear: both;
|
||
height: 0;
|
||
}
|
||
}
|
||
|
||
.detail_box{
|
||
width: 80%;
|
||
margin: 30px auto;
|
||
}
|
||
|
||
::v-deep .el-calendar-day{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
background: rgba(rgb(6,42,72), 1);
|
||
height: 100px;
|
||
}
|
||
::v-deep .el-calendar{
|
||
background: rgba(rgb(6,42,72), 0.1);
|
||
border: 1px solid rgb(8, 85, 170);
|
||
color: #fff;
|
||
}
|
||
::v-deep .el-calendar-table td.is-selected{
|
||
background-color: rgb(17,66,96);
|
||
}
|
||
::v-deep .el-calendar-table .el-calendar-day:hover {
|
||
background-color: rgb(17,66,96);
|
||
}
|
||
::v-deep .el-calendar-table td{
|
||
background-color: rgba(rgb(6,42,72), 0.1);
|
||
border-color: rgb(8, 85, 170);
|
||
}
|
||
::v-deep .el-calendar-table thead th{
|
||
border-color: rgb(8, 85, 170);
|
||
color: #fff;
|
||
}
|
||
::v-deep .el-table td.el-table__cell{
|
||
color: #6f6f74;
|
||
}
|
||
::v-deep .el-calendar-day{
|
||
border-color: rgb(8, 85, 170);
|
||
}
|
||
::v-deep .el-calendar-table tr td:first-child{
|
||
border-color: rgb(8, 85, 170);
|
||
}
|
||
::v-deep .el-calendar-table tr:first-child td{
|
||
border-color: rgb(8, 85, 170);
|
||
}
|
||
|
||
.new-btn-class-bj {
|
||
color: #409eff;
|
||
margin-right: 10px;
|
||
}
|
||
.new-btn-class-bj:hover {
|
||
border-bottom: 1px solid #409eff;
|
||
}
|
||
.new-btn-class-sc {
|
||
color: #f56c6c;
|
||
}
|
||
.new-btn-class-sc:hover {
|
||
border-bottom: 1px solid #f56c6c;
|
||
}
|
||
|
||
/* 全局设置滚动条颜色 */
|
||
/* Webkit浏览器(Chrome, Safari等) */
|
||
*::-webkit-scrollbar {
|
||
width: 6px; /* 垂直滚动条宽度 */
|
||
height: 6px; /* 水平滚动条高度 */
|
||
}
|
||
|
||
*::-webkit-scrollbar-track {
|
||
background: rgba(0, 0, 0, 0.1); /* 滚动条轨道颜色 */
|
||
border-radius: 3px;
|
||
}
|
||
|
||
*::-webkit-scrollbar-thumb {
|
||
background: rgba(102, 102, 102, 0.5); /* 滚动条滑块颜色 */
|
||
border-radius: 3px;
|
||
transition: background-color 0.3s ease;
|
||
}
|
||
|
||
*::-webkit-scrollbar-thumb:hover {
|
||
background: rgba(102, 102, 102, 0.8); /* 鼠标悬停时的滑块颜色 */
|
||
}
|
||
|
||
/* Firefox浏览器滚动条设置 */
|
||
* {
|
||
scrollbar-width: thin;
|
||
scrollbar-color: rgba(102, 102, 102, 0.5) rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
/* 为确保所有需要滚动的元素都能正常工作，显式设置overflow属性 */
|
||
.scrollable {
|
||
overflow: auto;
|
||
-webkit-overflow-scrolling: touch; /* 为移动设备添加平滑滚动 */
|
||
} |