liubiao/dyf-vue-ui
1
0
Fork 0
forked from dyf/dyf-vue-ui
Code Pull Requests Activity

修改地图筛选图标

Browse Source
This commit is contained in:
fengerli
2025-09-29 14:06:18 +08:00
parent 848f471ef1
commit 6454933d59
3 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/homeIndex/select.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

18
src/views/homeIndex/components/MapComponent.vue
View File

@ -520,6 +520,10 @@ onMounted(() => {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
} }
.el-icon{
color: #007EFF;
font-size: 1vw;
}
.map { .map {
width: 100%; width: 100%;
@ -545,19 +549,20 @@ onMounted(() => {
.topTool .form-item { .topTool .form-item {
width: calc(calc(100% - 160px) / 3); width: calc(calc(100% - 160px) / 3);
height: 45px; height: 5vh;
border: none; border: none;
} }
:deep .el-select__wrapper, :deep .el-select__wrapper,
:deep .el-input__wrapper { :deep .el-input__wrapper {
border: none; border: none;
height: 45px; height: 7vh;
} }
:deep .el-select__wrapper, :deep .el-select__wrapper,
:deep .el-input__wrapper, :deep .el-input__wrapper,
.topTool .form-item { .topTool .form-item {
background: linear-gradient(to bottom, #007eff59 0%, /* 顶部红色 */ #00efed59 50%, /* 中间蓝色 */ #1d5df459 100% /* 底部红色 */); background: url(@/assets/homeIndex/select.png) no-repeat;
} }
.topTool .form { .topTool .form {
width: 43%; width: 43%;
@ -605,7 +610,7 @@ onMounted(() => {
border: none; border: none;
box-sizing: border-box; box-sizing: border-box;
padding: 0px 10px; padding: 0px 10px;
line-height: 45px; line-height: 4vh;
outline: none; outline: none;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-size: 15px; font-size: 15px;
@ -616,13 +621,14 @@ onMounted(() => {
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
align-content: center; align-content: center;
align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.topTool .form-item input::placeholder { .topTool .form-item input::placeholder {
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-size: 15px; font-size: 15px;
color: #deefff; color: #deefff;
line-height: 4vh;
} }
.topTool .form-item input:focus { .topTool .form-item input:focus {
outline: none; outline: none;
@ -632,7 +638,7 @@ onMounted(() => {
.topTool .form-item .vertiLine { .topTool .form-item .vertiLine {
width: 6px; width: 6px;
height: 100%; height: 100%;
background: radial-gradient(0% 0% at 0% 0%, #00d6ef 0%, #007eff 100%); // background: radial-gradient(0% 0% at 0% 0%, #00d6ef 0%, #007eff 100%);
} }
.topTool .form-item .ul { .topTool .form-item .ul {

3
src/views/homeIndex/components/RealTimeAlarm.vue
View File

@ -71,7 +71,7 @@ onUnmounted(() => {
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
margin-top: 4vh; margin-top: 4vh;
padding: 1.5vw; padding: 1vw 0vw;
} }
.alarm-table-header { .alarm-table-header {
@ -79,6 +79,7 @@ onUnmounted(() => {
color: #00C0FF; color: #00C0FF;
border-bottom: 1px dashed rgba(100, 150, 200, 0.3); border-bottom: 1px dashed rgba(100, 150, 200, 0.3);
font-size: 0.8vw; font-size: 0.8vw;
background-color: #0C2644;
} }
.header-item { .header-item {