From 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 27 十二月 2024 15:21:21 +0800
Subject: [PATCH] 轮播图优化
---
src/books/sportsAndHealth/view/components/index.vue | 70 ++++++++++++++++++----------------
1 files changed, 37 insertions(+), 33 deletions(-)
diff --git a/src/books/sportsAndHealth/view/components/index.vue b/src/books/sportsAndHealth/view/components/index.vue
index f6801d2..a08f75e 100644
--- a/src/books/sportsAndHealth/view/components/index.vue
+++ b/src/books/sportsAndHealth/view/components/index.vue
@@ -19,7 +19,7 @@
<chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix>
<chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList"></chapterSeven>
<chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight>
-
+ <chapterNine v-if="showCatalogList.indexOf(10) > -1" :showPageList="loadPageList"></chapterNine>
</div>
</div>
@@ -37,7 +37,7 @@
import chapterSix from './chapter006.vue'
import chapterSeven from './chapter007.vue'
import chapterEight from './chapter008.vue'
-
+import chapterNine from './chapter009.vue'
import NoteIcon from '@/assets/images/biji.png'
import _ from 'lodash'
@@ -50,7 +50,7 @@
export default {
data() {
return {
- catalogLength: 9, // 鎬荤珷鑺傛暟
+ catalogLength: 10, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -96,7 +96,7 @@
setTimeout(() => {
this.initSwiper()
this.initViewer()
- this.readText()
+ // this.readText()
}, 200)
},
},
@@ -167,8 +167,8 @@
}, 500)
// 娴嬭瘯椤甸潰璺宠浆
- setTimeout(() => {
- this.gotoPage(1, 1)
+ // setTimeout(() => {
+ // this.gotoPage(1, 41)
// setTimeout(() => {
// this.renderSign("Highlight", {
// id: "2ACA9359",
@@ -196,7 +196,7 @@
// txt: " 杩愬姩绯荤粺鏄敱楠ㄣ�侀杩炵粨鍜岄楠艰倢涓夐儴鍒嗙粍鎴愮殑銆傚叏韬殑楠ㄩ�氳繃楠ㄨ繛缁撶粍鎴愪汉浣撻楠硷紙瑙佸浘1-1锛夈�傞楠兼槸浜轰綋鐨勬敮鏋讹紝鍏锋湁淇濇姢鍐呰剰鍣ㄥ畼銆佷緵鑲岃倝闄勭潃鍜屼綔涓鸿倢鑲夎繍鍔ㄧ殑鏉犳潌绛変綔鐢ㄣ�傚湪绁炵粡绯荤粺鐨勬敮閰嶄笅锛岃倢鑲夋敹缂╃壍鍔ㄦ墍闄勭潃鐨勯缁曠潃鍏宠妭杞姩锛屼娇韬綋浜х敓鍚勭鍔ㄤ綔銆傛墍浠ワ紝杩愬姩绯荤粺鍏锋湁杩愬姩銆佹敮鎸佸拰淇濇姢绛夊姛鑳斤紝骞煎勾鏃舵湡鐨勯楠艰繕鍏锋湁閫犺鍔熻兘銆� ",
// txtIndex: 57
// });
- }, 500)
+ // }, 500)
},
methods: {
swdtChange(data) {
@@ -297,9 +297,11 @@
const pageDom = (
this.container ? this.container : document
).querySelector(`[page="${page}"]`)
+
if (pageDom) {
pageDom.scrollIntoView()
} else {
+
console.log('椤电爜閿欒锛�')
}
}, 500)
@@ -741,7 +743,8 @@
chapterfive,
chapterSix,
chapterSeven,
- chapterEight
+ chapterEight,
+ chapterNine
// assemblyOne,
// assemblyTwo,
}
@@ -845,30 +848,30 @@
// 璺宠浆
this.gotoPage(data.catalog, data.page, () => { })
},
- readText() {
- const doms = (
- this.container ? this.container : document
- ).querySelectorAll('.read-aloud')
- for (let index = 0; index < doms.length; index++) {
- const dom = doms[index]
- let id = null
- dom.addEventListener('click', (e) => {
- if (e.srcElement.nodeName == 'svg') {
- id = dom.getAttribute('readId')
- } else if (e.srcElement.nodeName == 'g') {
- const svgDom = e.srcElement.parentNode
- id = svgDom.getAttribute('readId')
- } else {
- const svgDom = e.srcElement.parentNode.parentNode
- id = svgDom.getAttribute('readId')
- }
- const item = (
- this.container ? this.container : document
- ).querySelector('#' + id).innerText
- console.log(item, 233)
- })
- }
- },
+ // readText() {
+ // const doms = (
+ // this.container ? this.container : document
+ // ).querySelectorAll('.read-aloud')
+ // for (let index = 0; index < doms.length; index++) {
+ // const dom = doms[index]
+ // let id = null
+ // dom.addEventListener('click', (e) => {
+ // if (e.srcElement.nodeName == 'svg') {
+ // id = dom.getAttribute('readId')
+ // } else if (e.srcElement.nodeName == 'g') {
+ // const svgDom = e.srcElement.parentNode
+ // id = svgDom.getAttribute('readId')
+ // } else {
+ // const svgDom = e.srcElement.parentNode.parentNode
+ // id = svgDom.getAttribute('readId')
+ // }
+ // const item = (
+ // this.container ? this.container : document
+ // ).querySelector('#' + id).innerText
+ // console.log(item, 233)
+ // })
+ // }
+ // },
},
components: {
pageHeader,
@@ -879,7 +882,8 @@
chapterfive,
chapterSix,
chapterSeven,
- chapterEight
+ chapterEight,
+ chapterNine
// assemblyOne,
// assemblyTwo,
// ChapterFour,
--
Gitblit v1.9.1