From 99e4ee44637d7a3aeb19a0264ad71fb03d9be8ad Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 03 六月 2024 15:11:31 +0800 Subject: [PATCH] 资源请求 --- src/books/English/view/components/chapter001.vue | 65 +------------------------------- 1 files changed, 3 insertions(+), 62 deletions(-) diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index eadab25..b00a6d0 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/src/books/English/view/components/chapter001.vue @@ -1812,9 +1812,10 @@ </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> + <div class="pageBox"></div> </div> <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> - <div class="pageBox">{{ pageNum }} / {{ total }}</div> + </div> </div> </div> @@ -2305,32 +2306,14 @@ </template> <script> -import getResourcePath from "@/assets/methods/resources"; -import Swiper from "swiper/bundle"; -import "swiper/swiper-bundle.css"; +import {getResourcePath} from "@/assets/methods/resources"; export default { name: "chapter-one", props: { showPageList: { type: Array, }, - pageNum:{ - type:String - }, - total:{ - type:String - } }, - // watch: { - // showPageList: { - // handler(newVal, oldVal) { - // if (newVal.indexOf(14) > -1) { - // console.log("椤电爜", newVal, oldVal); - // this.setSwiper(); - // } - // }, - // }, - // }, data() { return { imgThirteen: require("../../assets/images/grammar.jpg"), @@ -2636,48 +2619,6 @@ }, saveData() { console.log(this.testData); - }, - setSwiper() { - const that = this; - const dom = document.querySelector(".swiper_ppt"); - console.log("dom", dom); - 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, - on: { - slideChange: function (value) { - console.log("ppt椤电爜", value); - let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級 - let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁� - // this.changePage(currentPage) - that.pageNum = currentPage; - this.total = totalPages; - console.log(this.pageNum, this.total); - }, - // slideChangeTran sitionStart:function (value) { - // // 姣忓綋婊戝潡鏀瑰彉鏃惰Е鍙戯紝鏇存柊褰撳墠椤靛拰鎬婚〉鏁扮殑鏄剧ず - // let currentPage = value.activeIndex + 1; // 鑾峰彇褰撳墠椤碉紙浠�1寮�濮嬭鏁帮級 - // let totalPages = value.slides.length; // 鑾峰彇鎬婚〉鏁� - // var paginationInfoEl = document.querySelector('.pagination-info'); - // paginationInfoEl.textContent = currentPage + '/' + totalPages; - // } - }, - }); }, }, }; -- Gitblit v1.9.1