微信小程序开发之实现心情记事本

一、项目展示

心情记事本是一款可以记录当前心情和生活的记事本

用户可以选择当前的心情(开心、平淡、伤心)和表情

并结合自己想要描述的文字

就可以记录当前的心情了

为了更好的展现用户的心情

项目罗列了大量的精美表情

缩略图如下:

微信小程序开发之实现心情记事本_第1张图片

项目的展示图如下:

微信小程序开发之实现心情记事本_第2张图片

二、首页

首页主要由日历组件和自制的记录组件结合而成

微信小程序开发之实现心情记事本_第3张图片

主要代码如下:


    
          
        
             {{now_date}} 
        
          
    
    
        
    
    
        
            
            
            
            
            
            
            
        
        
            
                
                    {{item.date}}
                    
                        
                    
                
            

        
    

    
        
            
                
                    {{ item.value['date']}}
                    {{ item.value['week']}}
                
                
                
                    
                
                
                {{ item.value['text'] }}
                
            
        


    




    
        
        
        
            
                
                    伤心的表情
                    开心的表情
                    平淡的表情