Bladeren bron

fix: 添加关键词提示和推荐知识的条件渲染

闪电 10 maanden geleden
bovenliggende
commit
fd5f3ec7b8
1 gewijzigde bestanden met toevoegingen van 3 en 2 verwijderingen
  1. 3 2
      src/views/main/phone/index.vue

+ 3 - 2
src/views/main/phone/index.vue

164
                             </div>
164
                             </div>
165
 
165
 
166
                             <!-- 关键词提示 -->
166
                             <!-- 关键词提示 -->
167
-                            <div class="space-y-2">
167
+                            <div class="space-y-2" v-if="keywords.length > 0">
168
                                 <h4 class="font-medium text-sm text-gray-600">关键词提示</h4>
168
                                 <h4 class="font-medium text-sm text-gray-600">关键词提示</h4>
169
                                 <div class="flex flex-wrap gap-2">
169
                                 <div class="flex flex-wrap gap-2">
170
                                     <el-tag v-for="(keyword, idx) in keywords" class="relative transition-transform duration-300 ease-in-out hover:scale-105" :key="idx" :type="keyword.type"
170
                                     <el-tag v-for="(keyword, idx) in keywords" class="relative transition-transform duration-300 ease-in-out hover:scale-105" :key="idx" :type="keyword.type"
179
                                 </div>
179
                                 </div>
180
                             </div>
180
                             </div>
181
                             <!-- 推荐知识 -->
181
                             <!-- 推荐知识 -->
182
-                            <div class="mt-4 space-y-4">
182
+                            <div class="mt-4 space-y-4" v-if="recommendedKnowledge.length > 0">
183
                                 <h4 class="font-medium text-sm text-gray-600">推荐知识</h4>
183
                                 <h4 class="font-medium text-sm text-gray-600">推荐知识</h4>
184
                                 <div class="space-y-4">
184
                                 <div class="space-y-4">
185
                                     <div v-for="(item, idx) in recommendedKnowledge" :key="idx"
185
                                     <div v-for="(item, idx) in recommendedKnowledge" :key="idx"
1100
             keywords.value[index].count++;
1100
             keywords.value[index].count++;
1101
             keywords.value[index].type = types[keywords.value[index].count % types.length];
1101
             keywords.value[index].type = types[keywords.value[index].count % types.length];
1102
         } else {
1102
         } else {
1103
+            
1103
             keywords.value.push({
1104
             keywords.value.push({
1104
                 text: key,
1105
                 text: key,
1105
                 type: 'primary',
1106
                 type: 'primary',