From a38281e697cde9f45926a6af0c88bec14501fec0 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Tue, 15 Feb 2022 11:06:34 +0800
Subject: [PATCH] 68个表格在1366*768下的适配，保安单位情况智能分析中的图表的适配以及其按钮会被遮住不能点击
---
src/styles/element-ui.scss | 175 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 100 insertions(+), 75 deletions(-)
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 540646d..e92b3c5 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -1,6 +1,6 @@
.el-dropdown-menu__item {
- font-size: 12px !important;
- line-height: 28px !important;
+ font-size: 12px !important;
+ line-height: 28px !important;
}
//.el-card.is-always-shadow {
@@ -8,43 +8,43 @@
// border: none !important;
//}
.el-scrollbar__view {
- height: 100%;
+ height: 100%;
}
.el-menu--horizontal {
- border-bottom: none !important;
+ border-bottom: none !important;
}
.el-menu {
- border-right: none !important;
+ border-right: none !important;
}
.el-menu--display,
.el-menu--display + .el-submenu__icon-arrow {
- display: none;
+ display: none;
}
.el-message__icon,
.el-message__content {
- display: inline-block;
+ display: inline-block;
}
.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
- height: auto;
- overflow: hidden;
+ height: auto;
+ overflow: hidden;
}
.el-dialog__wrapper {
- z-index: 2048;
+ z-index: 2048;
}
.el-col {
- margin-bottom: 8px;
+ margin-bottom: 8px;
}
.el-main {
- padding: 0 !important;
+ padding: 0 !important;
}
.el-dropdown-menu__item--divided:before,
@@ -52,7 +52,7 @@
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
- background-color: transparent;
+ background-color: transparent;
}
.el-dropdown-menu__item--divided:before,
@@ -60,24 +60,24 @@
.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
- background-color: transparent !important;
+ background-color: transparent !important;
}
.el-card__header {
- padding: 6px 18px !important;
+ padding: 6px 18px !important;
}
.el-card__body {
- //padding: 16px !important;
+ //padding: 16px !important;
}
.el-divider--horizontal {
- margin: 12px 0 !important;
+ margin: 12px 0 !important;
}
//表格斑马纹
.el-table tr:nth-child(2n -1) {
- // background-color: rgba($color: #000000, $alpha: 0.1) !important;
+ // background-color: rgba($color: #000000, $alpha: 0.1) !important;
}
// //顶部搜索栏
@@ -199,86 +199,86 @@
// width: 165px !important;
// }
.avue-form__menu--center .el-button {
- float: left;
+ float: left;
}
.dispatch .avue-form__menu--center .el-button {
- float: none;
+ float: none;
}
.avue-form__menu--center .el-button:nth-child(1) {
- margin-left: 30px;
+ margin-left: 30px;
}
//左侧导航栏
.avue-logo {
- background-color: #409eff !important;
- color: #fff !important;
+ background-color: #409eff !important;
+ color: #fff !important;
}
.avue-sidebar {
- background-color: #fff !important;
+ background-color: #fff !important;
}
.avue-header {
- background-color: #409eff !important;
- color: #fff !important;
+ background-color: #409eff !important;
+ color: #fff !important;
}
.avue-sidebar .el-menu-item span,
.avue-sidebar .el-submenu__title span,
.avue-sidebar .el-submenu__title i,
.avue-sidebar .el-menu-item i {
- color: rgba($color: #000000, $alpha: 0.8) !important;
+ color: rgba($color: #000000, $alpha: 0.8) !important;
}
// 菜单 活动背景
.avue-sidebar .el-menu-item.is-active {
- background-color: #409eff !important;
+ background-color: #409eff !important;
}
.avue-sidebar .el-menu-item.is-active span,
.el-menu-item.is-active i {
- color: #fff !important;
+ color: #fff !important;
}
//top 导航 按钮
.el-menu--horizontal > .el-menu-item.is-active,
.avue-top,
.el-dropdown {
- color: #fff !important;
+ color: #fff !important;
}
.securityPapers {
- width: 100%;
- height: 100%;
- background-color: #f4f6f8;
- position: absolute;
- top: 40px;
- left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #f4f6f8;
+ position: absolute;
+ top: 40px;
+ left: 0;
}
.securityGuard .avue-form__menu {
- position: relative;
- width: 100%;
- display: flex;
- flex-direction: row-reverse;
+ position: relative;
+ width: 100%;
+ display: flex;
+ flex-direction: row-reverse;
}
.businessLicense .avue-upload__avatar,
.businessLicense .avue-upload__icon {
- // 图片
- width: 450px !important;
- height: 680px !important;
- line-height: 680px !important;
+ // 图片
+ width: 450px !important;
+ height: 680px !important;
+ line-height: 680px !important;
}
.License .avue-upload__avatar,
.License .avue-upload__icon {
- // 图片
- width: 1048px !important;
- height: 680px !important;
- line-height: 680px !important;
+ // 图片
+ width: 1048px !important;
+ height: 680px !important;
+ line-height: 680px !important;
}
//保安员管理 查看按钮放前
@@ -286,53 +286,78 @@
// position: relative;
// right: 70px;
// }
-.securityGuard .el-button.el-button--text.el-button--small:nth-child(1) {
- position: relative;
- right: 70px;
-}
+// .securityGuard .el-button.el-button--text.el-button--small:nth-child(1) {
+// position: relative;
+// right: 70px;
+// }
.avue-empty__desc {
- color: #fff !important;
+ color: #fff !important;
}
.certificateTJ .avue-form__menu--center {
- // 统计图持证表格按钮过长
- width: 320px !important;
+ // 统计图持证表格按钮过长
+ width: 320px !important;
}
.el-menu.el-menu--popup.el-menu--popup-right-start {
- //菜单折叠 弹窗样式
- .el-menu-item span,
- .el-menu-item i {
- color: rgba($color: #000000, $alpha: 0.7) !important;
- }
- li:hover {
- background-color: #bcdcfd !important;
- }
+ //菜单折叠 弹窗样式
+ .el-menu-item span,
+ .el-menu-item i {
+ color: rgba($color: #000000, $alpha: 0.7) !important;
+ }
+ li:hover {
+ background-color: #bcdcfd !important;
+ }
}
.addCompany {
- .avue-form__menu--center .el-button {
- float: none;
- }
+ .avue-form__menu--center .el-button {
+ float: none;
+ }
}
.avue-form__group > div:last-child {
- display: inline-block !important;
- // width: auto !important;
+ display: inline-block !important;
+ // width: auto !important;
}
// 表格搜索按钮样式覆盖
-@import "./tableSearchBut.scss";
+// @import "./tableSearchBut.scss";
+
+//用户手册
.userSManual .el-card.basic-container__card.is-always-shadow,
.userSManual .el-card__body {
- width: 100% !important;
- height: 100% !important;
- box-sizing: border-box !important;
+ width: 100% !important;
+ height: 100% !important;
+ box-sizing: border-box !important;
}
// 整体缩放
-body {
- zoom: 0.997;
- // font-size: xx-small;
+// body {
+// zoom: 0.997;
+// // font-size: xx-small;
+// }
+
+@import "./smallSize.scss";
+
+//表格操作栏
+.el-tooltip__popper.is-light.caozuolanpopper {
+ padding-left: 0;
+ padding-right: 0;
+ border: 1px solid #409eff;
+ &[x-placement^=bottom] .popper__arrow {
+ border-bottom-color: #409eff !important;
+ }
+ &[x-placement^=top] .popper__arrow {
+ border-top-color: #409eff !important;
+ }
+ .el-button.el-button--text.el-button--small {
+ padding-left: 10px;
+ padding-right: 10px;
+ &:hover {
+ background-color: #409eff;
+ color: #fff;
+ }
+ }
}
--
Gitblit v1.9.3