Task：指引页

components/xdd-product-item/index.vue

@@ -2,9 +2,25 @@
   <view class="xdd-product-item" @click="viewHandle(item)">
     <view class="focus-img">
       <image
+        v-if="!item.isFarmerShop"
         :src="item[imageKey]"
         class="img"
       />
+      <image 
+        :src="item.farmerShopCover" 
+        v-if="item.farmerShopCoverType === 1 && item.isFarmerShop" 
+        class="img" 
+        mode="heightFix|widthFix">
+      </image>
+      <video 
+        :src="item.farmerShopCover" 
+        v-if="item.farmerShopCoverType !== 1 && item.isFarmerShop" 
+        :show-center-play-btn="false" 
+        :show-fullscreen-btn="false" 
+        :show-play-btn="false" 
+        class="img"  
+        :poster="item.farmerShopCover + '?vframe/jpg/offset/1'">
+      </video>
       <image
         v-if="item.isOldBrand"
         :src="webUrl + '/home/old-mark.png'"
@@ -20,8 +36,14 @@
         :src="webUrl + '/home/qixian-mark.png'"
         class="mark-img"
       />
+      <image
+        v-if="item.isFarmerShop"
+        :src="webUrl + '/orderIcon/nm.png'"
+        class="mark-img-nm"
+      />
     </view>
-    <view class="info-wrap">
+    <view v-if="item.isFarmerShop" class="more-t v12-pt-2 v12-font-bold  v12-font-28 v12-px-2" >{{ item.farmerShopContent }}</view>
+    <view class="info-wrap" v-if="!item.isFarmerShop">
       <view class="name more-t">
         {{ item[nameKey] }}
       </view>
@@ -44,6 +66,14 @@
         </view>
       </view>
     </view>
+    <view 
+      v-if="item.isFarmerShop" 
+      class="v12-justify-start v12-align-center v12-pt-2 v12-px-2 v12-pb-2">
+      <view class="btn v12-mr-2">
+        <image :src="item.farmerShopLogo" class="nm-img-logo v12-radius-100"></image>
+      </view>
+      <view class="one-t v12-font-24 v12-dark1-text" style="width:230rpx">{{ item.farmerShopName }}/{{ item.farmerShopCityName || '-' }}</view>
+    </view>
   </view>
 </template>
 
@@ -89,6 +119,21 @@ export default {
 </script>
 
 <style lang="less">
+.nm-img-logo {
+  display: block;
+  width: 48rpx;
+  height: 48rpx;
+}
+.mark-img-nm{
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 3;
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 0 25rpx 0 0;
+}
 .xdd-product-item {
   border-radius: 20rpx;
   background-color: #fff;