新建分支 header区

在码云上新建分支index-swiper,cd到文件夹,输入git pull  然后输入git checkout  index-swiper,然后输入git status .

接下来的项目都在分支上开发。

打开github 索索vue-awesome-swiper 可以帮助我们很快搞轮播图

在cd目录下,下载 终端输入npm install [email protected] --save

重新启动 npm run start

在main.js里引用 

新建分支 header区

然后在components里新建一个swiper.vue

新建分支 header区

把这段代码复制到

新建分支 header区

新建分支 header区

然后在首页 Home.vue里引入Swiper 。同时定义swiper组件 以及dom部分

新建分支 header区

打开去哪网 piao.qunar.com

给每一个image添加ckass="swiper-img width:100%

如果在轮播图下添加文字会让文字在轮播图未加载好时上浮,出现抖动,如何解决呢

给轮播部分添加div 以及class="wrapper‘’

新建分支 header区

添加分页




新建分支 header区

》》》穿透限制

新建分支 header区


然后把项目推送到git

cd到文件夹,输入 git add .   在输入git commit -m 'change' 然后输入 git push

然后把这部分内容合并到master分支上 再输入 git checkout master  切换到master 分支上,然后把线上的index-swiper分支合并到本地分支上 输入 git merge origin/index-swiper