Просмотр исходного кода

fix(frontend): FamilyMemberStrip fan-wrap 改 v-if 不再遮挡五维页点击; diet :key 表达式改方法调用

liaoxg 1 месяц назад
Родитель
Сommit
1b16637e9b

+ 1 - 1
cfc-frontend/components/FamilyMemberStrip.vue

@@ -18,7 +18,7 @@
     </view>
 
     <!-- 扇形展开成员 -->
-    <view class="fan-wrap" :class="{ show: fanOpen }">
+    <view v-if="fanOpen" class="fan-wrap show">
       <view class="fan-overlay" @tap="closeFan"></view>
       <view class="fan-container">
         <view

+ 4 - 1
cfc-frontend/pages/diet/index.vue

@@ -49,7 +49,7 @@
           </view>
           
           <view class="ingredient-list" v-if="ingredients.length > 0">
-            <view class="ingredient-item" v-for="(item, index) in ingredients" :key="'ing-' + index">
+            <view class="ingredient-item" v-for="(item, index) in ingredients" :key="getIngredientKey(item, index)">
               <view class="ingredient-info">
                 <text class="ingredient-name">{{ item.name }}</text>
                 <text class="ingredient-reason" v-if="item.reason">{{ item.reason }}</text>
@@ -163,6 +163,9 @@ export default {
     navTo(url) {
       uni.navigateTo({ url: url })
     },
+    getIngredientKey(item, index) {
+      return 'ing-' + (item.id || index)
+    },
     loadIngredients() {
       this.ingredientsLoading = true
       var self = this