测试图书 7.4

zhongshujie

3 天以前 1695fcd442fe2cefb6d3b63869ad8a72ebd5210a

 src/books/sportsAndHealth/view/components/index.vue

@@ -96,7 +96,7 @@
        setTimeout(() => {
          this.initSwiper()
          this.initViewer()
          this.readText()
          // this.readText()
        }, 200)
      },
    },
@@ -167,36 +167,23 @@
    }, 500)

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(5, 140)
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
      //       txt: "题一学习主题一 运动",
      //       page: "10",
      //       type: "Highlight",
      //       color: "#F5E12A"
      //     });
      // setTimeout(() => {
      //   this.delSign({
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
      //}, 5000);
    // setTimeout(() => {
    //   this.gotoPage(3, 65)
    //   }, 500);

      // const pageDom = (this.container ? this.container : document)
      //   .querySelector("#app")
      //   .querySelectorAll(".page-box");
      // 检索
      // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
      // 检索跳转
      // this.searchItemLocation({
      //   catalog: 2,
      //   page: 10,
      //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
      //   txtIndex: 57
      // });
    }, 500)
    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500)
  },
  methods: {
    swdtChange(data) {
@@ -848,30 +835,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,