From fc6e3a736eff681170a470080f29d8dec3df3060 Mon Sep 17 00:00:00 2001 From: zk Date: Sat, 15 Jun 2024 16:22:48 +0800 Subject: [PATCH] =?UTF-8?q?update=20=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=C2=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/less/amap-item.less | 104 +++++++++--------- src/assets/less/themeType.less | 58 ++++++++++ .../xianMap/components/routePanel.vue | 13 ++- src/components/xianMap/xianMap.vue | 27 +---- .../components/phoneDialog/phoneDialog.vue | 4 - 5 files changed, 123 insertions(+), 83 deletions(-) diff --git a/src/assets/less/amap-item.less b/src/assets/less/amap-item.less index 949fbb8..9a41844 100644 --- a/src/assets/less/amap-item.less +++ b/src/assets/less/amap-item.less @@ -1,79 +1,79 @@ //高德信息弹窗 .amap-info-contentContainer { - .amap-content-body { - background: #00152B; - border: 1px solid #129BFF; + .amap-content-body { + background: #00152B; + border: 1px solid #129BFF; - .amap-lib-infowindow { - background: #00152B; + .amap-lib-infowindow { + background: #00152B; - .amap-lib-infowindow-title { - color: #fff; - border-bottom: 1px solid #129BFF; - padding: 4px 0; - } + .amap-lib-infowindow-title { + color: #fff; + border-bottom: 1px solid #129BFF; + padding: 4px 0; + } - .amap-lib-infowindow-content { - color: #fff; - padding: 4px 0; - } - } + .amap-lib-infowindow-content { + color: #fff; + padding: 4px 0; + } } + } - .amap-combo-close { - top: 5px; - right: 7px; - } + .amap-combo-close { + top: 5px; + right: 7px; + } } /*地图元素样式---start*/ //marker .amap-marker-label { - padding: 0; - border: none; + padding: 0; + border: none; } .alarm-content { - background-color: #263d5e; + background-color: #263d5e; + color: #fff; + border: 1px solid #1b7ef2; + font-size: 14px; + padding: 7px 10px; + position: relative; + + .close-btn { color: #fff; - font-size: 14px; - padding: 7px 10px; - border: 1px solid #1b7ef2; - position: relative; + background: #ccc; + box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2); + position: absolute; + top: -6px; + right: -8px; + width: 15px; + height: 15px; + font-size: 12px; + border-radius: 50%; + text-align: center; + line-height: 15px; + } - .close-btn { - position: absolute; - top: -6px; - right: -8px; - width: 15px; - height: 15px; - font-size: 12px; - background: #ccc; - border-radius: 50%; - color: #fff; - text-align: center; - line-height: 15px; - box-shadow: -1px 1px 1px rgba(10, 10, 10, 0.2); - } - - .close-btn:hover { - background: #666; - } + .close-btn:hover { + background: #666; + } } /*地图元素样式---end*/ /*infoWindow*/ .amap-info-content { - width: 100%; - height: 100%; - background: url("../images/info-modal.png") no-repeat center; - background-size: 100% 100%; - //padding: 16px 18px 22px 10px; + width: 100%; + height: 100%; + background: url("../images/info-modal.png") no-repeat center; + background-size: 100% 100%; + //padding: 16px 18px 22px 10px; } .amap-info-contentContainer { - .amap-info-sharp { - border-top: none; - } + .amap-info-sharp { + border-top: none; + } } diff --git a/src/assets/less/themeType.less b/src/assets/less/themeType.less index 606877b..979a8c3 100644 --- a/src/assets/less/themeType.less +++ b/src/assets/less/themeType.less @@ -37,3 +37,61 @@ .center-map .route-navigation.dark { background: #002e64; } + +.hospital-list.light { + .hospital-item { + color: #5876DB; + background-color: #f3f5ff; + border: 1px solid #5876DB; + box-shadow: 0 1px 11px 0 rgba(194, 189, 189, 0.5); + + } + + .hospital-item:hover { + background-color: #c6cff9; + box-shadow: inset 0px 0px 16px 3px #f3f5ff; + } +} + +.hospital-list.dark { + .hospital-item { + color: #fff; + background-color: #00152b; + border: 1px solid #1b7ef2; + box-shadow: 0 1px 11px 0 rgba(194, 189, 189, 0.5); + + } + + .hospital-item:hover { + background-color: #192a46; + box-shadow: inset 0px 0px 16px 3px #2562a9; + } +} + +//点击地图医院触发的导航弹窗 +.driving-route-panel.light { + background: #E4E8F9; + --cardFontColor: #607ddb; + --cardFontFFF: #fff; + --cardBgColor: #e4e8f9; + --circelBg: #1478f5; +} + +.driving-route-panel.dark { + background: #2a4164; + border: 1px solid #1b7ef2; + --cardFontColor: rgba(255, 255, 255, 0.8); + --cardFontFFF: #fff; + --cardBgColor: #e4e8f9; + --circelBg: #1478f5; +} + +.reset-map.dark { + color: #05d5ff; + background: #243b5d; +} + +.reset-map.light { + color: #607ddb; + background: #e4e8f9; +} \ No newline at end of file diff --git a/src/components/xianMap/components/routePanel.vue b/src/components/xianMap/components/routePanel.vue index f65d420..9a7816e 100644 --- a/src/components/xianMap/components/routePanel.vue +++ b/src/components/xianMap/components/routePanel.vue @@ -47,7 +47,7 @@ margin-bottom: 9px; font-size: 14px; font-weight: 700; - color: rgba(255, 255, 255, 0.8); + color: var(--cardFontColor); .close-icon { position: absolute; @@ -58,6 +58,7 @@ .line-content { font-size: 12px; + color: var(--cardFontColor); .start { display: flex; @@ -65,7 +66,8 @@ &::before { content: '起'; - color: #fff; + color: var(--cardFontFFF); + background: var(--circelBg); width: 20px; height: 20px; margin-right: 7px; @@ -73,7 +75,6 @@ align-items: center; justify-content: center; border-radius: 50%; - background: #1478f5; } } @@ -83,7 +84,8 @@ &::before { content: '终'; - color: #fff; + color: var(--cardFontFFF); + background: var(--circelBg); width: 20px; height: 20px; margin-right: 7px; @@ -102,8 +104,7 @@ .line { width: 1px; - //max-height: 370px; - background-color: #1478f5; + color: var(--cardFontColor); margin: 5px 19px 5px 8px; } diff --git a/src/components/xianMap/xianMap.vue b/src/components/xianMap/xianMap.vue index 90d8ca7..f50005e 100644 --- a/src/components/xianMap/xianMap.vue +++ b/src/components/xianMap/xianMap.vue @@ -36,11 +36,12 @@
暂无数据
-
+
-
+
{{ item.name }}
相距{{ item.distance }}
@@ -480,7 +481,6 @@ .line { width: 1px; - //max-height: 370px; background-color: var(--circelBg); margin: 5px 19px 5px 8px; } @@ -503,9 +503,7 @@ top: 50px; z-index: 99; font-size: 20px; - color: #05d5ff; cursor: pointer; - background: #243b5d; padding: 0px 6px; } @@ -519,9 +517,7 @@ min-height: 200px; max-height: 473px; overflow: auto; - background: #2a4164; border-radius: 2px; - border: 1px solid #1b7ef2; z-index: 99; } @@ -604,8 +600,7 @@ .hospital-list { position: absolute; - bottom: 200px; - width: 800px; + bottom: 160px; left: 50%; transform: translateX(-50%); display: flex; @@ -614,25 +609,15 @@ position: relative; flex: 1; gap: 20px; - min-width: 230px; - max-width: 230px; - height: 110px; + min-width: 200px; + max-width: 200px; text-align: center; padding: 10px; margin: 0 10px; - color: #fff; font-size: 16px; - background-color: #00152b; - border: 1px solid #1b7ef2; border-radius: 12px; - box-shadow: 0 1px 11px 0 rgba(194, 189, 189, 0.5); cursor: pointer; } - - .hospital-item:hover { - background-color: #192a46; - box-shadow: inset 0px 0px 16px 3px #2562a9; - } } } diff --git a/src/views/components/phoneDialog/phoneDialog.vue b/src/views/components/phoneDialog/phoneDialog.vue index 58fd1af..b28164c 100644 --- a/src/views/components/phoneDialog/phoneDialog.vue +++ b/src/views/components/phoneDialog/phoneDialog.vue @@ -106,8 +106,4 @@ .table-container { margin: 0 10px; } - - :deep(.ant-form-item-label) > label { - color: #fff; - }