新建分支 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里引用
然后在components里新建一个swiper.vue
把这段代码复制到
然后在首页 Home.vue里引入Swiper 。同时定义swiper组件 以及dom部分
打开去哪网 piao.qunar.com
给每一个image添加ckass="swiper-img width:100%
如果在轮播图下添加文字会让文字在轮播图未加载好时上浮,出现抖动,如何解决呢
给轮播部分添加div 以及class="wrapper‘’
添加分页
》》》穿透限制
然后把项目推送到git
cd到文件夹,输入 git add . 在输入git commit -m 'change' 然后输入 git push
然后把这部分内容合并到master分支上 再输入 git checkout master 切换到master 分支上,然后把线上的index-swiper分支合并到本地分支上 输入 git merge origin/index-swiper