第一篇中,我们把一个项目搭建好了,并且将代码托管到了Git上面,下面我将进行实际的开发涉及,这一篇讲的是首页的开发设计部分。首先看一下我们这一篇文章开发首页的最终效果:
是不是觉得效果还不错?那么让我们行动起来吧,我会尽可能详细的介绍每一个部分的代码!
一、首先我们将首页的代码分为五个组件来开发(组件化开发也是Vue的重要思想)
第一部分:我们开发首页的头部部分Header,主要内容如下图:
第二部分:我们开发首页的轮播图部分Swipe,主要内容如下图:
第三部分:我们开发首页的图标推荐选择Icons部分,主要内容如下图