|
|
@@ -0,0 +1,206 @@
|
|
|
+/* 滚动条 webkit内核 start .ivu-cascader-menu 级联下拉列表里的滚动条 .ivu-select-dropdown 单个下拉列表里的滚动条 .common-modal-tabs .ivu-tabs-tabpane详情对话框里的滚动条*/
|
|
|
+.common-scroll::-webkit-scrollbar,
|
|
|
+.ivu-select-dropdown::-webkit-scrollbar {
|
|
|
+ height: 5px;
|
|
|
+ width: 5px;
|
|
|
+ opacity: 0.6;
|
|
|
+}
|
|
|
+
|
|
|
+.common-scroll::-webkit-scrollbar-track,
|
|
|
+.ivu-select-dropdown::-webkit-scrollbar-track {
|
|
|
+ background-color: rgba(89, 91, 93, 0.3);
|
|
|
+ -webkit-border-radius: 2em;
|
|
|
+ -moz-border-radius: 2em;
|
|
|
+ border-radius: 2em;
|
|
|
+}
|
|
|
+
|
|
|
+.common-scroll::-webkit-scrollbar-thumb,
|
|
|
+.ivu-select-dropdown::-webkit-scrollbar-thumb {
|
|
|
+ opacity: 0.3;
|
|
|
+ background-color: rgba(8, 26, 64, 0.8);
|
|
|
+ -webkit-border-radius: 2em;
|
|
|
+ -moz-border-radius: 2em;
|
|
|
+ border-radius: 2em;
|
|
|
+}
|
|
|
+
|
|
|
+/*IE*/
|
|
|
+.common-scroll,
|
|
|
+.ivu-select-dropdown {
|
|
|
+ scrollbar-arrow-color: rgba(8, 26, 64, 0.8);
|
|
|
+ scrollbar-track-color: rgba(8, 26, 64, 0.8);
|
|
|
+ scrollbar-highlight-color: rgba(8, 26, 64, 0.8);
|
|
|
+ scrollbar-base-color: rgba(8, 26, 64, 0.8);
|
|
|
+}
|
|
|
+
|
|
|
+/* ivu-table-body大多数表格里的滚动条 special-table个别表格里的滚动条*/
|
|
|
+.ivu-table-body::-webkit-scrollbar,
|
|
|
+.special-table .ivu-table-body::-webkit-scrollbar {
|
|
|
+ height: 5px;
|
|
|
+ width: 5px;
|
|
|
+ opacity: 0.6;
|
|
|
+}
|
|
|
+
|
|
|
+/* 定义滚动条的滑块部分 */
|
|
|
+.ivu-table-body::-webkit-scrollbar-track,
|
|
|
+.special-table .ivu-table-body::-webkit-scrollbar-track {
|
|
|
+ background-color: #1f2f69;
|
|
|
+ -webkit-border-radius: 0em;
|
|
|
+ -moz-border-radius: 0em;
|
|
|
+ border-radius: 0em;
|
|
|
+}
|
|
|
+
|
|
|
+/* */
|
|
|
+.ivu-table-body::-webkit-scrollbar-thumb,
|
|
|
+.special-table .ivu-table-body::-webkit-scrollbar-thumb {
|
|
|
+ opacity: 1;
|
|
|
+ background-color: #435579;
|
|
|
+ -webkit-border-radius: 0em;
|
|
|
+ -moz-border-radius: 0em;
|
|
|
+ border-radius: 0em;
|
|
|
+}
|
|
|
+
|
|
|
+.ivu-table-body,
|
|
|
+.special-table .ivu-table-body {
|
|
|
+ scrollbar-arrow-color: #435579;
|
|
|
+ scrollbar-track-color: #435579;
|
|
|
+ scrollbar-highlight-color: #435579;
|
|
|
+ scrollbar-base-color: #435579;
|
|
|
+}
|
|
|
+
|
|
|
+/* 滚动条 end */
|
|
|
+/* 日期选择
|
|
|
+ .common-datepick .ivu-input {
|
|
|
+ background-color: #18255c;
|
|
|
+ border: 1px solid #058FF9;;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .common-datepick .ivu-select-dropdown {
|
|
|
+ background-color: #081a40;
|
|
|
+ border: 1px solid #024a8a;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+ .common-datepick .ivu-date-picker-header {
|
|
|
+ color: #fff;
|
|
|
+ border-bottom: 1px solid #04386e;
|
|
|
+ }
|
|
|
+ .common-datepick .ivu-date-picker-cells span em {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .common-datepick .ivu-date-picker-cells-cell:hover em {
|
|
|
+ background-color: #2d8cf0
|
|
|
+ }
|
|
|
+ .common-datepick .ivu-date-picker-cells-cell-selected em{
|
|
|
+ background-color: transparent
|
|
|
+ }
|
|
|
+ .common-datepick span.ivu-date-picker-cells-cell-disabled,
|
|
|
+ .common-datepick span.ivu-date-picker-cells-cell-disabled:hover {
|
|
|
+ background-color: transparent !important
|
|
|
+ }
|
|
|
+ .common-datepick .ivu-date-picker-cells-cell-range:before {
|
|
|
+ background-color: #0e3458 !important;
|
|
|
+ } */
|
|
|
+/* .ivu-date-picker-cells-month .ivu-date-picker-cells-cell-focused, .ivu-date-picker-cells-year .ivu-date-picker-cells-cell-focused {
|
|
|
+ background-color: #5b8cf3;
|
|
|
+ } */
|
|
|
+/*下拉列表共同样式 相同class名common-select*/
|
|
|
+.common-select {
|
|
|
+ background-color: rgba(0, 0, 0, 0);
|
|
|
+ border: 0px solid red;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-dropdown {
|
|
|
+ background-color: #1c2c4e;
|
|
|
+ border: 0px solid #014b8c;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-arrow {
|
|
|
+ color: #0b85e5;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-dropdown-list li {
|
|
|
+ padding-left: 10px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-item-focus {
|
|
|
+ /* background-color: #0b85e5; */
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-item-selected,
|
|
|
+.common-select .ivu-select-item-selected:hover {
|
|
|
+ background-color: #0b85e5;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-item {
|
|
|
+ padding: 7px 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-item:hover {
|
|
|
+ background-color: #0b85e5;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-selection {
|
|
|
+ border: 1px solid #058ff9;
|
|
|
+ border-radius: 5px;
|
|
|
+ background-color: #18255c;
|
|
|
+}
|
|
|
+
|
|
|
+.common-select .ivu-select-input {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*添加draggable 防止遮罩层消失*/
|
|
|
+.ivu-modal-no-mask {
|
|
|
+ /* 防止出现滚动条 */
|
|
|
+ overflow: hidden !important;
|
|
|
+ pointer-events: auto !important;
|
|
|
+ background-color: rgba(55, 55, 55, 0.6);
|
|
|
+}
|
|
|
+
|
|
|
+/* 弹窗垂直居中 */
|
|
|
+.ivu-modal-wrap .ivu-modal {
|
|
|
+ width: auto !important;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+.ivu-modal .ivu-modal-header {
|
|
|
+ border-bottom: 1px solid #2c3d6d;
|
|
|
+}
|
|
|
+
|
|
|
+.ivu-modal-wrap .ivu-modal-content {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #152143 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 搜索框样式 */
|
|
|
+.common-search .ivu-input{
|
|
|
+ border: 1px solid #1D84B9;
|
|
|
+ border-radius: 16px;
|
|
|
+ background-color: transparent;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.common-search .ivu-input-suffix {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.common-search .ivu-input-suffix i {
|
|
|
+ color: #1D84B9;
|
|
|
+}
|
|
|
+/* 表格下按钮新增样式 */
|
|
|
+.common-btn-add {
|
|
|
+ background-color: #1B3670;
|
|
|
+ border: 1px solid #2AADF7;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #2AADF7;
|
|
|
+}
|
|
|
+.common-btn-add:hover {
|
|
|
+ background-color: #2AADF7;
|
|
|
+}
|
