vue蘑菇街购物网站

项目采用spa模式,总共有4个大的页面组件,首页,目录,购物车,个人中心,通过vue-router跳转

vue蘑菇街购物网站

底部导航条组件tabbar

vue蘑菇街购物网站

 vue蘑菇街购物网站

 tabbar中的路由跳转

vue蘑菇街购物网站

 

 顶部导航条navbar

vue蘑菇街购物网站

 vue蘑菇街购物网站

 

 网络请求

把每个页面需要的请求都封装在一个单独的文件当中        

vue蘑菇街购物网站

 将请求来得数据分好组存储起来

vue蘑菇街购物网站

 

 轮播图组件

vue蘑菇街购物网站vue蘑菇街购物网站

 

推荐RecommendView

 vue蘑菇街购物网站

 这里只有固定的链接

vue蘑菇街购物网站

 

 本周流行FeatureView

 这个就是一张图片

vue蘑菇街购物网站

 vue蘑菇街购物网站

 

 TabControl控制栏

vue蘑菇街购物网站

vue蘑菇街购物网站

 

商品展示组件 GoodsList

 vue蘑菇街购物网站

vue蘑菇街购物网站

 

 better-scroll替代原生滚动

(11条消息) Better-scroll的具体使用过程_王源偷我华子-CSDN博客

 backtop回到顶部按钮配合better-scroll使用

vue蘑菇街购物网站

 vue蘑菇街购物网站

 

防抖函数 

vue蘑菇街购物网站

 

商品详情页面 

vue蘑菇街购物网站vue蘑菇街购物网站

 底部工具栏

vue蘑菇街购物网站

 vue蘑菇街购物网站

 

fastclick用法 

 npm install fastclick --save

vue蘑菇街购物网站

 

上一篇:Android 文字过多时,可滑动


下一篇:to be better成为更好的自己