| | |
|---|
| | | export default { |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | catalogLength: 13, // 总章节数 |
|---|
| | | catalogLength: 14, // 总章节数 |
|---|
| | | showCatalogList: [], // 显示的章节 |
|---|
| | | loadThreshold: 300, // 触发加载阈值 |
|---|
| | | throttleThreshold: 100, // 节流阈值 |
|---|
| | |
|---|
| | | // ), |
|---|
| | | // clickable: true // 分页器可以点击 |
|---|
| | | // } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | // swiper-container |
|---|
| | | const pptDoms = ( |
|---|
| | | this.container ? this.container : document |
|---|
| | | ).querySelectorAll(".swiper-ppt"); |
|---|
| | | for (let i = 0; i < pptDoms.length; i++) { |
|---|
| | | debugger |
|---|
| | | const dom = pptDoms[i]; |
|---|
| | | new Swiper(dom, { |
|---|
| | | loop: false, // 无缝 |
|---|
| | | autoplay: false, |
|---|
| | | paginationClickable: true, |
|---|
| | | slidesPerView: 1, // 一组三个 |
|---|
| | | spaceBetween: 30, // 间隔 |
|---|
| | | // 如果需要前进后退按钮 |
|---|
| | | navigation: { |
|---|
| | | nextEl: (this.container ? this.container : document).querySelector( |
|---|
| | | ".swiper-button-next" |
|---|
| | | ), |
|---|
| | | prevEl: (this.container ? this.container : document).querySelector( |
|---|
| | | ".swiper-button-prev" |
|---|
| | | ) |
|---|
| | | }, |
|---|
| | | // 窗口变化,重新init,针对F11全屏和放大缩小,必须加 |
|---|
| | | observer: true, |
|---|
| | | observeParents: true |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
