新建分支 header区

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

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

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

在cd目录下,下载 终端输入npm install vue-awesome-swiper@2.6.7 --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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值