条件搜索查询组件

src/components/seachModule/seachModule.vue

@@ -4,7 +4,7 @@
             <div class="s-w-100 seach-box-bg">
                 <div class="seach-box">
                     <div class="top-seach dis-f al-item">
-                        <div style="position: absolute;left: -5px;top: 20px;">
+                        <div style="position: absolute;left: -8px;top: 20px;">
                             <div class="location-box dis-f jus-x al-item">
                                 <img src="../../assets/homeImage/addressImg.png" class="img" alt="">
                                 香港
@@ -63,9 +63,9 @@
                         <seachInfo title="整租" seachType="2" style="margin-top:30px;" :btn="allHireType"></seachInfo>
                     </div>
                     <!--  -->
-                    <div class="dis-f">
+                    <!-- <div>
                         <selectTabBox></selectTabBox>
-                    </div>
+                    </div> -->
                 </div>
             </div>
         </div>
@@ -109,9 +109,9 @@ let allHireType = [
     { text: '四房以上' }
 ]
 let seachArea = [
-    { text: '港岛' },
-    { text: '九龙' },
-    { text: '新界' }
+    { text: '港岛',data:[{title:1,id:1},{title:2,id:2},{title:3,id:3},{title:4,id:4}] },
+    { text: '九龙',data:[{title:5,id:5},{title:2,id:2},{title:3,id:3},{title:7,id:7}] },
+    { text: '新界',data:[{title:6,id:6},{title:8,id:8},{title:11,id:11},{title:9,id:9}] }
 ]
 let historyArr = [
     { title: '有阳台' },
@@ -282,13 +282,13 @@ export default {
             }
 
             .triangle {
-                border: 5px solid;
+                border: 7px solid;
                 border-color: transparent #000 transparent transparent;
                 width: 0;
                 height: 0;
                 position: absolute;
-                bottom: -44px;
-                left: -5px;
+                bottom: -47px;
+                left: -7px;
             }
 
             .seach-btn {