前言

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

0.1版本

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

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

目前进度截图：

01.png 02.png

![

04.png 05.png 06.png
](https://img.haomeiwen.com/i6000634/baa67d7924462647.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 07.png

最后

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