This commit is contained in:
zk
2023-12-22 17:15:26 +08:00
parent b9f2b3b521
commit 22a4132300
4 changed files with 77 additions and 76 deletions
+72 -72
View File
@@ -1,158 +1,158 @@
@import "./amap-item"; @import "./amap-item";
.type-time { .type-time {
padding-right: 4%; padding-right: 4%;
padding-top: 3%; padding-top: 3%;
font-size: 16px; font-size: 16px;
display: flex; display: flex;
justify-content: right; justify-content: right;
span { span {
padding: 0 2%; padding: 0 2%;
cursor: pointer; cursor: pointer;
}
.select {
color: #45a2ff;
position: relative;
&:after {
content: '';
position: absolute;
display: block;
width: 72%;
left: 6px;
bottom: -12px;
height: 6px;
background: url('../images/light.png') no-repeat;
background-size: 100% 100%;
} }
}
.select { .unSelect {
color: #45a2ff; color: #a3a4a4;
position: relative; }
&:after {
content: '';
position: absolute;
display: block;
width: 72%;
left: 6px;
bottom: -12px;
height: 6px;
background: url('../images/light.png') no-repeat;
background-size: 100% 100%;
}
}
.unSelect {
color: #a3a4a4;
}
} }
*::-webkit-scrollbar { *::-webkit-scrollbar {
width: 12px; width: 12px;
height: 12px; height: 12px;
} }
*::-webkit-scrollbar-button { *::-webkit-scrollbar-button {
width: 0; width: 0;
height: 0; height: 0;
display: none; display: none;
} }
*::-webkit-scrollbar-corner { *::-webkit-scrollbar-corner {
background-color: transparent; background-color: transparent;
} }
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
border: 4px solid rgba(0, 0, 0, 0); border: 4px solid rgba(0, 0, 0, 0);
height: 6px; height: 6px;
border-radius: 25px; border-radius: 25px;
background-clip: padding-box; background-clip: padding-box;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }
.nowrap { .nowrap {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.ant-modal-mask { .ant-modal-mask {
background-color: rgba(0, 0, 0, 0.65) !important; background-color: rgba(0, 0, 0, 0.65) !important;
} }
// 下拉框样式-start // 下拉框样式-start
.ant-select { .ant-select.bg-000 {
background-color: #000; background-color: #000;
} }
.ant-select-dropdown { .ant-select-dropdown {
background-color: #00152b !important; background-color: #00152b !important;
border-right: 1px solid #1b7ef2; border-right: 1px solid #1b7ef2;
border-left: 1px solid #1b7ef2; border-left: 1px solid #1b7ef2;
border-bottom: 1px solid #1b7ef2; border-bottom: 1px solid #1b7ef2;
} }
.ant-select-item { .ant-select-item {
color: #1b7ef2 !important; color: #1b7ef2 !important;
} }
//框背景色 //框背景色
.ant-select:not(.ant-select-customize-input) .ant-select-selector { .ant-select:not(.ant-select-customize-input) .ant-select-selector {
color: #1b7ef2 !important; color: #1b7ef2 !important;
background-color: transparent !important; background-color: transparent !important;
border: 1px solid #1b7ef2 !important; border: 1px solid #1b7ef2 !important;
} }
.ant-select-item-option-selected { .ant-select-item-option-selected {
color: #ffffff !important; color: #ffffff !important;
} }
// 选中字体颜色 // 选中字体颜色
.ant-select-selection-item { .ant-select-selection-item {
//color: #1b7ef2 !important; //color: #1b7ef2 !important;
color: #fff; color: #fff;
} }
.ant-select-item-option-active { .ant-select-item-option-active {
background-color: transparent !important; background-color: transparent !important;
} }
.ant-select-item-option-active:hover { .ant-select-item-option-active:hover {
background-color: #002e64 !important; background-color: #002e64 !important;
} }
// 箭头颜色 // 箭头颜色
.ant-select-arrow { .ant-select-arrow {
color: #1b7ef2 !important; color: #1b7ef2 !important;
} }
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) { .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
background-color: #002e64 !important; background-color: #002e64 !important;
} }
// 下拉框样式-end // 下拉框样式-end
// 级联选择器样式-start // 级联选择器样式-start
.ant-cascader-menu-item { .ant-cascader-menu-item {
color: #1b7ef2 !important; color: #1b7ef2 !important;
} }
.ant-cascader-menu-item:hover { .ant-cascader-menu-item:hover {
background-color: #002e64 !important; background-color: #002e64 !important;
} }
.ant-cascader-menu-item-active { .ant-cascader-menu-item-active {
color: #fff !important; color: #fff !important;
background-color: #002e64 !important; background-color: #002e64 !important;
} }
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon {
color: #1b7ef2 !important; color: #1b7ef2 !important;
} }
// 级联选择器样式-end // 级联选择器样式-end
.ant-empty-description { .ant-empty-description {
color: #fff; color: #fff;
} }
//空表格hover白色 //空表格hover白色
.ant-table-tbody > tr.ant-table-placeholder:hover > td { .ant-table-tbody > tr.ant-table-placeholder:hover > td {
background: transparent !important; background: transparent !important;
} }
//直升机 //直升机
.helicopter { .helicopter {
width: 60px; width: 60px;
height: 37px; height: 37px;
background: url("../img/helicopter.png") no-repeat; background: url("../img/helicopter.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-bottom: 4px; margin-bottom: 4px;
} }
+1 -1
View File
@@ -238,7 +238,7 @@ antd表格样式
*/ */
.ant-table-thead > tr > th { .ant-table-thead > tr > th {
border-bottom: 1px solid #1e73c2 !important; //border-bottom: 1px solid #1e73c2 !important;
} }
.ant-table-body { .ant-table-body {
+2 -1
View File
@@ -38,11 +38,12 @@
background-size: 100% 100%; background-size: 100% 100%;
color: #ffffff !important; color: #ffffff !important;
padding-left: 2%; padding-left: 2%;
font-size: 18px;
font-weight: bold;
} }
.ant-modal-header { .ant-modal-header {
padding: 0 !important; padding: 0 !important;
padding-bottom: 0;
border-bottom: none; border-bottom: none;
} }
+2 -2
View File
@@ -22,11 +22,11 @@
<a-select <a-select
placeholder="选择单位" placeholder="选择单位"
v-model:value="orgCode" v-model:value="orgCode"
class="type-select" class="type-select bg-000"
:options="option" :options="option"
:field-names="fieldNames" :field-names="fieldNames"
></a-select> ></a-select>
<a-select placeholder="选择时间范围" v-model:value="type" class="type-select" :options="timeRangeOption"></a-select> <a-select placeholder="选择时间范围" v-model:value="type" class="type-select bg-000" :options="timeRangeOption"></a-select>
</template> </template>
</SecondMap> </SecondMap>
</div> </div>