Feat：体验券领取

pages/home/index.vue

@@ -85,6 +85,17 @@
           </view>
         </scroll-view>
       </view>
+      <view
+        v-if="hasExperienceCoupon && experienceCouponImage"
+        class="experience-coupon-banner"
+        @click="goExperienceCoupon"
+      >
+        <image
+          :src="experienceCouponImage"
+          mode="widthFix"
+          class="experience-coupon-img"
+        />
+      </view>
       <!-- 千县名品和地标好物 -->
       <view
         v-if="landmarkGoodsImage.image || countyFamousImage.image"
@@ -439,6 +450,10 @@ export default {
       bastRightList: [],
       // 尖货推荐横幅
       bannerList: [],
+      // 体验券
+      hasExperienceCoupon: 0,
+      hasUnusedExperienceCoupon: 0,
+      experienceCouponImage: '',
       // 老用户弹窗
       isOldUser: true,
       oldUserPopup: {},
@@ -1381,6 +1396,9 @@ export default {
     toNewZone() {
       this.$yrouter.push('/pages/home/newZone')
     },
+    goExperienceCoupon() {
+      this.$yrouter.push('/pkg_product/views/experienceCoupon')
+    },
     init() {
       sharpBannar().then(res => {
         const { data } = res
@@ -1429,6 +1447,9 @@ export default {
           _this.$set(_this, 'contentHomestay', data.contentHomestayV2 || [])
           _this.$set(_this, 'contentFestival', data.contentFestivalV2 || [])
           _this.$set(_this, 'newZone', data.newGoods || [])
+          _this.$set(_this, 'hasExperienceCoupon', data.hasExperienceCoupon || 0)
+          _this.$set(_this, 'hasUnusedExperienceCoupon', data.hasUnusedExperienceCoupon || 0)
+          _this.$set(_this, 'experienceCouponImage', data.experienceCouponImage || '')
           _this.$set(_this, 'isOldUserPopupShow', data.isOldUserPopupShow || 0)
           _this.indexVideo = data.indexVideo ? data.indexVideo.videoUrl : ''
           _this.bastLeftList = []
@@ -1802,6 +1823,16 @@ export default {
     }
   }
 }
+.experience-coupon-banner {
+  position: relative;
+  z-index: 5;
+  padding-top: 16rpx;
+  .experience-coupon-img {
+    display: block;
+    width: 100%;
+    border-radius: 20rpx;
+  }
+}
 .hotel-list-wrap {
   position: relative;
   width: 344rpx;