commit

src/main/resources/views/platform/zhghh5/sys/home/home.js

@@ -33,7 +33,8 @@ const home = {
             <div class="quick-grid">
                 <div class="section-title">推荐服务</div>
                 <div class="quick-scroll">
-                    <div class="quick-scroll-grid">
+                    <div class="quick-scroll-grid"
+                         :class="{ 'quick-scroll-grid--single-row': quickEntries.length <= 4 }">
                         <div class="quick-entry-item"
                              v-for="item in quickEntries"
                              @click="menuClick(item)"
@@ -594,6 +595,13 @@ const home = {
             min-width: 100%;
         }
 
+        /* 推荐服务不超过四项时横向排列，避免少量服务按两行纵向展示。 */
+        .quick-scroll-grid--single-row {
+            grid-auto-flow: row;
+            grid-template-rows: 82px;
+            grid-template-columns: repeat(4, 25%);
+        }
+
         .quick-entry-item {
             min-width: 0;
             height: 82px;