Feat： 寻趣味接口对接（缺分享接口，店住名称字段）

pages/town/components/projects.vue

@@ -23,30 +23,43 @@
       </view>
     </view>
     <view 
+      v-if="tabs.length > 0"
       class="content v12-justify-center"
       :class="{
         'first-one': actived === 1,
         'last-one': actived === 3
        }"
-      
     >
-      <view class="v12-d-grid-columns-2 v12-gap-10">
-        <view v-for="(item, index) in items" :key="index" class="store-card">
+      <view v-if="items.length > 0" class="v12-d-grid-columns-2 v12-gap-10">
+        <view v-for="(item, index) in items" :key="index" class="store-card" @click="toStore(item.hotelId)">
           <view>
             <image class="town-cover" :src="item.cover" mode="aspectFit|aspectFill|widthFix"></image>
           </view>
-          <view class="v12-pa-2">
-            <view class="v12-dark-text v12-font-bold v12-font-30 v12-py-1 more-t">昆明小吃</view>
+          <view class="v12-pa-2 card-bottom">
+            <view class="v12-dark-text v12-font-bold v12-font-30 v12-py-1 more-t">{{ item.hotelName }}</view>
             <view class="v12-align-center">
               <view class="avtor">
-                <image class="avtor"></image>
+                <image class="avtor" :src="item.logo" mode="scaleToFill"></image>
               </view>
-              <view class="v12-secondary-dark-text v12-font-28 v12-ml-3 one-t">刘欢小吃</view>
+              <view class="v12-secondary-dark-text v12-font-28 v12-ml-3 one-t">{{ item.hotelName }}</view>
             </view>
           </view>
         </view>
       </view>
+      <image
+        v-if="items.length === 0"
+        :src="webUrl + '/orderIcon/wu.png'"
+        class="img-nodata"
+        style="left: 25%;"
+        mode="scaleToFill"
+      />
     </view>
+    <image
+      v-if="tabs.length === 0"
+      :src="webUrl + '/orderIcon/wu.png'"
+      class="img-nodata"
+      mode="scaleToFill"
+    />
   </view>
 </template>
 
@@ -93,12 +106,35 @@ export default {
   methods: {
     handleTab(value) {
       this.actived = value
-    }
+    },
+    toStore(id) {
+      if (!id) {
+        return
+      }
+      uni.navigateTo({
+        url: '/pagesInn/inn/innHome?id=' + id 
+      })
+    },
   }
 }
 </script>
 
 <style lang="scss" scoped>
+.img-nodata {
+  position: relative;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, 0);
+  width: 352rpx;
+  height: 338rpx;
+  margin-bottom: 60rpx;
+}
+.card-bottom{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: calc(100% - 356rpx);
+}
 .avtor{
   width: 52rpx;
   height: 52rpx;