| | |
|---|
| | | setTimeout(() => { |
|---|
| | | this.initSwiper() |
|---|
| | | this.initViewer() |
|---|
| | | this.readText() |
|---|
| | | // this.readText() |
|---|
| | | }, 200) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | |
|---|
| | | // 跳转 |
|---|
| | | 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, |
|---|
