feat: 品牌列表样式更新

src/components/BrandScroll/BrandScroll.vue

@@ -5,7 +5,7 @@
         <h1 class="info">
           {{ item.name }}<span class="meta">/ {{ item.shopList.length }}个</span> <span v-if="item.name === currentFloor.floor" class="current">您在本层</span>
         </h1>
-        <TransitionGroup name="zoom" mode="out-in" tag="div" :class="{ group: true, isRow }">
+        <TransitionGroup name="zoom" mode="out-in" tag="div" class="group" :class="{ isRow }">
           <ShopItem
             :config="config"
             :isRow="isRow"
@@ -154,8 +154,8 @@ watch([scroll, () => props.shop], () => {
 }
 .group {
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr;
-  gap: 24px 8px;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+  gap: 32px 29px;
   margin-bottom: 40px;
   padding-right: 68px;
 }