VUE学习:撸一只BILIBILI的ios客户端端

前言

笔者最近接触 vue,在翻遍手机寻找练手项目时,相中了一款信仰级别的app:bilibili。
在制作时遇到了很多困难,一个一个坑自己慢慢填,想找个方法把一个前端小白到完成这个任务的过程记录下来,故写此文作为保存,本项目持续更新中,望大佬们提出建议。小弟感激不尽。

0.1版本

界面:完成 首页几个主要模块的制作,包括Home页的三个板块,以及分区动态的tab切换,界面由假数据驱动,在后期会接入真实的数据(主要还不太会获取这东西嘻嘻嘻~),如果有大佬能够提出意见,感激不尽。

功能:基础的tab切换,banner轮播。轮播是通过mint-ui 自带的swiper组件实现的。

目前进度截图:

VUE学习:撸一只BILIBILI的ios客户端端_第1张图片
01.png
VUE学习:撸一只BILIBILI的ios客户端端_第2张图片
02.png

![


VUE学习:撸一只BILIBILI的ios客户端端_第3张图片
04.png
VUE学习:撸一只BILIBILI的ios客户端端_第4张图片
05.png

VUE学习:撸一只BILIBILI的ios客户端端_第5张图片
06.png

]( http://upload-images.jianshu.io/upload_images/6000634-baa67d7924462647.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

VUE学习:撸一只BILIBILI的ios客户端端_第6张图片
07.png

最后

尽快更新,为了艾泽拉斯
0.1版本。

你可能感兴趣的:(VUE学习:撸一只BILIBILI的ios客户端端)