From 8567a49fbefd2e819d98899d66cf7f5e0432fabb Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Tue, 13 Dec 2022 16:27:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BD=93=E5=89=8D=E6=A5=BC=E5=B1=82?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BrandScroll/BrandScroll.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/BrandScroll/BrandScroll.vue b/src/components/BrandScroll/BrandScroll.vue
index e7b4ca3..00393c7 100644
--- a/src/components/BrandScroll/BrandScroll.vue
+++ b/src/components/BrandScroll/BrandScroll.vue
@@ -3,7 +3,7 @@
     <div class="brand-content">
       <div class="groups" v-for="item of list" v-show="item.shopList.length" :key="item.name">
         <h1 class="info">
-          {{ item.name }}<span class="meta">/ {{ item.shopList.length }}个</span>
+          {{ 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 }">
           <ShopItem :config="config" :isRow="isRow" :isFood="isFood" :shop="shop" @click="handleShop(shop)" v-for="shop of item.shopList" :key="shop.shopId" />
@@ -17,6 +17,12 @@
 import { ref, nextTick, watch } from 'vue'
 import ShopItem from '@/base/ShopItem/ShopItem.vue'
 import ScrollView from '@/base/ScrollView/ScrollView.vue'
+import { storeToRefs } from 'pinia'
+import { useStore } from '@/store/root'
+
+const store = useStore()
+const { currentFloor } = storeToRefs(store)
+
 const scroll = ref(null)
 const props = defineProps({
   list: Array,
@@ -99,6 +105,18 @@ watch(
     line-height: 23px;
     color: rgba(0, 0, 0, 0.6);
   }
+  .current {
+    display: flex;
+    width: 96px;
+    height: 27px;
+    background: linear-gradient(113.71deg, #435acd 0%, #749cf3 100%);
+    font-size: 16px;
+    color: #ffffff;
+    justify-content: center;
+    align-items: center;
+    border-radius: 6px;
+    margin-left: 12px;
+  }
 }
 .group {
   display: grid;