From 8e8ca5a261ba655989118bf5f2585b01890550f8 Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Tue, 17 Dec 2024 22:10:14 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A2797=20=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91=E6=A0=B9=E6=8D=AE=E8=BF=90?=
 =?UTF-8?q?=E8=90=A5=E8=AE=BE=E8=AE=A1=E7=9A=84=E8=B0=83=E6=95=B4=EF=BC=8C?=
 =?UTF-8?q?=E9=9D=9E=E9=81=97=E4=B8=BB=E9=A1=B5=E7=9A=84=E7=9C=81=E5=90=8D?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=EF=BC=8C=E5=8F=AA=E6=98=BE=E7=A4=BA=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pkg_product/views/heritage.vue | 101 +++++++++++++++++++--------------
 1 file changed, 57 insertions(+), 44 deletions(-)

diff --git a/pkg_product/views/heritage.vue b/pkg_product/views/heritage.vue
index 5046d00..dacff13 100644
--- a/pkg_product/views/heritage.vue
+++ b/pkg_product/views/heritage.vue
@@ -1,50 +1,81 @@
+<template>
+  <view class="pkg-product-heritage">
+    <image style="width: 100%" :src="topImage" mode="widthFix" />
+    <view class="main-box">
+      <image style="width: 100%" :src="backgroundImage" mode="widthFix" />
+      <view
+        class="item"
+        :style="{ left: item.gx + 'rpx', top: item.gy + 'rpx' }"
+        v-for="(item, index) in contents"
+        :key="index"
+        @click="goDetails(item)"
+      >
+        <image
+          class="img-item"
+          :src="item.image"
+          :class="{ unlink: !item.isLink }"
+        />
+        <!-- <view
+          class="v12-text-center v12-white-text v12-radius-80 v12-px-1 title"
+          :class="{
+            'v12-primary': item.isLink,
+            'un-actived': !item.isLink,
+          }"
+        >
+          {{ item.title }}</view
+        > -->
+      </view>
+    </view>
+  </view>
+</template>
+
 <script>
-import {getICH} from '@/api/product'
-import { pageListenMixins } from '@/mixins/pageListenMixins'
+import { getICH } from "@/api/product";
+import { pageListenMixins } from "@/mixins/pageListenMixins";
 
 export default {
-  name: 'HeritagePage',
+  name: "HeritagePage",
   mixins: [pageListenMixins],
   data() {
     return {
       contents: [],
-      topImage: '',
-      backgroundImage: '',
+      topImage: "",
+      backgroundImage: "",
       bgImgWidth: 0,
-      pageKeyId: Object.freeze('ichIndex')
-    }
+      pageKeyId: Object.freeze("ichIndex"),
+    };
   },
   computed: {
     scale() {
-      return 750 / this.bgImgWidth
-    }
+      return 750 / this.bgImgWidth;
+    },
   },
   onLoad() {
-    this.init()
+    this.init();
   },
   methods: {
     init() {
-      getICH().then(({data}) => {
+      getICH().then(({ data }) => {
         this.contents = data.contents;
         this.topImage = data.topImage;
         this.backgroundImage = data.backgroundImage;
         this.bgImgWidth = data.backgroundImageWidth;
         this.calcPosition();
-      })
+      });
     },
     // 计算位置
     calcPosition() {
-      this.contents?.forEach(item => {
-        item.gx = item.x * this.scale
-        item.gy = item.y * this.scale
-      })
+      this.contents?.forEach((item) => {
+        item.gx = item.x * this.scale;
+        item.gy = item.y * this.scale;
+      });
     },
     goDetails(item) {
-      if (!item.isLink) return
+      if (!item.isLink) return;
       // 1-视频，2-图文(可配置商品)，3-商品+视频
       uni.navigateTo({
-        url: '/pkg_product/views/heritage/index?id=' + item.id
-      })
+        url: "/pkg_product/views/heritage/index?id=" + item.id,
+      });
       // if (item.type === 1) {
       //   uni.navigateTo({
       //     url: '/pkg_product/views/heritage/index?id=' + item.id
@@ -58,36 +89,18 @@ export default {
       //     url: '/pkg_product/views/heritage/index?id=' + item.id
       //   })
       // }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
-<template>
-  <view class="pkg-product-heritage">
-    <image style="width: 100%" :src="topImage" mode="widthFix"/>
-    <view class="main-box">
-      <image style="width: 100%" :src="backgroundImage" mode="widthFix"/>
-      <view class="item" :style="{'left':item.gx+'rpx','top':item.gy+'rpx'}" v-for="(item,index) in contents"
-            :key="index" @click="goDetails(item)">
-        <image class="img-item" :src="item.image" :class="{'unlink': !item.isLink}"/>
-        <view 
-          class=" v12-text-center v12-white-text  v12-radius-80 v12-px-1 title" 
-        :class="{
-          'v12-primary': item.isLink,
-          'un-actived': !item.isLink
-        }">
-        {{ item.title }}</view>
-      </view>
-    </view>
-  </view>
-</template>
+
 
 <style scoped lang="less">
-.unlink{
+.unlink {
   filter: grayscale(100%);
 }
-.un-actived{
+.un-actived {
   background: #494949 !important;
   background-color: #494949 !important;
 }
@@ -119,4 +132,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>