Feat：资讯新增店铺

pkg_product/views/famousQianxianShop.vue

@@ -207,6 +207,24 @@
                       :id="'video-item' + index"
                       :poster="item.video + '?vframe/jpg/offset/1'"></video>
                   </view>
+                  <view
+                    v-if="item.linkHotelId"
+                    class="info-shop-entry"
+                    @click.stop="handleInfoHotelClick(item)"
+                  >
+                    <view class="info-shop-logo">
+                      <image :src="item.linkHotelLogo" mode="aspectFill" />
+                    </view>
+                    <view class="info-shop-main">
+                      <view class="info-shop-name">
+                        {{ item.linkHotelName || '' }}
+                      </view>
+                      <view class="info-shop-btn">
+                        <text style="margin-right: 6rpx;">点击进入</text>
+                        <u-icon name="arrow-rightward" size="14" color="#fff"></u-icon>
+                      </view>
+                    </view>
+                  </view>
                   <view class="info-item-bottom">
                     <view class="time">
                       {{ item.createTime ? item.createTime.replace(/-/g, '.').substr(0, 10) : '' }}
@@ -1639,6 +1657,10 @@ export default {
         }
       })
     },
+    handleInfoHotelClick(item) {
+      if (!item || !item.linkHotelId) return
+      this.villageItemClick({ id: item.linkHotelId })
+    },
     guideItemClickHandle(item) {
       // 如果没有开启专题页，则不进入
       if (!item.isContentPage) return
@@ -2172,6 +2194,52 @@ export default {
         }
       }
     }
+    .info-shop-entry {
+      margin: 0 20rpx 16rpx 20rpx;
+      padding: 16rpx 20rpx;
+      border-radius: 12rpx;
+      background-color: #fafafa;
+      display: flex;
+      align-items: center;
+      column-gap: 16rpx;
+    }
+    .info-shop-logo {
+      width: 88rpx;
+      height: 88rpx;
+      border-radius: 12rpx;
+      overflow: hidden;
+      flex-shrink: 0;
+    }
+    .info-shop-logo image {
+      width: 100%;
+      height: 100%;
+    }
+    .info-shop-main {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      column-gap: 16rpx;
+    }
+    .info-shop-name {
+      flex: 1;
+      font-size: 28rpx;
+      color: #333;
+      font-weight: 500;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .info-shop-btn {
+      padding: 8rpx 16rpx 8rpx 24rpx;
+      border-radius: 999rpx;
+      background-color: #C52733;
+      color: #fff;
+      font-size: 24rpx;
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+    }
     .info-item-bottom {
       display: flex;
       align-items: center;