修改

src/components/search_sf/search_sf1.vue

@@ -53,7 +53,7 @@
             <q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" style="height: 100%;">
               <q-list>
                 <q-item v-for="(x, i) in areas" :key="i" clickable v-ripple :active="crtAreaIndex==i"
-                  @click="clkAreaHandler(i)" active-class="my-menu-link">
+                  @click.stop="clkAreaHandler(i)" active-class="my-menu-link">
                   <q-item-section>
                     <q-item-label>{{ x.Name }}</q-item-label>
                   </q-item-section>
@@ -298,7 +298,7 @@
 
 <style>
   .banner-style8 {
-    margin-top: -60px;
+    /* margin-top: -60px; */
     position: relative;
   }
 

src/components/search_sf/search_sf2.vue

@@ -53,7 +53,7 @@
             <q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" style="height: 100%;">
               <q-list>
                 <q-item v-for="(x, i) in areas" :key="i" clickable v-ripple :active="crtAreaIndex==i"
-                  @click="clkAreaHandler(i)" active-class="my-menu-link">
+                  @click.stop="clkAreaHandler(i)" active-class="my-menu-link">
                   <q-item-section>
                     <q-item-label>{{ x.Name }}</q-item-label>
                   </q-item-section>
@@ -300,7 +300,7 @@
 
 <style>
   .banner-style9 {
-    margin-top: -60px;
+    margin-top: -40px;
     position: relative;
   }
 

src/components/search_sf/search_sf3.vue

@@ -53,7 +53,7 @@
             <q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" style="height: 100%;">
               <q-list>
                 <q-item v-for="(x, i) in areas" :key="i" clickable v-ripple :active="crtAreaIndex==i"
-                  @click="clkAreaHandler(i)" active-class="my-menu-link">
+                  @click.stop="clkAreaHandler(i)" active-class="my-menu-link">
                   <q-item-section>
                     <q-item-label>{{ x.Name }}</q-item-label>
                   </q-item-section>