feat: 设计样式更新

src/views/Billboard/Billboard.vue

@@ -103,7 +103,7 @@ Promise.all([getBrandListByFormat()]).then(([{ data: brandListByFormat }]) => {
     return {
       ...brand,
       shopList: brand.shopList
-        .filter(shop => shop.floor === currentFloor.value.floor)
+        .filter(shop => !!shop.yaxis && shop.floor === currentFloor.value.floor)
         .map(shop => {
           const meta = currentFloorShopMap.value[shop.shopCode]
           return { ...shop, ...(meta ? meta : {}) }

src/views/Guide/Guide.vue

@@ -25,7 +25,11 @@
                 <div class="facs">
                   <div class="fac" v-for="fac of facMap[item.floorOrder]" :key="fac.type">
                     <img :src="fac.imgUrl" alt="" />
-                    {{ fac.title }}
+                    <template v-if="fac.title && fac.title.length > 4">
+                      <div>{{ fac.title.slice(0, 3) }}</div>
+                      <div>{{ fac.title.slice(3) }}</div>
+                    </template>
+                    <div v-else>{{ fac.title }}</div>
                   </div>
                 </div>
               </div>
@@ -46,7 +50,11 @@
               <div class="facs">
                 <div class="fac" v-for="fac of facMap[item.floorOrder]" :key="fac.type">
                   <img :src="fac.imgUrl" alt="" />
-                  {{ fac.title }}
+                  <template v-if="fac.title && fac.title.length > 4">
+                    <div>{{ fac.title.slice(0, 3) }}</div>
+                    <div>{{ fac.title.slice(3) }}</div>
+                  </template>
+                  <div v-else>{{ fac.title }}</div>
                 </div>
               </div>
               <div class="format">{{ formatMap[item.floor] }}</div>
@@ -187,7 +195,7 @@ function changeFloor(index) {
     selectedShopList.value = shopList.value.map(brand => ({
       ...brand,
       shopList: brand.shopList
-        .filter(item => item.floor === floor.floor)
+        .filter(item => !!item.yaxis && item.floor === floor.floor)
         .map(item => {
           const meta = currentFloorShopMap.value[item.shopCode]
           return { ...item, ...(meta ? meta : {}) }
@@ -214,7 +222,7 @@ function filterAboutCurrentInfo(needShowFloor = true) {
   selectedShopList.value = shopList.value.map(brand => ({
     ...brand,
     shopList: brand.shopList
-      .filter(item => item.floor === floor)
+      .filter(item => !!item.yaxis && item.floor === floor)
       .map(item => {
         const meta = currentFloorShopMap.value[item.shopCode]
         return { ...item, ...(meta ? meta : {}) }
@@ -276,7 +284,7 @@ const handleFacility = fac => {
   background: var(--guide-allFloorBg);
   z-index: 100;
   .row {
-    height: 76px;
+    height: 89px;
     display: flex;
     &.current {
       .left {