静态页面

src/pages/index/buildingDetail/components/BuildingDetailBanner/index.jsx

@@ -67,7 +67,7 @@ export default function BuildingDetailBanner (props) {
       {/* 切换 */}
       {
         !!NavList.length &&
-        <view className='CutPoint'>
+        <view className={NavList.length === 3 ? 'CutPoint Three' : NavList.length === 2 ? 'CutPoint Two' : 'CutPoint'}>
           <view>
             {
               NavList.map((item, index) => (

src/pages/index/buildingDetail/components/BuildingDetailBanner/index.scss

@@ -11,6 +11,16 @@
     bottom: 100px;
     z-index: 10;
     overflow: hidden;
+    &.Three {
+      >view {
+        width: 240px;
+      }
+    }
+    &.Two {
+      >view {
+        width: 160px;
+      }
+    }
     > view {
       display: block;
       font-size: 0;
@@ -18,7 +28,7 @@
       border-radius: 48px;
       border: 2px solid #1a3b83;
       background: rgba(255, 255, 255, 0.7);
-      width: 240px;
+      width: 80px;
       margin: 0 auto;
       > text {
         display: inline-block;

src/pages/index/buildingDetail/index.jsx

@@ -79,7 +79,10 @@ export default withLayout((props) => {
               <view className='BannerContainer'>
                 <view>
                   <view>
-                    <BuildingDetailBanner Info={DetailInfo}></BuildingDetailBanner>
+                    {
+                      !!DetailInfo.buildingName &&
+                      <BuildingDetailBanner Info={DetailInfo}></BuildingDetailBanner>
+                    }
                   </view>
                 </view>
               </view>