gw-gis-standard-gpage-ui-vue3 1.1.91 → 1.1.93

package/app.scss

@@ -15,7 +15,6 @@ html, body {
 }
 
 // 设置页面宽高
-
 #app {
   width: 100%;
   height: 100%;
@@ -48,9 +47,7 @@ html, body {
     flex: 1;
     box-sizing: border-box;
     overflow: auto;
-    background-color: var(--mainBackgroundColor);
-    //padding: 10px;
-    //padding: 0px 0px 0 10px;
+    //background-color: var(--mainBackgroundColor);
     display: flex;
     flex-direction: column;
   }
@@ -59,7 +56,7 @@ html, body {
 .footer {
   font-size: 16px;
   line-height: 50px;
-  color: var(--otherTextColor);
+  //color: var(--gwCommonTextColor);
 }
 
 // ------滚动条-------
@@ -109,8 +106,6 @@ html, body {
   height: 100%;
   display: flex;
   flex-direction: column;
-  //transition: .3s;
-  //transition: .1s;
   position: relative;
 }
 
@@ -137,21 +132,15 @@ html, body {
 //------------------element ui---
 
 // 设置drop 下拉
-.el-dropdown-menu__item:hover {
-  color: var(--headerBackground) !important;
-}
+//.el-dropdown-menu__item:hover {
+//  color: var(--headerBackground) !important;
+//}
 
 // 修改表单的勾选的样式
 .el-table__body-wrapper .el-table-column--selection > .cell, .el-table__header-wrapper .el-table-column--selection > .cell {
   display: flex;
 }
 
-//  修改表单的高度
-.el-form-item {
-  //margin-bottom: 10px;
-  //margin-bottom: 15px !important;
-}
-
 //  修改element头部高度
 .el-table .el-table__cell {
   padding: 0 !important;
@@ -165,34 +154,35 @@ html, body {
 
 // 表单  element 按钮大小
 :only-child .el-button {
-  //font-size: 15px !important;
   padding: 10px 15px !important;
-  //color: red !important;
+}
+
+.el-button {
+  width: fit-content;
 }
 
 // 表单按钮 无背景字体颜色
 :only-child .el-button {
   span, .el-icon {
-    //color: var(--otherTextColor) !important;
+    //color: var(--gwCommonTextColor) !important;
   }
 }
 
 // 选中
-.el-button:focus-visible {
-  outline: 1px solid var(--headerBackground) !important;
-}
+//.el-button:focus-visible {
+//  outline: 1px solid var(--headerBackground) !important;
+//}
 
 //  表单按钮 确认颜色
-.el-button--primary {
-  background-color: var(--headerBackground) !important;
-  border-color: var(--headerBackground) !important;
-  color: var(--headerTextColor) !important;
-  //padding: 5px 10px !important;
-
-  span, .el-icon {
-    color: var(--headerTextColor) !important;
-  }
-}
+//.el-button--primary {
+//  background-color: var(--headerBackground) !important;
+//  border-color: var(--headerBackground) !important;
+//  color: var(--headerTextColor) !important;
+//
+//  span, .el-icon {
+//    color: var(--headerTextColor) !important;
+//  }
+//}
 
 //.el-button--warning, .el-button--warning.is-plain {
 //  span, .el-icon {
@@ -216,56 +206,56 @@ html, body {
 //  }
 //}
 
-.el-button:not(.el-button--danger, .el-button--warning):focus, .el-button:not(.el-button--danger, .el-button--warning):hover {
-  color: var(--headerBackground) !important;
-  border-color: var(--headerBackground) !important;
-}
+//.el-button:not(.el-button--danger, .el-button--warning):focus, .el-button:not(.el-button--danger, .el-button--warning):hover {
+//  color: var(--headerBackground) !important;
+//  border-color: var(--headerBackground) !important;
+//}
 
 // radio
 .el-radio-button__original-radio:checked + .el-radio-button__inner {
-  background-color: var(--headerBackground);
-  border-color: var(--headerBackground);
+  //background-color: var(--headerBackground);
+  //border-color: var(--headerBackground);
   box-shadow: none;
 }
 
 .el-radio-button__orig-radio:checked + .el-radio-button__inner {
-  color: var(--headerTextColor) !important;
-  background-color: var(--headerBackground) !important;
+  //color: var(--headerTextColor) !important;
+  //background-color: var(--headerBackground) !important;
   border-color: var(--headerBackground) !important;
   box-shadow: -1px 0 0 0 var(--headerBackground) !important;
 }
 
-.el-radio-button__inner {
-  color: var(--headerBackground) !important;
-}
+//.el-radio-button__inner {
+//  color: var(--headerBackground) !important;
+//}
 
-.is-active .el-radio-button__inner {
-  color: var(--el-color-white) !important;
-}
+//.is-active .el-radio-button__inner {
+//  color: var(--el-color-white) !important;
+//}
 
-.el-radio__input.is-checked + .el-radio__label {
-  color: var(--headerBackground);
-}
+//.el-radio__input.is-checked + .el-radio__label {
+//  color: var(--headerBackground);
+//}
 
-.el-radio__input.is-checked .el-radio__inner {
-  border-color: var(--headerBackground);
-  background: var(--headerBackground)
-}
+//.el-radio__input.is-checked .el-radio__inner {
+//  border-color: var(--headerBackground);
+//  background: var(--headerBackground)
+//}
 
-//  分页 修改选中色
-.el-pagination.is-background .el-pager li:not(.disabled).active {
-  background-color: var(--headerBackground) !important;
-  color: var(--headerTextColor) !important;
-}
+////  分页 修改选中色
+//.el-pagination.is-background .el-pager li:not(.disabled).active {
+//  background-color: var(--headerBackground) !important;
+//  color: var(--headerTextColor) !important;
+//}
 
-.el-pagination.is-background .el-pager li.is-active {
-  color: #fff !important;
-}
+//.el-pagination.is-background .el-pager li.is-active {
+//  color: #fff !important;
+//}
 
-// 分页未选中色等
-.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li, .el-pagination__goto, .el-pagination__classifier, .el-pagination .el-select .el-input .el-input__inner {
-  color: var(--otherTextColor) !important;
-}
+//// 分页未选中色等
+//.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li, .el-pagination__goto, .el-pagination__classifier, .el-pagination .el-select .el-input .el-input__inner {
+//  color: var(--gwCommonTextColor) !important;
+//}
 
 // 修改 表单
 
@@ -277,21 +267,21 @@ html, body {
   // width: 400px !important;
   // height: 40px !important;
 }
-
-// 下拉框选中色
-.el-select__wrapper.is-focused {
-  box-shadow: 0 0 0 1px var(--headerBackground) inset;
-}
-
-// 日期选中色
-.el-range-editor.is-active, .el-range-editor.is-active:hover {
-  box-shadow: 0 0 0 1px var(--headerBackground) inset;
-}
-
-// 表单输入框选中色
-.el-input__wrapper.is-focus {
-  box-shadow: 0 0 0 1px var(--headerBackground) inset;
-}
+//
+//// 下拉框选中色
+//.el-select__wrapper.is-focused {
+//  box-shadow: 0 0 0 1px var(--headerBackground) inset;
+//}
+//
+//// 日期选中色
+//.el-range-editor.is-active, .el-range-editor.is-active:hover {
+//  box-shadow: 0 0 0 1px var(--headerBackground) inset;
+//}
+//
+//// 表单输入框选中色
+//.el-input__wrapper.is-focus {
+//  box-shadow: 0 0 0 1px var(--headerBackground) inset;
+//}
 
 
 //
@@ -300,32 +290,32 @@ html, body {
 }
 
 .el-form-item__content .el-button {
-  color: var(--otherTextColor) !important;
-}
-
-//  修改日期选中
-.el-date-table td.start-date span,
-.el-date-table td.end-date span {
-  background-color: var(--headerBackground) !important;
-}
-
-.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
-  background-color: var(--headerBackground) !important;
-}
-
-//  修改日期今天
-.el-date-table td.today span {
-  color: var(--headerBackground) !important;
-}
-
-.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
-  color: var(--headerTextColor) !important;
-}
-
-//  日期下面修改小文字
-.el-button--text {
-  color: var(--headerBackground) !important;
+  //color: var(--gwCommonTextColor) !important;
 }
+//
+////  修改日期选中
+//.el-date-table td.start-date span,
+//.el-date-table td.end-date span {
+//  background-color: var(--headerBackground) !important;
+//}
+//
+//.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
+//  background-color: var(--headerBackground) !important;
+//}
+//
+////  修改日期今天
+//.el-date-table td.today span {
+//  color: var(--headerBackground) !important;
+//}
+//
+//.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
+//  color: var(--headerTextColor) !important;
+//}
+//
+////  日期下面修改小文字
+//.el-button--text {
+//  color: var(--headerBackground) !important;
+//}
 
 // 修改日期格式里面的文字大小
 .el-range-input, .el-date-editor .el-range-separator {
@@ -342,56 +332,56 @@ html, body {
   font-size: 15px !important;
   text-indent: 10px !important;
 }
-
-// 下拉组件的选中颜色
-.el-select-dropdown__item.selected {
-  color: var(--headerBackground) !important;
-}
-
-// 下拉选中色
-.el-select-dropdown__item.is-selected {
-  color: var(--headerBackground) !important;
-}
-
-// switch 颜色
-.el-switch__label.is-active {
-  color: var(--headerBackground) !important;
-}
-
-.el-switch.is-checked .el-switch__core {
-  border-color: var(--headerBackground) !important;
-  background-color: var(--headerBackground) !important;
-}
-
-// 勾选框
-.el-checkbox__inner {
-  //border-color: var(--headerBackground) !important;
-}
-
-.el-checkbox__inner:hover {
-  border-color: var(--headerBackground)
-}
-
-.el-checkbox__input.is-checked .el-checkbox__inner {
-  border-color: var(--headerBackground) !important;
-  background-color: var(--headerBackground) !important;
-}
-
-.el-checkbox__input.is-checked + .el-checkbox__label {
-  color: var(--headerBackground)
-}
-
-// textarea
-
-.el-textarea__inner:hover {
-  box-shadow: 0 0 0 1px var(--headerBackground) inset;
-}
-
-// 修改表单文字颜色
-.el-form-item__label {
-  color: var(--otherTextColor) !important;
-  font-size: 15px !important;
-}
+//
+//// 下拉组件的选中颜色
+//.el-select-dropdown__item.selected {
+//  color: var(--headerBackground) !important;
+//}
+//
+//// 下拉选中色
+//.el-select-dropdown__item.is-selected {
+//  color: var(--headerBackground) !important;
+//}
+//
+//// switch 颜色
+//.el-switch__label.is-active {
+//  color: var(--headerBackground) !important;
+//}
+//
+//.el-switch.is-checked .el-switch__core {
+//  border-color: var(--headerBackground) !important;
+//  background-color: var(--headerBackground) !important;
+//}
+//
+//// 勾选框
+//.el-checkbox__inner {
+//  //border-color: var(--headerBackground) !important;
+//}
+//
+//.el-checkbox__inner:hover {
+//  border-color: var(--headerBackground)
+//}
+//
+//.el-checkbox__input.is-checked .el-checkbox__inner {
+//  border-color: var(--headerBackground) !important;
+//  background-color: var(--headerBackground) !important;
+//}
+//
+//.el-checkbox__input.is-checked + .el-checkbox__label {
+//  color: var(--headerBackground)
+//}
+//
+//// textarea
+//
+//.el-textarea__inner:hover {
+//  box-shadow: 0 0 0 1px var(--headerBackground) inset;
+//}
+//
+//// 修改表单文字颜色
+//.el-form-item__label {
+//  color: var(--gwCommonTextColor) !important;
+//  font-size: 15px !important;
+//}
 
 // 这是给内部增加选中
 .pointerAll {
@@ -403,10 +393,10 @@ html, body {
   outline: none;
 }
 
-// 弹窗关闭
-.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
-  color: var(--headerBackground) !important;
-}
+//// 弹窗关闭
+//.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
+//  color: var(--headerBackground) !important;
+//}
 
 //-------修改 drawer----
 .el-drawer__header {
@@ -421,9 +411,9 @@ html, body {
   margin-right: 15px;
 }
 
-.el-drawer__title {
-  color: var(--otherTextColor) !important;
-}
+//.el-drawer__title {
+//  color: var(--gwCommonTextColor) !important;
+//}
 
 // 侧边栏
 //.el-menu-item i {
@@ -431,15 +421,15 @@ html, body {
 //}
 
 // ----tree --
-.el-tree-node__expand-icon, .edit-icon {
-  color: var(--headerBackground);
-}
+//.el-tree-node__expand-icon, .edit-icon {
+//  color: var(--headerBackground);
+//}
 
 // -----路由组-----
-.header-bot-list-conSqure {
-  color: var(--otherTextColor) !important;
-  background-color: var(--mainBackgroundColor) !important;
-}
+//.header-bot-list-conSqure {
+//  color: var(--gwCommonTextColor) !important;
+//  background-color: var(--mainBackgroundColor) !important;
+//}
 
 // -----dialog------
 .el-dialog {
@@ -447,9 +437,9 @@ html, body {
 }
 
 // 其他字体颜色
-.gw-otherText {
-  color: var(--otherTextColor) !important;
-}
+//.gw-otherText {
+//  color: var(--gwCommonTextColor) !important;
+//}
 
 // -------拖拽样式---------------------
 .gw-drag-child-global {
@@ -461,7 +451,7 @@ html, body {
 
 
 .gw-drag-child-right {
-  right: 0px;
+  right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
@@ -471,7 +461,7 @@ html, body {
 }
 
 .gw-drag-child-left {
-  left: 0px;
+  left: 0;
   top: 0;
   margin: auto;
   width: 10px;
@@ -517,8 +507,8 @@ html, body {
   bottom: 0;
   top: 0;
   cursor: col-resize;
-  background: #ffffff;
-  box-shadow: 0px 0px 4px 0px #c2cdd5;
+  //background: #ffffff;
+  box-shadow: 0 0 4px 0 #c2cdd5;
   border-radius: 10px;
   //margin: auto auto auto 6px;
   margin: auto auto auto -7px;
@@ -533,19 +523,12 @@ html, body {
 }
 
 
-// 内容区的眼样式
+// 内容区的样式
 #gw-xc-container {
   box-sizing: border-box;
   position: relative;
-  border-right: 1px solid #f5f5f5;
-  //background: var(--mainBackgroundColor);
-  //margin-bottom: 10px;
-  //border-left: 10px solid var(--mainBackgroundColor);
-  //border-right: 10px solid var(--mainBackgroundColor);
-  border-bottom: 10px solid var(--mainBackgroundColor);
-  //border: 10px solid var(--mainBackgroundColor);
-  //z-index: 10;
-  //background: red;
+  //border-right: 1px solid #f5f5f5;
+  //border-bottom: 10px solid var(--mainBackgroundColor);
 }
 
 .el-menu--horizontal.el-menu {
@@ -556,7 +539,6 @@ html, body {
   border-right: none !important;
 }
 
-
 .el-drawer__body {
   padding: 0 !important;
 }