为什么我安装的是2.6.7版本的，和视频中的样式不一样呢？

Swiper.vue 文件代码

<template>

<div class="wrapper">

<swiper :options="swiperOption" >

    <!-- slides -->

    <swiper-slide>

     <img  class="swiper-img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdingyue.nosdn.127.net%2FqDIpBg2LQr2btllI4WgHpHEDv4Fglf7vteVxVgu8Gf4x41532333908548.jpg&refer=http%3A%2F%2Fdingyue.nosdn.127.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619701871&t=4ec98914e58dd55879cf8f1be534aeba" alt="">

    </swiper-slide>

    <swiper-slide>

     <img class="swiper-img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdingyue.nosdn.127.net%2FqDIpBg2LQr2btllI4WgHpHEDv4Fglf7vteVxVgu8Gf4x41532333908548.jpg&refer=http%3A%2F%2Fdingyue.nosdn.127.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619701871&t=4ec98914e58dd55879cf8f1be534aeba" alt="">

    </swiper-slide>

    <!-- Optional controls -->

    <div class="swiper-pagination"  slot="pagination"></div>

  </swiper>

  </div>

</template>

<script >

export default({

name:'HomeSwiper',

data(){

return {

swiperOption:{

pageination:'.swiper-pagination'

}

}

}

})

</script>

<style  scoped>·

·

width:100%

height:0

padding-bottom:31.25%

overflow:hidden

background:#eee

.swiper-img

width:100%

​

</style>

问题描述：

为什么我安装的是2.6.7版本的，和视频中的样式不一样呢？小蓝点都不显示，而且导入swiper文件是自己修改的路径‘import 'swiper/swiper.min.css'’