使用vue-awesome-swiper的相关问题

时间:2021-08-15 12:54:48

最近自己在仿做一个旅游网站的vue项目,在首页中使用了vue-awesome-swiper插件来实现轮播图的效果,发现了以下几种问题:

一、需要额外引入swiper.css

原来使用vue-awesome-vue的2.5左右版本时,直接使用npm install vue-awesome-swiper --save,使用时引入该插件并用Vue.use()即可

注意!!!在2.6.7版本至最新版本,需要额外引入swiper.css才会生效

二、穿透属性(scss/less/stylus)

之前使用stylus时,如果修改子组件中引导标识点的样式,使用>>>就可生效

这次使用scss时,>>>不生效,查询后发现,在scss和less中,用/deep/表示穿透属性