Просмотр исходного кода

fix: 调整DashboardLayout.vue布局组件,解决Home.vue里面引入插槽,地图不出现的问题,原因,地图插槽位置不在laytou布局原定位置,导致地图无法获取高度,渲染报错

sequoia tungfang 1 день назад
Родитель
Сommit
bfed665928
2 измененных файлов с 11 добавлено и 18 удалено
  1. 0 2
      src/layouts/DashboardLayout.vue
  2. 11 16
      src/views/Home.vue

+ 0 - 2
src/layouts/DashboardLayout.vue

@@ -7,8 +7,6 @@
         <div class="frame-right"></div>
         <div class="frame-bottom"></div>
 
-        <slot name="map"></slot>
-
         <div class="ui-layer">
 
             <header class="top-header">

+ 11 - 16
src/views/Home.vue

@@ -1,16 +1,5 @@
 <template>
   <DashboardLayout>
-    <!-- 地图 -->
-    <template #map>
-      <div id="map-container" class="map-layer">
-        <div class="map-canvas">
-              <!-- <TongzhouTrafficMap
-              amapKey="db2da7e3e248c3b2077d53fc809be63f" 
-              securityJsCode="a7413c674852c5eaf01d90813c5b7ef6"
-              /> -->
-        </div>
-      </div>
-    </template>
     <!-- 天气 -->
     <template #header-left>
       <WeatherWidget />
@@ -127,7 +116,13 @@
     </template>
 
     <template #center>
-      <div class="top-search-pos">
+      <!-- 地图 -->
+      <TongzhouTrafficMap
+        amapKey="db2da7e3e248c3b2077d53fc809be63f"
+        securityJsCode="a7413c674852c5eaf01d90813c5b7ef6"
+      />
+
+      <!-- <div class="top-search-pos">
         <button class="btn btn-view" @click="handleSearch()">查询</button>
         <DropdownSelect 
           placeholder="请选择"
@@ -135,10 +130,10 @@
           :options="mapSearchOptions" 
           @click.native.prevent 
           theme="solid" />
-      </div>
-      <div class="map-legend-pos">
+      </div> -->
+      <!-- <div class="map-legend-pos">
         <MapLegend></MapLegend>
-      </div>
+      </div> -->
     </template>
 
   </DashboardLayout>
@@ -356,4 +351,4 @@ export default {
   flex-direction: row;
   column-gap: 9px;
 }
-</style>
+</style>