From 86422f0f14879912935a693f6f39862e4db4c49d Mon Sep 17 00:00:00 2001
From: lifizer <913626195@qq.com>
Date: Wed, 26 Jun 2024 15:33:02 +0800
Subject: [PATCH] =?UTF-8?q?Feat(=E9=9D=9E=E9=81=97=E6=96=87=E5=8C=96):?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=95=86=E5=93=81+=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/views/heritageGoodAndVideo.vue | 103 +++++++++++++++++++++
 1 file changed, 103 insertions(+)
 create mode 100644 pkg_product/views/heritageGoodAndVideo.vue

diff --git a/pkg_product/views/heritageGoodAndVideo.vue b/pkg_product/views/heritageGoodAndVideo.vue
new file mode 100644
index 0000000..445b666
--- /dev/null
+++ b/pkg_product/views/heritageGoodAndVideo.vue
@@ -0,0 +1,103 @@
+<script>
+import {getICHDetails} from '@/api/product'
+import { pageListenMixins } from '@/mixins/pageListenMixins'
+export default {
+  name: 'HeritageGoodAndVideo',
+  mixins: [pageListenMixins],
+  data() {
+    return {
+      id: null,
+      info: null,
+      pageKeyId: ''
+    }
+  },
+  onLoad(options) {
+    const id = options.id
+    this.id = id
+    this.pageKeyId = `ichContent_id_${id}`
+    this.getDetails()
+  },
+  methods: {
+    getDetails() {
+      getICHDetails(this.id).then(({data}) => this.info = data)
+    },
+    goGoods(id) {
+      uni.navigateTo({
+        url: '/pages/shop/GoodsCon/index?id=' + id + '&from=ich'
+      })
+    }
+  }
+}
+</script>
+
+<template>
+  <view class="heritage-video" v-if="info">
+    <image
+      :src="info.backgroundImage"
+      class="page-bg"
+      mode="widthFix"
+    />
+    <video :src="info.video" autoplay show-center-play-btn />
+    <view class="list-box flex flex-wrap">
+      <view
+        v-for="(item,index) in info.products"
+        :key="index"
+        class="item flex flex-col jc-between"
+        @click="goGoods(item.productId)"
+      >
+        <view class="flex flex-col ai-center">
+          <image :src="item.productImage" mode="scaleToFill" />
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="less">
+.heritage-video {
+  position: relative;
+  min-height: 100vh;
+
+  .page-bg {
+    width: 100vw;
+    height: auto;
+    vertical-align: middle;
+  }
+
+  video {
+    position: absolute;
+    left: 33rpx;
+    top: 880rpx;
+    width: 684rpx;
+    height: 424rpx;
+  }
+}
+
+.list-box {
+  position: absolute;
+  top: 10986rpx;
+  left: 0;
+  width: 100vw;
+  box-sizing: border-box;
+  padding: 0 32rpx;
+
+  .item {
+    width: 332rpx;
+    height: 332rpx;
+    margin-right: 22rpx;
+    margin-bottom: 22rpx;
+    background: #FFFEF3;
+
+    image {
+      width: 332rpx;
+      height: 332rpx;
+      border-radius: 8rpx;
+      vertical-align: middle;
+    }
+  }
+
+  .item:nth-child(2n) {
+    margin-right: 0;
+  }
+}
+</style>
\ No newline at end of file