微信小程序实现美食展示与收藏功能

目录

• 一、项目展示
• 二、首页
• 三、收藏

一、项目展示

今日美食是为用户提供各种美食的制作方法，详细介绍了配料和制作流程

二、首页

首页采用垂直布局，由搜索栏、轮播图、宫格三大组件组成

点击搜索栏将跳转到搜索界面，同时展示历史搜索内容

核心代码如下：

  
   
    搜索从这里开始
    
    
  
  
  
    
      
        
            
                
           
        
        
      
    
  
  
  
    
      今日推荐
    
    
       
            
            {{item.text}}
        
    
   
  
  
  
  

三、收藏

个人收藏界面是对用户的收藏内容进行列表展示

展现形式和首页的宫格展现形式类似

点击后将展示美食的主要内容：

核心代码如下：

    点赞
    收藏




  
    
  



    
  {{detail.title}}
  
  
  
    
        
        {{detail.author}}
    
    
        
        {{detail.like}}
    
    
        
        {{detail.save}}
    
  
  
  
    {{detail.foodText}}
  
  
  
    烹饪难度：{{detail.foodGrade}}
    烹饪时间：{{detail.foodTime}}
  
  
  
    ——食材清单——
    
      
        {{item.name}}
        {{item.count}}g
      
    
  
  
  
    ——做法步骤——
     
      
        {{index+1}}{{item}}
      
     
  
  
  
     ——图片分享——
     
      
        {{index+1}}
        
      
    
  
  
  
    ——烹饪小窍门——
    
        {{detail.tipContent}}
    
  

到此这篇关于微信小程序实现美食展示与收藏功能的文章就介绍到这了,更多相关小程序美食展示收藏内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！