vue 模拟去哪网

模拟项目中遇到的问题,总结如下:

1.争对轮播图 使用vue-awesome-swiper

npm install vue-awesome-swiper@2.6.7 --save //因为此版本稳定

// 轮播插件引用
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
2.争对滚动效果 使用better-scroll
//下方的下载 引入是针对文档1
npm install better-scroll --save
//引入
import BScroll from 'better-scroll'
此插件需要使用一个容器包裹着需要滚动的内容
在该容器上可以通过 ref="名称"
ex:
ref="wrapper"
mounted () {
  this.scroll = new BScroll(this.$refs.wrapper, {click: true})
}
待续…
posted @ 2019-07-23 14:06  lyt598  阅读(167)  评论(0编辑  收藏  举报