小程序实现淘票票选场次轮播功能

一、效果图预览，非gif

 

 

 

二、通过swiper 实现头部海报轮播

 

三、使用 scroll-view 实现 日期切换

    
      

        {{timeFom.formatTime(tabItem.day)}}
      
    
  

四、底部场次选择渲染

    
      
        
          
            {{timeFom.formatDay(movie.show_time)}}
            {{timeFom.formatDay(movie.close_time)}}散场
          
          
            {{movie.show_version}}
            {{movie.cinema_name}}
          
        

        
          
            {{timeFom.moneyTwo(movie.price)?timeFom.moneyTwo(movie.price):'00.00'}}元
          
        
        购票
      
    
  

五、源码附上 git 地址：https://github.com/TaTapark/cinema-select-xcx.git

六、如有帮助、敬请点赞