Files
QingAnVue2TV/src/styles/index.scss
DaLuJia Developer 2abd286d42 Initial commit: 大陆架零部件智能生产线数字孪生系统
- 实现TV1和TV2双大屏展示
- 集成ECharts数据可视化
- 实现实时数据刷新机制
- 添加刀具寿命管理模块
- 添加工单加工时长统计模块
- 添加加工中心7日工作时长统计模块
- 添加OEE分析、设备状态监控等功能
- 创建技术文档和使用说明书
2026-05-21 09:19:09 +08:00

144 lines
2.3 KiB
SCSS

@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import '../assets/font/Misans.css';
HTML{
overflow: auto;
}
body {
height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: MiSans Demibold, serif;
}
label {
font-weight: 700;
}
html {
height: 100%;
box-sizing: border-box;
}
#app{
height: 100%;
.sidebar-container{
background-color: #2e296a;
}
}
*,
*:before,
*:after {
box-sizing: inherit;
}
a,
a:focus,
a:hover {
cursor: pointer;
color: inherit;
outline: none;
text-decoration: none;
}
div:focus{
outline: none;
}
a:focus,
a:active {
outline: none;
}
a,
a:focus,
a:hover {
cursor: pointer;
color: inherit;
text-decoration: none;
}
.clearfix {
&:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
}
//main-container全局样式
.app-main{
min-height: 100%;
}
.app-container {
//background-color: #ebf1ee;
}
.navbar{
background-color: #2D3C67!important;
}
.submenu-title-noDropdown{
background-color: black!important;
color: #00893D!important;
}
.el-menu-item.is-active{
color:#2456E6!important;
}
el-form-item__content{
background-color: #00893D!important;
}
.el-menu-item:hover{
background-color: #00893D !important;
color: #fff!important;
}
.el-menu-item, .el-submenu__title{
line-height: 42px;
height: 42px;
background-color: #F5F5F5!important;
color: #000000!important;
}
.el-scrollbar{
height: 100%;
}
.el-submenu__title{
color: #000000!important;
background-color: #F5F5F5!important;
}
.el-button--success {
color: #fff;
background-color: #67c23a ;
border-color: #67c23a ;
}
.el-button--success.is-plain {
color: #67c23a!important;
background: #FAFAFA!important;
border-color: #67c23a!important;
}
.el-button--success:hover {
color: #FAFAFA!important;
background-color: #67c23a!important;
border-color: #67c23a!important;
}
.el-button--success:focus {
color: #FAFAFA!important;
background-color: #67c23a!important;
border-color: #67c23a!important;
}
.el-dialog__wrapper {
pointer-events: none;
}
.el-dialog {
pointer-events: auto;
}