html
<KSwiper
:indicator-dots="indicatorDots"
:circular="circularFlag"
:autoplay="autoplay"
:duration="duration"
:interval="interval"
>
<KSwiperItem v-for="(item, index) in background" :key="index">
<KView :class="'swiper-item ' + item" />
</KSwiperItem>
</KSwiper>
css
.swiper-item {
height: 200px;
width: 100%;
}
.three {
background: green;
}
.two {
background: yellow;
}
.one {
background: red;
}
js
background: ['one', 'two', 'three'],
我是根据官网的例子来写的,最后出来的效果是这样的。不懂这个东西具体怎么用?可以写个比较全一点的案例吗?谢谢
效果图如下:
我觉得是KSwiper没有设置高度,结果我设置了高度,还是一样的效果。请指点一下,谢谢
在一楼答复者的评论之后呢,基本上已经可以解决问题了,但是后面还发生了一些问题,记录一下给大家:
引入以后,我执行了
npm install kbone-ui
此时发现很多错误,执行了一下
发现又是一堆错误,不过还好,有报错信息,告诉我找不到mp-webpack-plugin,那么就安装一下:
npm install mp-webpack-plugin --save-dev
此时应该没什么问题了,虽然我还有一点问题,不过是因为我自己的工程问题
猜:你没有引入CSS