update 调整样式·

src/components/xianMap/xianMap.vue

@@ -36,11 +36,12 @@
                     <div v-show="!routeList.length" class="empty-data"> 暂无数据</div>
                 </div>
             </div>
-            <div v-show="showHospitalList" class="reset-map" @click="resetMap">
+            <div v-show="showHospitalList" class="reset-map" :class="[themeType]" @click="resetMap">
                 <RedoOutlined title="重置地图" />
             </div>
             <RoutePanel
                 class="driving-route-panel"
+                :class="[themeType]"
                 v-show="showDrivingPanel"
                 :drivingRoute="drivingRoute"
                 :drivingTitle="drivingTitle"
@@ -69,7 +70,7 @@
             </div>
         </div>
         <!-- 附近医院、医疗点  -->
-        <div class="hospital-list" v-if="showHospitalList">
+        <div class="hospital-list" :class="[themeType]" v-if="showHospitalList">
             <div class="hospital-item" v-for="(item, index) in hospitalList" :key="index" @click="showDrivingLine(item)">
                 <div>{{ item.name }}</div>
                 <div>相距{{ item.distance }}</div>
@@ -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;
-            }
         }
     }
 </style>