| | |
|---|
| | | setTimeout(() => { |
|---|
| | | this.initSwiper() |
|---|
| | | this.initViewer() |
|---|
| | | this.readText() |
|---|
| | | // this.readText() |
|---|
| | | }, 200) |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | |
|---|
| | | }, 500) |
|---|
| | | |
|---|
| | | // 测试页面跳转 |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.gotoPage(5, 140) |
|---|
| | | setTimeout(() => { |
|---|
| | | this.gotoPage(10, 268) |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.renderSign("Highlight", { |
|---|
| | | // id: "2ACA9359", |
|---|
| | |
|---|
| | | // txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ", |
|---|
| | | // txtIndex: 57 |
|---|
| | | // }); |
|---|
| | | // }, 500) |
|---|
| | | }, 500) |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | swdtChange(data) { |
|---|
| | |
|---|
| | | // 跳转 |
|---|
| | | 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, |
|---|
