酒店列表

src/components/Hotel/HotelList.vue

@@ -79,13 +79,24 @@
         margin:auto;
         border:1px solid #DCDCDC;
         margin-top:23px;
-        padding:0 20px;
         color:#43647F;
         font-size:12px;
+        border-left: none;
+    }
+    .HL_Screen .HL_ScList>span:first-child,.HL_Screen .HL_ScList>div:first-child{
+        display: inline-flex;
+        background: #efefef;
+        height: 100%;
+        padding: 0;
+        text-align: center;
+        align-items: center;
+        width: 150px;
+        justify-content: center;
+        margin:0;
     }
     .HL_ScList{
         width:100%;
-        min-height:43px;
+        height:43px;
         display: flex;
         align-items: center;
         border-bottom:1px solid #DDDDDD;
@@ -99,6 +110,10 @@
         margin-right:60px;
         cursor: pointer;
         padding:4px 8px;
+        
+    }
+    .MoreList span{
+        margin-top:10px;
     }
     .HL_Stitle{
         display: inline-block;
@@ -296,17 +311,17 @@
         display:inline-block;
         width:85%;
         overflow: hidden;
+        height: 100%;
+        
     }
     .HL_minHeight{
-        height:23px;
+        height:43px;
     }
     .HL_AutoHeight{
         height:auto;
         padding:10px 0;
     }
-    .HL_AutoHeight span{
-        margin-bottom:10px;
-    }
+   
     .HL_ConZhankai{
         display: inline-block;
         margin-left:10px;
@@ -536,9 +551,9 @@
                 <span>越早预订越便宜</span>
                 <span>限定期限</span>
             </div> -->
-            <div class="HL_ScList">
-                <span class="HL_Stitle">理念</span>
-                <div class="HL_Concept" :class="isOpen==1?'HL_minHeight':'HL_AutoHeight'">
+            <div class="HL_ScList MoreList" :class="isOpen==1?'HL_minHeight':'HL_AutoHeight'">
+                <div class="HL_Stitle">理念</div>
+                <div class="HL_Concept" >
                     <span v-for="item in ConceptObj" :class="item.isCked?'HL_checked':''" @click="item.isCked=!item.isCked">
                         {{item.name}}
                     </span>
@@ -619,6 +634,11 @@
                             </td>
                         </tr>
                     </table>
+                    <div v-if="dataList.length==0" style="padding:15px 0;text-align:center">
+                        <div class="empty-data"><i class="iconfont icon-kong"></i>
+                            很抱歉，你想要的信息我们真的找不到了
+                        </div>
+                    </div>
                 </div>
                 <div class="HL_Map">