图4-6 膳食食材介绍列表页面图
膳食食材介绍列表关键代码如下:
import config from ‘@/config/config’
export default {
data() {
return {
baseUrl: config.baseUrl,
tableData: [],
selRows:[]
}
},
用户点击食材卡片上的“查看详情”按钮后,跳转至食材的详细介绍页面。详细页面包括食材的全面介绍,包括食材的营养价值、功效、搭配建议等详细信息。详细页面应包括高清大图展示,展示该食材的真实图像,帮助用户更好地了解食材外观特点。在食材详细信息页面或底部提供相关食谱推荐,让用户了解如何在日常饮食中应用该食材。如图4-7所示。