修改

src/components/pageTopBar/pageTopBar.vue

@@ -22,7 +22,7 @@
           </div>
         </div>
       </div>
-      <div class="dis-f jus-x al-item">
+      <div class="dis-f jus-x al-item body-maxWidth" style="margin: auto;">
         <div class="logo-box dis-f al-item body-maxWidth">
           <img src="../../assets/homeImage/logo.png" class="logo-img" alt="">
           <img src="../../assets/homeImage/logoText.png" class="logo-text-img" alt="">
@@ -169,6 +169,7 @@ tabBtnType.value = route.meta.path
 
 .top-bg-img-box {
   width: 100%;
+  min-width: 1200px;
 }
 
 .top-bg-img-box .bg-img {

src/components/public/viewMap.vue

@@ -86,6 +86,7 @@ const showPop = () => show.value = !show.value
     background: #fff;
     border-radius: 20px;
     padding: 20px;
+    max-width: 90vw;
 
     .close {
         display: block;

src/views/apartmentDetail.vue

@@ -16,14 +16,16 @@
                     <image-watch style="z-index: 1003;" arrow="never" :show="imageShow" :close="cloaseImageShow"
                         :list="imageList"></image-watch>
                     <div class="slideshow">
-                        <el-carousel :autoplay="false" indicator-position="none" ref="remarkCaruselUp"
+                        <el-carousel :autoplay="false" arrow="never" indicator-position="none" ref="remarkCaruselUp"
                             @change="carouselChange">
-                            <el-carousel-item class="flexcenter" v-for="item in allCarouselsData">
+                            <el-carousel-item class="flexcenter" v-for="(item, index) in allCarouselsData">
-                                <img class="img" :src="item['image'] || item['imageurl']"
+
-                                    @click="cloaseImageShow(allCarouselsData)">
+                                <img v-if="index >= carouselIndex - 1 && index <= carouselIndex + 1" class="img"
+                                    :src="item['image'] || item['imageurl']" @click="cloaseImageShow(allCarouselsData)">
                             </el-carousel-item>
                         </el-carousel>
-                        <div class="indicate-type flexacenter" v-if="allCarouselsData.length != 0">
+                        <!-- <div class="indicate-type flexacenter" v-if="allCarouselsData.length != 0"> -->
+                        <div class="indicate-type flexacenter" v-if="indicateTypeState()">
                             <div class="indicate-item"
                                 :class="{ 'pitch': allCarouselsData[carouselIndex]['type'] == 'lives' }"
                                 v-if="info['lives'] && info['lives'].length != 0" @click="slideshowType('lives')">
@@ -393,7 +395,7 @@ watch(route, () => {
     carouselIndex.value = 0
     allCarouselsData.value = []
     // mediaBtnstate.value = {}
-    
+
 
     init()
 
@@ -591,7 +593,6 @@ const contactReservationService = () => {
     })
 }
 
-
 let mediaBtnstate = ref({})  // 0 左边为不能点击 1 右边不能点击 2 是两个都能点击
 
 const handleMediaBtn = (type, index) => {
@@ -659,9 +660,8 @@ onUnmounted(() => {
     window.removeEventListener('scroll', handleScroll);
 });
 
-const gobrand = item => {
+const gobrand = item => router.push(`/apartmentDetail?uniqid=${item.uniqid}`)
-    router.push(`/apartmentDetail?uniqid=${item.uniqid}`)
+
-}
 
 const handleScroll = () => {
     if (Math.random() > 0.3) return
@@ -678,6 +678,16 @@ const handleScroll = () => {
     }
 }
 
+const indicateTypeState = () => {
+    console.log("carouselsconfig", carouselsconfig);
+
+    let total = 0  // 累计
+    for (const key in carouselsconfig.value) {
+        if (carouselsconfig.value[key]['amount'] > 0) total++
+    }
+
+    return total > 1 ? true : false
+}
 
 </script>
 
@@ -729,7 +739,7 @@ const handleScroll = () => {
                 .arc {
                     width: 100%;
                     height: 100%;
-                    background: rgba(203, 254, 191, 1);
+                    background: rgba(204, 253, 191, 1);
                     border-radius: 0 0 100% 0;
 
                 }