转载

微信小程序项目实例——今日美食

一、项目展示
今日美食是为用户提供各种美食的制作方法,详细介绍了配料和制作流程
file

二、首页
首页采用垂直布局,由搜索栏、轮播图、宫格三大组件组成
点击搜索栏将跳转到搜索界面,同时展示历史搜索内容

核心代码如下:




搜索从这里开始



















今日推荐




{{item.text}}





三、收藏
个人收藏界面是对用户的收藏内容进行列表展示
展现形式和首页的宫格展现形式类似
点击后将展示美食的主要内容:
file

核心代码如下:



收藏









{{detail.title}}





{{detail.foodText}}



烹饪难度:{{detail.foodGrade}}
烹饪时间:{{detail.foodTime}}



——食材清单——


{{item.name}}
{{item.count}}g





——做法步骤——


{{index+1}}{{item}}





——图片分享——


{{index+1}}






——烹饪小窍门——

{{detail.tipContent}}


————————————————
版权声明:本文为CSDN博主「失散多年的哥哥」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ws15168689087/article/details/123192265

正文到此结束
该篇文章的评论功能已关闭
本文目录