From 49c623058bd160fee79cc8a245b93d2770eb72bf Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期三, 25 十二月 2024 11:02:20 +0800
Subject: [PATCH] 修改样式文件
---
Source/plt-web/plt-web-ui/src/App.vue | 163 -----------------------
Source/plt-web/plt-web-ui/src/styles/common.scss | 2
Source/plt-web/plt-web-ui/src/styles/ui.scss | 216 +++++++++++++++++++++++++++---
3 files changed, 192 insertions(+), 189 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/App.vue b/Source/plt-web/plt-web-ui/src/App.vue
index cc762d6..20bdc54 100644
--- a/Source/plt-web/plt-web-ui/src/App.vue
+++ b/Source/plt-web/plt-web-ui/src/App.vue
@@ -24,167 +24,4 @@
height: 100%;
overflow: hidden;
}
-.el-menu--vertical .el-menu--popup-right-start{
- background: #20222a !important;
-}
-.el-menu--popup-right-start .menu-wrapper .el-submenu__title:focus, .el-menu--popup-right-start .menu-wrapper .el-submenu__title:hover {
- outline: 0;
- background-color: #060708;
-}
-.el-menu--popup-right-start .menu-wrapper .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper .el-submenu__title span {
- color: rgba(255, 255, 255, 0.7);
-}
-.el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title span {
- color: #ffffff;
-}
-.el-card__body {
- padding: 15px;
-}
-.el-dialog{
- margin: 50px auto;
-}
-.avue-dialog .el-dialog{
- top:50%;
- max-height: calc(100% - 80px);
- -webkit-transform: translate(-50%, 0);
- transform: translate(-50%, -50%);
- margin-top: 0 !important;
-}
-.avue-dialog .el-dialog__body{
- padding: 20px 20px 0px 20px; // 涓婂彸涓嬪乏 鍙栨秷琛ㄦ牸涓嬭竟璺濓紙浼氬嚭鐜版粴鍔ㄦ潯锛�
- margin-bottom: 10px !important;
-}
-.avue-dialog .el-dialog__body .avue-form{
- margin: 0px auto 40px; // 鍗曠嫭缁欏璇濇閲岀殑avue琛ㄥ崟鍔犱笂涓嬭竟璺�
-}
-.dialog-footer{
- background-color: #ffffff;
- z-index: 10000;
-}
-.el-dialog__footer{
- border-top: 1px solid #e9e7e7;
- padding: 10px 20px 10px;
-}
-.avue-crud .avue-form {
- margin: 0px auto !important; // 琛ㄦ牸鍐呯殑琛ㄥ崟锛堟瘮濡�:鎼滅储鏍忥級 鍙栨秷涓嬭竟璺�
-}
-.avue--detail .el-col{
- margin-bottom: 0;
-}
-.avue-crud .avue-crud__menu{
- min-height: 26px;
-}
-.avue-crud .avue-crud__menu .el-button{
- margin-bottom: 5px;
-}
-.avue-crud .avue-crud__menu .el-button--text{
- padding: 2px 6px;
-}
-.avue-crud table td{
- line-height: 22px;
-}
-.el-table .cell{
- line-height: 22px;
-}
-.el-table--mini .cell{
- line-height: 20px;
-}
-.el-table .cell .el-tag{
- line-height: 20px;
- height: 22px;
-}
-.el-table--mini .cell .el-tag{
- line-height: 18px;
- height: 20px;
-}
-.avue-crud__pagination{
- padding: 15px 0 10px;
-}
-.el-form .el-col{
- margin-bottom: 0;
-}
-.UITabs > .el-tabs__content{
- height:calc(100% - 56px);
-}
-.componentVO{
- height: 100%;
- overflow: auto;
-}
-.UI-collapse{
- box-sizing: border-box;
- height: calc(100% - 10px);
-}
-.UI-collapse > .el-collapse-item{
- max-height: calc(100% - 60px);
- overflow: auto;
-}
-.UI-collapse > .el-collapse-item > .el-collapse-item__wrap{
- height:calc(100% - 49px);
-}
-.UI-collapse > .el-collapse-item > .el-collapse-item__wrap > .el-collapse-item__content{
- height: 100%;
- padding-bottom: 5px;
-}
-.UI-dynamic{
- height: 100%;
-}
-.UI-dynamic > .avue-crud{
- height: 100%;
-}
-
-.el-form-item{
- margin-bottom: 15px;
-}
-.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
- margin-bottom: 15px;
-}
-
-.tree-buttons .el-button{
- margin: 0 5px 5px 0;
-}
-/***鎸夐挳妗�****/
-.headerCon {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 5px;
- .el-button {
- min-width: 60px;
- padding-left: 9.5px;
- margin-left: 0;
- margin-right: 5px;
- margin-bottom: 5px;
- }
-}
-.smallBtn {
- width: 82px;
- text-align: center;
- padding-left: 4.5px;
-}
-
-/***闅愯棌鏍戞噿鍔犺浇鏃惰妭鐐逛笂鐨刲oading锛岄槻姝㈣妭鐐规姈鍔�*****/
-.el-tree .el-tree-node__loading-icon{
- display: none !important;
-}
-
-.el-select{
- width: 100%;
-}
-
-.avue-input-icon__item .avue-icon i {
- font-size: 30px !important;
- width: 30px;
- height: 30px;
-}
-
-.el-descriptions__header{
- margin-bottom: 10px;
-}
-
-.avue-group__header{
- height: 20px;
- line-height: 20px;
-}
-
-.font14{font-size: 14px;width: 12px;height: 12px;display: inline-block;}
-.font16{font-size: 16px;width: 14px;height: 14px;display: inline-block;}
</style>
diff --git a/Source/plt-web/plt-web-ui/src/styles/common.scss b/Source/plt-web/plt-web-ui/src/styles/common.scss
index f974e27..a475c28 100644
--- a/Source/plt-web/plt-web-ui/src/styles/common.scss
+++ b/Source/plt-web/plt-web-ui/src/styles/common.scss
@@ -19,7 +19,7 @@
//閫氱敤閰嶇疆
@import './normalize.scss';
//UI瑙勮寖
-@import './ui.css';
+@import './ui.scss';
a{
text-decoration: none;
diff --git a/Source/plt-web/plt-web-ui/src/styles/ui.css b/Source/plt-web/plt-web-ui/src/styles/ui.scss
similarity index 73%
rename from Source/plt-web/plt-web-ui/src/styles/ui.css
rename to Source/plt-web/plt-web-ui/src/styles/ui.scss
index 013de2d..c599053 100644
--- a/Source/plt-web/plt-web-ui/src/styles/ui.css
+++ b/Source/plt-web/plt-web-ui/src/styles/ui.scss
@@ -4,28 +4,28 @@
@autor wangting
**/
@font-face{
- font-family:alibaba;
- src:url("./font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-RegularL3/AlibabaPuHuiTi-3-55-RegularL3.ttf");
+ font-family:alibaba;
+ src:url("./font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-RegularL3/AlibabaPuHuiTi-3-55-RegularL3.ttf");
}
@font-face{
- font-family:alibabaBold;
- src:url("./font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.ttf");
+ font-family:alibabaBold;
+ src:url("./font/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.ttf");
}
@font-face{
- font-family:'鎬濇簮榛戜綋';/**甯歌*/
- src:url("./font/syht/SourceHanSans-Regular.otf");
+ font-family:'鎬濇簮榛戜綋';/**甯歌*/
+ src:url("./font/syht/SourceHanSans-Regular.otf");
}
@font-face{
- font-family:'鎬濇簮榛戜綋 Medium';/**涓瓑*/
- src:url("./font/syht/SourceHanSans-Medium.otf");
+ font-family:'鎬濇簮榛戜綋 Medium';/**涓瓑*/
+ src:url("./font/syht/SourceHanSans-Medium.otf");
}
@font-face{
- font-family:'鎬濇簮榛戜綋 Bold';
- src:url("./font/syht/SourceHanSans-Bold.otf");
+ font-family:'鎬濇簮榛戜綋 Bold';
+ src:url("./font/syht/SourceHanSans-Bold.otf");
}
body,html{width: 100%;height:100%;}
body{
- font-size: 14px;line-height: 22px;color: #1D2129;font-family: "鎬濇簮榛戜綋","PingFang SC","Microsoft YaHei",Arial, Helvetica, SimSun,sans-serif;min-width: 1280px;
+ font-size: 14px;line-height: 22px;color: #1D2129;font-family: "鎬濇簮榛戜綋","PingFang SC","Microsoft YaHei",Arial, Helvetica, SimSun,sans-serif;min-width: 1280px;
}
a{text-decoration: none;color: #1E89FF;}
a:hover{color: #479DFF}
@@ -213,8 +213,8 @@
#portal_head .layui-layout-right{right:4px;}
#portal_head .layui-layout-left .layui-nav{display: inline-block;line-height: 30px;top:-10px; position: relative;}
#portal_head .layui-nav-child:after{
- content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;
- position: absolute; top: -12px; left: 50%; margin-left: -6px; border-width: 6px; border-bottom-style: solid; border-bottom-color: #fff;z-index: 10;
+ content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;
+ position: absolute; top: -12px; left: 50%; margin-left: -6px; border-width: 6px; border-bottom-style: solid; border-bottom-color: #fff;z-index: 10;
}
#portal_head .layui-icon{color: #ffffff}
@@ -234,14 +234,14 @@
.layui-side-menu .layui-nav-tree .layui-nav-itemed .layui-nav-itemed>a>.layui-nav-more {margin-top: -9px;}
.layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #EBF4FF !important;color: #1D2129;position: relative;}
.layui-nav-tree .layui-this:before, .layui-nav-tree .layui-this>a:before, .layui-nav-tree .layui-nav-child dd.layui-this:before, .layui-nav-tree .layui-nav-child dd.layui-this a:before{
- content: '';
- width: 3px;
- height: 100%;
- background-color: #1E89FF;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 10;
+ content: '';
+ width: 3px;
+ height: 100%;
+ background-color: #1E89FF;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 10;
}
.layui-nav-tree .layui-nav-bar {width: 3px;height: 0;background-color: #1E89FF}
#portal_toolmenu{height: 39px;overflow: hidden;border-top:1px solid #C9CDD4;position:absolute;bottom: 0;left: 0;width: 208px;padding: 0 16px;background-color: #ffffff;}
@@ -253,8 +253,8 @@
/* 渚ц竟鏀剁缉鎮诞 */
.side-hover {position: absolute;top: 0;left: 60px;z-index: 100001;background-color: #ffffff;border-radius:5px;box-shadow: 0 0px 10px 5px rgba(0,0,0,.12);padding: 4px 0;display: none}
.side-hover:after{
- content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;
- position: absolute; top: 12px; left: -12px; border-width: 6px; border-right-style: solid; border-right-color: #fff;z-index: 10;
+ content:''; width: 0; height: 0; border-style: dashed; border-color: transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s;
+ position: absolute; top: 12px; left: -12px; border-width: 6px; border-right-style: solid; border-right-color: #fff;z-index: 10;
}
.side-hover dd {height: 38px;}
.side-hover dl {width: 185px;background-color: #ffffff;border-radius: 5px;}
@@ -283,10 +283,10 @@
/*****琛ㄦ牸钃濊壊涓婚*****/
.layui-table-blue .layui-table thead tr,.layui-table-blue .layui-table-header{
- background-color: #EBF4FF !important
+ background-color: #EBF4FF !important
}
.layui-table-blue .layui-table-click,.layui-table-blue .layui-table-select,.layui-table-blue .layui-table-hover,.layui-table-blue .layui-table tbody tr:hover,.layui-table-blue .layui-table-mend,.layui-table-blue .layui-table-patch,.layui-table-blue .layui-table-tool,.layui-table-blue .layui-table-total,.layui-table-blue .layui-table-total tr {
- background-color: #EBF4FF !important
+ background-color: #EBF4FF !important
}
.layui-btn-intable{height: 20px;line-height: 20px;padding: 0 ;font-size: 14px;background: none;color: #1E89FF;border: none;min-width: auto}
@@ -333,6 +333,172 @@
fieldset legend a,fieldset legend a:hover,fieldset legend a:active {color: #909399;}
+/*
+淇敼妗嗘灦榛樿鏍峰紡
+ */
+.el-menu--vertical .el-menu--popup-right-start{
+ background: #20222a !important;
+}
+.el-menu--popup-right-start .menu-wrapper .el-submenu__title:focus, .el-menu--popup-right-start .menu-wrapper .el-submenu__title:hover {
+ outline: 0;
+ background-color: #060708;
+}
+.el-menu--popup-right-start .menu-wrapper .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper .el-submenu__title span {
+ color: rgba(255, 255, 255, 0.7);
+}
+.el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title span {
+ color: #ffffff;
+}
+.el-card__body {
+ padding: 15px;
+}
+.el-dialog{
+ margin: 50px auto;
+}
+.avue-dialog .el-dialog{
+ top:50%;
+ max-height: calc(100% - 80px);
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, -50%);
+ margin-top: 0 !important;
+}
+.avue-dialog .el-dialog__body{
+ padding: 20px 20px 0px 20px; // 涓婂彸涓嬪乏 鍙栨秷琛ㄦ牸涓嬭竟璺濓紙浼氬嚭鐜版粴鍔ㄦ潯锛�
+ margin-bottom: 10px !important;
+}
+.avue-dialog .el-dialog__body .avue-form{
+ margin: 0px auto 40px; // 鍗曠嫭缁欏璇濇閲岀殑avue琛ㄥ崟鍔犱笂涓嬭竟璺�
+}
+.dialog-footer{
+ background-color: #ffffff;
+ z-index: 10000;
+}
+.el-dialog__footer{
+ border-top: 1px solid #e9e7e7;
+ padding: 10px 20px 10px;
+}
+.avue-crud .avue-form {
+ margin: 0px auto !important; // 琛ㄦ牸鍐呯殑琛ㄥ崟锛堟瘮濡�:鎼滅储鏍忥級 鍙栨秷涓嬭竟璺�
+}
+.avue--detail .el-col{
+ margin-bottom: 0;
+}
+.avue-crud .avue-crud__menu{
+ min-height: 26px;
+}
+.avue-crud .avue-crud__menu .el-button{
+ margin-bottom: 5px;
+}
+.avue-crud .avue-crud__menu .el-button--text{
+ padding: 2px 6px;
+}
+.avue-crud table td{
+ line-height: 22px;
+}
+.el-table .cell{
+ line-height: 22px;
+}
+.el-table--mini .cell{
+ line-height: 20px;
+}
+.el-table .cell .el-tag{
+ line-height: 20px;
+ height: 22px;
+}
+.el-table--mini .cell .el-tag{
+ line-height: 18px;
+ height: 20px;
+}
+.avue-crud__pagination{
+ padding: 15px 0 10px;
+}
+.el-form .el-col{
+ margin-bottom: 0;
+}
+.UITabs > .el-tabs__content{
+ height:calc(100% - 56px);
+}
+.componentVO{
+ height: 100%;
+ overflow: auto;
+}
+.UI-collapse{
+ box-sizing: border-box;
+ height: calc(100% - 10px);
+}
+.UI-collapse > .el-collapse-item{
+ max-height: calc(100% - 60px);
+ overflow: auto;
+}
+.UI-collapse > .el-collapse-item > .el-collapse-item__wrap{
+ height:calc(100% - 49px);
+}
+.UI-collapse > .el-collapse-item > .el-collapse-item__wrap > .el-collapse-item__content{
+ height: 100%;
+ padding-bottom: 5px;
+}
+.UI-dynamic{
+ height: 100%;
+}
+.UI-dynamic > .avue-crud{
+ height: 100%;
+}
+
+.el-form-item{
+ margin-bottom: 15px;
+}
+.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
+ margin-bottom: 15px;
+}
+
+.tree-buttons .el-button{
+ margin: 0 5px 5px 0;
+}
+/***鎸夐挳妗�****/
+.headerCon {
+ display: flex;
+ flex-wrap: wrap;
+ margin-bottom: 5px;
+ .el-button {
+ min-width: 60px;
+ padding-left: 9.5px;
+ margin-left: 0;
+ margin-right: 5px;
+ margin-bottom: 5px;
+ }
+}
+.smallBtn {
+ width: 82px;
+ text-align: center;
+ padding-left: 4.5px;
+}
+
+/***闅愯棌鏍戞噿鍔犺浇鏃惰妭鐐逛笂鐨刲oading锛岄槻姝㈣妭鐐规姈鍔�*****/
+.el-tree .el-tree-node__loading-icon{
+ display: none !important;
+}
+
+.el-select{
+ width: 100%;
+}
+
+.avue-input-icon__item .avue-icon i {
+ font-size: 30px !important;
+ width: 30px;
+ height: 30px;
+}
+
+.el-descriptions__header{
+ margin-bottom: 10px;
+}
+
+.avue-group__header{
+ height: 20px;
+ line-height: 20px;
+}
+
+.font14{font-size: 14px;width: 12px;height: 12px;display: inline-block;}
+.font16{font-size: 16px;width: 14px;height: 14px;display: inline-block;}
--
Gitblit v1.9.3