From eef74a0df78ac868d12785a4c3f780dcbb682487 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Tue, 26 Aug 2025 18:09:09 +0800
Subject: [PATCH] =?UTF-8?q?refactor(healthily|life-enrichment):=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=20chooseList=20=E7=BB=84=E4=BB=B6=E7=9A=84=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91-?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/healthily/comp/chooseList.vue       | 15 +++++++++++----
 src/views/life-enrichment/comp/chooseList.vue |  8 +++++---
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/views/healthily/comp/chooseList.vue b/src/views/healthily/comp/chooseList.vue
index 421899e..6007307 100644
--- a/src/views/healthily/comp/chooseList.vue
+++ b/src/views/healthily/comp/chooseList.vue
@@ -1,13 +1,18 @@
 <template>
   <div class="choose-list mt50">
     <section v-if="list && list.length > 0">
-      <button v-for="(item, index) in list" :class="{ active: index === chooseIndex }" @click="changeIndex(index)" v-if="list[chooseIndex].data.length > 0">
+      <button v-for="(item, index) in list" :class="{ active: index === chooseIndex }" @click="changeIndex(index)" v-show="list[chooseIndex].data.length > 0">
         {{ item.name }}
       </button>
-      <!--          选中的列表-->
-      <div class="selection-list flex mt30" :class="{ showOpacity: chooseIndex > -1 }" v-if="list[chooseIndex].data.length > 0">
+
+      <div
+        class="selection-list flex mt30"
+        :class="{ showOpacity: chooseIndex > -1 }"
+        v-show="list[chooseIndex].data.length > 0 && index === chooseIndex"
+        v-for="(item, index) in list"
+      >
         <template v-if="chooseIndex > -1">
-          <div class="selection-item " v-for="(li, i) in list[chooseIndex].data" :key="i" style="height: auto">
+          <div class="selection-item " v-for="(li, i) in item.data" :key="i" style="height: auto">
             <img :src="li.img" alt="" />
 
             <!--            &lt;!&ndash;            用于展位&ndash;&gt;-->
@@ -32,6 +37,8 @@
           </div>
         </template>
       </div>
+
+      <!--          选中的列表-->
     </section>
   </div>
 </template>
diff --git a/src/views/life-enrichment/comp/chooseList.vue b/src/views/life-enrichment/comp/chooseList.vue
index a0206a1..cc0c7cd 100644
--- a/src/views/life-enrichment/comp/chooseList.vue
+++ b/src/views/life-enrichment/comp/chooseList.vue
@@ -5,14 +5,16 @@
         {{ item.name }}
       </button>
       <!--          选中的列表-->
+
       <div
+        v-for="(item, index) in list"
         class="selection-list flex mt30"
-        v-if="list[chooseIndex].data.length > 0"
+        v-show="item.data.length > 0 && index === chooseIndex"
         :class="{ showOpacity: chooseIndex > -1 }"
         :style="{ display: chooseIndex === 0 ? 'flex' : 'grid' }"
       >
-        <template v-if="chooseIndex > -1">
-          <div class="selection-item" v-for="(li, i) in list[chooseIndex].data" :key="i">
+        <template v-if="chooseIndex > -1 && index === chooseIndex">
+          <div class="selection-item" v-for="(li, i) in item.data" :key="i" v-show="chooseIndex === index">
             <img :src="li.image" alt="" />
             <div class="pv20" v-if="!li.showType">
               <div class="title-body flex align-items-c ">