diff --git a/src/views/DialogTabs/component/streetscape.vue b/src/views/DialogTabs/component/streetscape.vue
index 798d017..9fc3303 100644
--- a/src/views/DialogTabs/component/streetscape.vue
+++ b/src/views/DialogTabs/component/streetscape.vue
@@ -1,19 +1,24 @@
 <template>
   <div id="streetscape"></div>
   <div class="carouselClas">
-    <el-carousel type="card" style="z-index: 999">
-      <el-carousel-item v-for="item in AllData.poiImages" :key="item" @click="selectPoiImgUrl(item)">
-        <el-image :src="item.imagesUrl" style="width: 100%; height: 50%" />
+    <el-carousel type="card" style="z-index: 999" height="150px">
+      <el-carousel-item
+        v-for="item in AllData.poiImages"
+        :key="item"
+        @click="selectPoiImgUrl(item)"
+        style="height: 150px"
+      >
+        <el-image :src="item.imagesUrl" style="width: 100%; height: 150px" />
       </el-carousel-item>
     </el-carousel>
   </div>
 </template>
 
 <script setup name="streetscape">
-import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
-import bus from '@/bus';
-import request from '@/utils/request';
-import dialogTabsStore from '@/store/modules/dialogTabs';
+import { ref, reactive, toRefs, onMounted, nextTick } from "vue";
+import bus from "@/bus";
+import request from "@/utils/request";
+import dialogTabsStore from "@/store/modules/dialogTabs";
 
 const useDialogTabs = dialogTabsStore();
 const { proxy } = getCurrentInstance();
@@ -25,7 +30,7 @@
 });
 // 初始化街景地图
 const initePanoramaMap = () => {
-  AllData.panorama = BMapGL.Panorama('streetscape');
+  AllData.panorama = BMapGL.Panorama("streetscape");
   AllData.panorama.setPov({
     // 修改全景的视角
     pitch: 10,
@@ -41,11 +46,11 @@
   AllData.poiImages = [];
   let poiData = await request({
     url: `/bdApi/baiduservice/placeSearch`,
-    method: 'GET',
+    method: "GET",
     params: {
       location: `${AllData.poiCircle[1]},${AllData.poiCircle[0]}`,
       radius: 1000,
-      query: '公交站$商场$著名景点$学校',
+      query: "公交站$商场$著名景点$学校",
     },
   });
   if (poiData && poiData.data.length) {
@@ -65,15 +70,15 @@
     getStreetImg();
   }
 };
-const a = ref('');
+const a = ref("");
 //获取全景静态图
 const getStreetImg = async () => {
   AllData.poiImages = [];
-  console.log('AllData.poiData---', AllData.poiData);
-  AllData.poiData.forEach(async element => {
+  console.log("AllData.poiData---", AllData.poiData);
+  AllData.poiData.forEach(async (element) => {
     let data = await request({
       url: `/bdApi//baiduservice/panorama`,
-      method: 'GET',
+      method: "GET",
       params: {
         location: `${element.location.lng},${element.location.lat}`,
         fov: 180,
@@ -82,7 +87,7 @@
       },
     });
     if (data && data.data) {
-      data.data.base64 = 'data:image/jpeg;base64,' + data.data.base64;
+      data.data.base64 = "data:image/jpeg;base64," + data.data.base64;
       AllData.poiImages.push({
         name: element.name,
         lonlat: [element.location.lng, element.location.lat],
@@ -90,23 +95,26 @@
       });
     }
   });
-  console.log('AllData.poiImages---', AllData.poiImages);
+  console.log("AllData.poiImages---", AllData.poiImages);
 };
 
 // 全局事件监听
-const showAllStreet = e => {
-  console.log('streetPosition---', e);
+const showAllStreet = (e) => {
+  console.log("streetPosition---", e);
   let position_Street = turf.point(e);
   gcoord.transform(position_Street, gcoord.WGS84, gcoord.BD09);
   AllData.poiCircle = position_Street.geometry.coordinates;
   AllData.panorama.setPosition(
-    new BMapGL.Point(position_Street.geometry.coordinates[0], position_Street.geometry.coordinates[1])
+    new BMapGL.Point(
+      position_Street.geometry.coordinates[0],
+      position_Street.geometry.coordinates[1]
+    )
   );
   searchPoiByLonlat();
   gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
 };
 //轮播图点击事件
-const selectPoiImgUrl = item => {
+const selectPoiImgUrl = (item) => {
   AllData.panorama.setPosition(new BMapGL.Point(item.lonlat[0], item.lonlat[1]));
 };
 
@@ -117,7 +125,7 @@
   //   // AllData.panorama.setPosition(new BMapGL.Point(pos.lng, pos.lat));
   // });
 
-  console.log('useDialogTabs.pointLocation', useDialogTabs.pointLocation);
+  console.log("useDialogTabs.pointLocation", useDialogTabs.pointLocation);
   showAllStreet(useDialogTabs.pointLocation);
 
   // bus.on('streetPosition', e => {
@@ -133,24 +141,30 @@
   //   // gcoord.transform(position_Street, gcoord.BD09, gcoord.WGS84);
   // });
 });
-console.log('🚀 ~ onMounted ~ useDialogTabs.pointLocation:', useDialogTabs.pointLocation);
-console.log('🚀 ~ onMounted ~ useDialogTabs.pointLocation:', useDialogTabs.pointLocation);
-console.log('🚀 ~ onMounted ~ useDialogTabs.pointLocation:', useDialogTabs.pointLocation);
+console.log("🚀 ~ onMounted ~ useDialogTabs.pointLocation:", useDialogTabs.pointLocation);
+console.log("🚀 ~ onMounted ~ useDialogTabs.pointLocation:", useDialogTabs.pointLocation);
+console.log("🚀 ~ onMounted ~ useDialogTabs.pointLocation:", useDialogTabs.pointLocation);
 onBeforeUnmount(() => {
-  bus.off('xxinformationList');
+  bus.off("xxinformationList");
 });
 </script>
 
 <style lang="scss" scoped>
 #streetscape {
   width: 100%;
-  height: 75%;
+  height: 100%;
   // background: red;
 }
 .carouselClas {
-  margin-top: 15px;
-  width: 100%;
-  height: 20%;
+  width: 50%;
+  height: 150px;
   // background: red;
+  position: absolute;
+  bottom: 25px;
+  left: 25%;
+
+  .el-carousel__container {
+    height: 150px;
+  }
 }
 </style>