L.star
a26d9cc069
- **重构视图与组件**: 全面重构搜索结果页，引入 SearchResultView-搜索结果页3.0.vue，并按分类（如菜谱、文章、食品添加剂等）拆分和优化了展示组件。 - **优化目录结构**: 将相关组件迁移至 components/SearchResult-搜索结果/ 目录，并采用更清晰的中文命名。 - **更新路由**: 将 /search-result 路由指向新的 v3.0 视图。 - **新增文档**: 添加了 3.5-工作日志-搜索结果页重构-v3.0.md，详细记录了本次重构的内容。
34 lines
583 B
Vue
34 lines
583 B
Vue
<template>
|
|
<div class="list-container">
|
|
<RecipeCardV2
|
|
v-for="item in items"
|
|
:key="item.id"
|
|
:item="item"
|
|
@click="onItemClick(item)"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import RecipeCardV2 from './RecipeCard-菜谱卡片-v2.vue';
|
|
|
|
const props = defineProps({
|
|
items: {
|
|
type: Array as () => any[],
|
|
required: true,
|
|
default: () => []
|
|
}
|
|
});
|
|
|
|
const emit = defineEmits(['item-click']);
|
|
|
|
const onItemClick = (item: any) => {
|
|
emit('item-click', item);
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.list-container {
|
|
padding: 0 20px;
|
|
}
|
|
</style> |