Git Product home page Git Product logo

vue-taopp's Introduction

vue-taopp 淘票票

一个基于vue2.0的项目

简述

此项目做的很简单,对数据的操作,筛选。对一些模块的应用,使用方法的了解。对页面的排版布局,flex布局与stylus语法的应用。可以简述为数据的展示项目,特别适用于刚刚上手vue的童鞋们,有些地方写的繁琐,杂乱,勿怪呦...

相关技术

vue-cli命令、webpack构建、vue-responce、vue-swipe、vue-router、vue-lazyload、better-scroll、vue-video样式使用stylus与flex语法编写、数据格式使用json存储

关于数据

在淘票票客户端上截取下来的,并存为json格式,所以项目之间有些页面之间是不关联的,请见谅

数据展示

首次请求json数据,二次加载的数据为js缓存,刷新后更新缓存

项目运行

      git clone https://github.com/515184405/vue-taopp

      cd vue-taopp(项目根目录)

      npm install(安装相关依赖)

      npm run dev (运行项目)

说明

如果对您有帮助,您可以点右上角Star支持一下 谢谢
因为本人对于vue来说也是个新手,如果不好,勿喷

效果演示

点击查看演示

移动端扫二维码

扫一扫

相关功能

电影

   > 广告的轮播功能       
   > 电影列表的展示功能    
   > 图片的懒加载功能     
   > 新人专享特惠(展示)  
   > 影片的即将上映列表 
   > 视频播放功能 

影院

   > 影院列表             
   > 影院条件筛选         
   > 影院名称收缩         
   > 影院日期切换筛选     
   > 影院详情            
   > 影片切换          
   > 联名卡展示         

个人中心

   > 登录功能         
   > 个人中心列表      
   > 我的电影券        
   > 影券信息与删除    
   > 影券二维码制作    
   > 优惠券列表      

购买模块

   > 影院座位模块
   > 修改个人手机号内容
   > 买票确认信息页面
   > 买票超时提醒(15分钟后提示超时)

加载模块

   > 数据加载时出现loader界面

城市筛选

   > 定位功能  (自动选择城市【数据未联动】)
   > 城市可筛选(手动选择【数据未联动】)

     

实例演示

影片             影院

个人中心             登录后

选择城市

vue-taopp's People

Contributors

515184405 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.