From be90afefe51e6ddabc115b6d9477eab3fa804df6 Mon Sep 17 00:00:00 2001
From: linxi <957440651@qq.com>
Date: Sat, 28 Feb 2026 10:49:06 +0800
Subject: [PATCH] =?UTF-8?q?Fix=EF=BC=9A4906=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=E5=BA=B7=E5=85=BB=E5=92=8C?=
=?UTF-8?q?=E6=97=85=E5=B1=85=E7=B1=BB=E7=9B=AE=E4=B8=8B=E9=A1=B5=E9=9D=A2?=
=?UTF-8?q?=E5=86=85=E5=AE=B9=E5=81=8F=E5=B7=A6=EF=BC=8C=E9=9C=80=E6=8C=89?=
=?UTF-8?q?=E6=95=88=E6=9E=9C=E5=9B=BE=E8=B0=83=E6=95=B4=EF=BC=8C=E5=B9=B6?=
=?UTF-8?q?=E5=81=9A=E6=88=90=E7=80=91=E5=B8=83=E6=B5=81=E5=BD=A2=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pkg_product/views/healthFoods.vue | 110 +++++++++++++++++++--------
pkg_product/views/healthSanctum.vue | 111 ++++++++++++++++++++--------
2 files changed, 162 insertions(+), 59 deletions(-)
diff --git a/pkg_product/views/healthFoods.vue b/pkg_product/views/healthFoods.vue
index 374197d..e90257b 100644
--- a/pkg_product/views/healthFoods.vue
+++ b/pkg_product/views/healthFoods.vue
@@ -93,35 +93,69 @@
{{ tab.name }}
-
-
-
-
-
-
-
- {{ item.areaName }}
+
+
+
+
+
+
+
+
+ {{ item.areaName }}
+
+
+ {{ item.intro }}
+
+
+
+
+ {{ item.name }}
- {{ item.intro }}
-
-
-
+
+
+
+
+
+
+
+
+ {{ item.areaName }}
+
+
+ {{ item.intro }}
+
+
+
+
+ {{ item.name }}
- {{ item.name }}
@@ -158,6 +192,12 @@ export default {
wellnessButtonSrc() {
const config = this.topImageConfig || {}
return config.wellnessButtonImageFocus || config.wellnessButtonImage || ''
+ },
+ leftItems() {
+ return this.items.filter((item, index) => index % 2 === 0)
+ },
+ rightItems() {
+ return this.items.filter((item, index) => index % 2 !== 0)
}
},
onLoad(opts) {
@@ -346,17 +386,29 @@ export default {
display: grid;
grid-template-columns: 50% 50%;
}
+.waterfall-box {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+.waterfall-column {
+ width: 48%;
+ display: flex;
+ flex-direction: column;
+}
.atr{
width: 52rpx;
height: 52rpx;
border-radius: 50%;
}
.img{
- width: 320rpx;
- height: 320rpx;
- // background: #707070;
+ width: 100%;
border-radius: 16rpx;
position: relative;
+ overflow: hidden;
+ max-height: 460rpx;
+ display: block;
+ min-height: 200rpx;
}
.sanctum-wrap{
min-height: 100vh;
diff --git a/pkg_product/views/healthSanctum.vue b/pkg_product/views/healthSanctum.vue
index eb508dc..68c6bfc 100644
--- a/pkg_product/views/healthSanctum.vue
+++ b/pkg_product/views/healthSanctum.vue
@@ -63,35 +63,69 @@
-->
大家都在看
-
-
-
-
-
-
-
- {{ item.areaName }}
+
+
+
+
+
+
+
+
+ {{ item.areaName }}
+
+
+ {{ item.intro }}
+
+
+
+
+ {{ item.name }}
- {{ item.intro }}
-
-
-
+
+
+
+
+
+
+
+
+ {{ item.areaName }}
+
+
+ {{ item.intro }}
+
+
+
+
+ {{ item.name }}
- {{ item.name }}
@@ -128,7 +162,12 @@ export default {
wellnessButtonSrc() {
const config = this.topImageConfig || {}
return config.wellnessButtonImage || config.wellnessButtonImageFocus || ''
- keyword: ''
+ },
+ leftItems() {
+ return this.items.filter((item, index) => index % 2 === 0)
+ },
+ rightItems() {
+ return this.items.filter((item, index) => index % 2 !== 0)
}
},
onLoad(opts) {
@@ -308,17 +347,29 @@ export default {
display: grid;
grid-template-columns: 50% 50%;
}
+.waterfall-box {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+.waterfall-column {
+ width: 48%;
+ display: flex;
+ flex-direction: column;
+}
.atr{
width: 52rpx;
height: 52rpx;
border-radius: 50%;
}
.img{
- width: 320rpx;
- height: 320rpx;
- // background: #707070;
+ width: 100%;
border-radius: 16rpx;
position: relative;
+ overflow: hidden;
+ max-height: 460rpx;
+ display: block;
+ min-height: 200rpx;
}
.sanctum-wrap{
min-height: 100vh;