Fix:2797 【商城小程序】根据运营设计的调整,非遗主页的省名删除,只显示图片

This commit is contained in:
modendeveloper
2024-12-17 22:10:14 +08:00
parent eddb02d2cf
commit 8e8ca5a261
+53 -40
View File
@@ -1,26 +1,57 @@
<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> <script>
import {getICH} from '@/api/product' import { getICH } from "@/api/product";
import { pageListenMixins } from '@/mixins/pageListenMixins' import { pageListenMixins } from "@/mixins/pageListenMixins";
export default { export default {
name: 'HeritagePage', name: "HeritagePage",
mixins: [pageListenMixins], mixins: [pageListenMixins],
data() { data() {
return { return {
contents: [], contents: [],
topImage: '', topImage: "",
backgroundImage: '', backgroundImage: "",
bgImgWidth: 0, bgImgWidth: 0,
pageKeyId: Object.freeze('ichIndex') pageKeyId: Object.freeze("ichIndex"),
} };
}, },
computed: { computed: {
scale() { scale() {
return 750 / this.bgImgWidth return 750 / this.bgImgWidth;
} },
}, },
onLoad() { onLoad() {
this.init() this.init();
}, },
methods: { methods: {
init() { init() {
@@ -30,21 +61,21 @@ export default {
this.backgroundImage = data.backgroundImage; this.backgroundImage = data.backgroundImage;
this.bgImgWidth = data.backgroundImageWidth; this.bgImgWidth = data.backgroundImageWidth;
this.calcPosition(); this.calcPosition();
}) });
}, },
// 计算位置 // 计算位置
calcPosition() { calcPosition() {
this.contents?.forEach(item => { this.contents?.forEach((item) => {
item.gx = item.x * this.scale item.gx = item.x * this.scale;
item.gy = item.y * this.scale item.gy = item.y * this.scale;
}) });
}, },
goDetails(item) { goDetails(item) {
if (!item.isLink) return if (!item.isLink) return;
// 1-视频,2-图文(可配置商品),3-商品+视频 // 1-视频,2-图文(可配置商品),3-商品+视频
uni.navigateTo({ uni.navigateTo({
url: '/pkg_product/views/heritage/index?id=' + item.id url: "/pkg_product/views/heritage/index?id=" + item.id,
}) });
// if (item.type === 1) { // if (item.type === 1) {
// uni.navigateTo({ // uni.navigateTo({
// url: '/pkg_product/views/heritage/index?id=' + item.id // url: '/pkg_product/views/heritage/index?id=' + item.id
@@ -58,30 +89,12 @@ export default {
// url: '/pkg_product/views/heritage/index?id=' + item.id // url: '/pkg_product/views/heritage/index?id=' + item.id
// }) // })
// } // }
} },
} },
} };
</script> </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"> <style scoped lang="less">
.unlink { .unlink {