no message

src/components/hotal/RoomCard.vue

 <template>
-    <div v-if="prices">
+    <div>
       <div class="text-subtitle2 text-weight-bold">選擇房間類型、選項</div>
       <div class="text-grey-6 f12 q-my-md">請選擇出房間類型</div>
       <q-separator color="grey-2" class="q-my-md" />
@@ -81,6 +81,13 @@
         </div>
         <q-separator color="grey-2" class="q-my-md"/>
       </div>
+      <div v-if="!prices" class="text-center q-my-xl">
+        <none-data
+          iconType="order"
+          title="沒有找到您的房間信息哦"
+          subtitle="趕緊去搜索其他入住日期看看吧"
+        ></none-data>
+      </div>
       <q-dialog class="no-padding" v-model="showImagePriview" 
     v-if="images && images.length > 0">
       <image-preview :current="currentImage" :images="images"></image-preview>
@@ -91,8 +98,9 @@
   <script>
   import { date } from "quasar";
   import ImagePreview from 'src/components/common/ImagePreview.vue'
+  import NoneData from "src/components/common/noneData.vue";
   export default {
-    components: {ImagePreview},
+    components: {ImagePreview,NoneData},
     props: ["priceList",'SimilarObj','msg'],
     data() {
       return {