评论：swiper横向轮播  [查看原文]

亻壬0
2020/8/28 14:20:13
不是能自由切换吗

ROME0
2019/12/9 13:31:05
签到3天以后，每天签到可以获得1币~

那只是过去...0
2019/12/20 9:49:02
自己签到就可以得呀

那只是过去...0
2019/12/20 9:49:40
你用的时候没有遇到滑动方向是相反的吗？

不二姑娘??0
2021/3/16 10:18:00
请问你的解决了吗？怎么解决的？

vue.esm.js?efeb:628 [Vue warn]: Error in mounted hook: "ReferenceError: Swiper is not defined"
found in
---> <HelloWorld> at src/components/HelloWorld.vue
       <App> at src/App.vue
         <Root>
warn @ vue.esm.js?efeb:628
logError @ vue.esm.js?efeb:1893
globalHandleError @ vue.esm.js?efeb:1888
handleError @ vue.esm.js?efeb:1848
invokeWithErrorHandling @ vue.esm.js?efeb:1871
callHook @ vue.esm.js?efeb:4222
 @ vue.esm.js?efeb:3148
invokeHook @ vue.esm.js?efeb:6351
patch @ vue.esm.js?efeb:6570
Vue._update @ vue.esm.js?efeb:3951
updateComponent @ vue.esm.js?efeb:4069
get @ vue.esm.js?efeb:4482
run @ vue.esm.js?efeb:4557
flushSchedulerQueue @ vue.esm.js?efeb:4313
eval @ vue.esm.js?efeb:1989
flushCallbacks @ vue.esm.js?efeb:1915
Promise.then (async)
timerFunc @ vue.esm.js?efeb:1942
nextTick @ vue.esm.js?efeb:1999
queueWatcher @ vue.esm.js?efeb:4405
update @ vue.esm.js?efeb:4547
Vue.$forceUpdate @ vue.esm.js?efeb:3972
eval @ index.js?737e:244
eval @ index.js?737e:242
eval @ index.js?737e:119
eval @ HelloWorld.vue?5a7b:39
eval @ HelloWorld.vue?5a7b:44
./src/components/HelloWorld.vue @ app.js:1089
__webpack_require__ @ app.js:679
hotApply @ app.js:608
(anonymous) @ app.js:290
Promise.then (async)
hotUpdateDownloaded @ app.js:289
hotAddUpdateChunk @ app.js:266
webpackHotUpdateCallback @ app.js:8
(anonymous) @ 0.8bb9befe456cbe09e395.hot-update.js:1
vue.esm.js?efeb:1897 ReferenceError: Swiper is not defined
    at VueComponent.mounted (HelloWorld.vue?18db:30)
    at invokeWithErrorHandling (vue.esm.js?efeb:1863)
    at callHook (vue.esm.js?efeb:4222)
    at Object. (vue.esm.js?efeb:3148)
    at invokeHook (vue.esm.js?efeb:6351)
    at VueComponent.patch [as __patch__] (vue.esm.js?efeb:6570)
    at VueComponent.Vue._update (vue.esm.js?efeb:3951)
    at VueComponent.updateComponent (vue.esm.js?efeb:4069)
    at Watcher.get (vue.esm.js?efeb:4482)
    at Watcher.run (vue.esm.js?efeb:4557)

 我在vue里面使用的时候报这种错是怎么回事？   引入也没有问题

西瓜1
2019/9/18 10:45:55

那就是swiper的基本用法了

var certifySwiper = new Swiper('#certify .swiper-container', {
    slidesPerView: 3,
    spaceBetween: 30,
    pagination: {
        el: '.swiper-pagination',
       clickable: true,
    },
})

L0
2019/9/16 9:38:52
把html改一下就可以了

烟花易冷1
2019/12/16 10:32:52
参数设置direction:'vertical',

西瓜1
2019/8/13 18:46:31

修改两个地方，可以显示7张轮播图
第一个位置


modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;

改


modify = (Math.abs(slideProgress) - 1) * 0.1 + 1;

第二个位置


translate = slideProgress * modify * 260 + 'px';

改


translate = slideProgress * modify * 300 + 'px';

bingheyiomiao0
2019/8/16 14:33:13
挺不错的插件

?ㄣshuang?ㄣ0
2019/9/5 15:24:06
不能无限显示吗？

Jackgor＿ＨＪ0
2020/11/17 17:14:24
怎么实现