图书优化

闫增涛

2024-06-17 91cc846ad7f1d9c417260837b54fcd4bb0a0d94f

图书优化

 .env.product

@@ -1,6 +1,6 @@
VUE_APP_ENV = 'product'
VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/mathBook'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/childHealth'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook"
VUE_APP_BOOK_ID = 'mathBook'
VUE_APP_BOOK_ID = 'childHealth'

 src/App.vue

@@ -65,7 +65,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
          (process.env.VUE_APP_ENV == "product"
            ? process.env.VUE_APP_BOOK_ID
            : "artAndDance")
            : "childHealth")
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;

 src/books/artAndDance/assets/main.less

@@ -449,6 +449,9 @@
    .pg-mh {
      min-height: 815px;
    }
    .share-img-box {
      min-height: 460px;
    }
  }
}
@media (min-width: 660px) {
@@ -462,6 +465,9 @@
    .video-box {
      max-width: 370px;
    }
    .share-img-box {
      min-height: 650px;
    }
    .audio-box {
      margin-top: 20px;
      flex-wrap: nowrap;

 src/books/artAndDance/view/components/chapter002.vue

@@ -17,14 +17,18 @@
          <p class="center">
            <img class="img-b" alt="" src="../../assets/images/04-2.gif" />
          </p>
          <ul class="fl al-cn ju-bt img-state " style="margin-top: 100px;">
          <!-- <ul class="fl al-cn ju-bt img-state " style="margin-top: 100px;">
            <li style="width: 45%;">
              <img src="../../assets/images/05.gif" alt="" class="w100" :style="{opacity:(10 - num) / 10}">
              <img src="../../assets/images/05.gif" alt="" class="w100" :style="{opacity:num / 10}">
            </li>
            <li style="width: 35%;">
              <img src="../../assets/images/girl.png" alt="" class="w100" :style="{opacity: num / 10}">
              <img src="../../assets/images/girl.png" alt="" class="w100" :style="{opacity: (-num) / 10}">
            </li>
          </ul>
          </ul> -->
          <p class="center">
            <img :src="num >= 0 ? shape : girl" alt=""  :style="{opacity:num >= 0 ? num / 10 : (-num) / 10 , width:num >= 0 ? '80%' : '34%'}">
          </p>
          
          <p class="img">“羊角式”舞姿</p>
        </div>
        <ul class="pb-box">
@@ -191,7 +195,8 @@
      cutTimer:null,
      auidoPathOne:"",
      auidoPathTwo:"",

      shape:require("../../assets/images/05.gif"),
      girl:require("../../assets/images/girl.png")
    };
  },
  methods: {
@@ -212,7 +217,7 @@
    },
    cutNum() {
      this.cutTimer =  setInterval(() => {
        if(this.num > 0) {
        if(this.num > -10) {
          this.num --
        } else {
          clearInterval(this.cutTimer)

 src/books/artAndDance/view/components/chapter005.vue

@@ -18,25 +18,11 @@
          alt=""
          class="w100 mb-40"
        />
        <div class="padding-96">
          <ul class="fl fl-cl al-cn img-state" style="margin-top: 100px">
            <li style="width: 45%">
              <img
                src="../../assets/images/crane.png"
                alt=""
                class="w100"
                :style="{ opacity: (10 - num) / 10 }"
              />
            </li>
            <li style="width: 35%">
              <img
                src="../../assets/images/rise.png"
                alt=""
                class="w100"
                :style="{ opacity: num / 10 }"
              />
            </li>
          </ul>
        <div class="padding-96 fl ju-cn al-cn fl-cl">
          <p class="center share-img-box">
            <img :src="num >= 0 ? crane : rise" alt=""  :style="{opacity:num >= 0 ? num / 10 : (-num) / 10 , width:num >= 0 ? '80%' : '70%'}">

          </p>
          <p class="img">“西塞山前白鹭飞”动作</p>
        </div>
        <ul class="pb-box">
@@ -189,6 +175,8 @@
      auidoPathOne: "",
      auidoPathTwo: "",
      num: 0,
      crane:require("../../assets/images/crane.png"),
      rise:require("../../assets/images/rise.png")
    };
  },
  unmounted() {
@@ -214,22 +202,22 @@
    addNum() {
      this.addTimer = setInterval(() => {
        if (this.num < 10) {
          this.num++;
          this.num ++
        } else {
          clearInterval(this.addTimer);
          this.cutNum();
          clearInterval(this.addTimer)
          this.cutNum()
        }
      }, 200);
      },200)
    },
    cutNum() {
      this.cutTimer = setInterval(() => {
        if (this.num > 0) {
          this.num--;
        if(this.num > -10) {
          this.num --
        } else {
          clearInterval(this.cutTimer);
          this.addNum();
          clearInterval(this.cutTimer)
          this.addNum()
        }
      }, 200);
      },200)
    },
    audioPlay(e) {
      this.$emit('closeAudio',e.srcElement.currentSrc)

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

@@ -670,8 +670,8 @@
            )
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true
          // observer: true,
          // observeParents: true
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(

 src/books/childHealth/view/content/components/chapter0004.vue

@@ -329,7 +329,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童体重的测量</p>
            </div>
@@ -382,7 +383,8 @@
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video-border"
                  class="w100 video-border video"
                  @play="videoPlay"
                ></video>
                <p class="img">视频：学前儿童身高的测量</p>
              </div>
@@ -421,7 +423,8 @@
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="w100 video-border"
                  class="w100 video-border video"
                  @play="videoPlay"
                ></video>
                <p class="img">视频：学前儿童头围的测量</p>
              </div>
@@ -469,7 +472,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童胸围的测量</p>
            </div>
@@ -752,7 +756,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童的健康检查</p>
            </div>
@@ -1250,7 +1255,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童绘人测试</p>
            </div>
@@ -1595,6 +1601,9 @@
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};

 src/books/childHealth/view/content/components/chapter001.vue

@@ -322,7 +322,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
            </span>
            <span class="span-border"></span>
@@ -415,7 +416,8 @@
                    x5-playsinline=""
                    controls
                    controlslist="nodownload"
                    class="video-box video-border"
                    class="video-box video-border video"
                    @play="videoPlay"
                  ></video>
                  <p class="img">视频：骨骼</p>
                  <h5 id="e001">1.骨生长迅速</h5>
@@ -1025,7 +1027,8 @@
                controls
                controlslist="nodownload"
                style="margin-top: 20px"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童呼吸道的防御特点与保健</p>
            </div>
@@ -1485,7 +1488,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童心、血管的特点及保健</p>
            </div>
@@ -1965,7 +1969,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童牙齿的生理特点及保健</p>
            </div>
@@ -3040,7 +3045,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童内分泌系统的生理特点与保健</p>
            </div>
@@ -3440,7 +3446,8 @@
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="video-border w100"
                  class="video-border w100 video"
                  @play="videoPlay"
                ></video>
              </p>
              <p class="img">视频：学前儿童大脑的生理特点及保健</p>
@@ -3962,7 +3969,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童眼的生理特点与保健</p>
            </div>
@@ -4066,7 +4074,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童耳的特点及保健</p>
            </div>
@@ -4272,7 +4281,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童皮肤的特点与保健</p>
            </div>
@@ -4973,6 +4983,9 @@
        JSON.stringify(this.chapterOneData)
      );
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter002.vue

@@ -302,7 +302,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童各阶段的特点和保健要点</p>
            </div>
@@ -636,7 +637,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：生长发育的“铁”规律</p>
            </div>
@@ -1029,7 +1031,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
            </div>
          </div>
@@ -1505,6 +1508,9 @@
        JSON.stringify(this.chapterTwoData)
      );
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter003.vue

@@ -546,7 +546,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：影响学前儿童心理发展的因素</p>
            </div>
@@ -1074,7 +1075,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：过度依赖</p>
            </div>
@@ -1194,7 +1196,8 @@
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="video-border w100"
                  class="video-border w100 video"
                  @play="videoPlay"
                ></video>
              </p>
              <p class="img">视频：自慰</p>
@@ -1559,7 +1562,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：言语及语言发育障碍</p>
            </div>
@@ -1605,7 +1609,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：怎样发现孩子发育迟缓</p>
            </div>
@@ -1718,7 +1723,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童多动症</p>
            </div>
@@ -2161,6 +2167,9 @@
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};

 src/books/childHealth/view/content/components/chapter005.vue

@@ -443,7 +443,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：营养素</p>
            </div>
@@ -1598,7 +1599,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：乳儿辅助食品的添加</p>
            </div>
@@ -1905,7 +1907,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                style="width: 100%"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童膳食的配制原则</p>
            </div>
@@ -2102,7 +2105,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                style="width: 100%"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：儿童饮食习惯的培养</p>
            </div>
@@ -2928,6 +2932,9 @@
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};

 src/books/childHealth/view/content/components/chapter006.vue

@@ -839,7 +839,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：新生儿特点与保健</p>
            </div>
@@ -1145,7 +1146,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：重视新生儿疾病筛查</p>
            </div>
@@ -1226,7 +1228,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：早产儿的特点与保健</p>
            </div>
@@ -2309,7 +2312,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿期的特点与保健</p>
            </div>
@@ -2960,6 +2964,9 @@
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};

 src/books/childHealth/view/content/components/chapter007.vue

@@ -238,7 +238,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：疾病基础</p>
            </div>
@@ -638,7 +639,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：遗传病、出生缺陷与优生</p>
            </div>
@@ -1388,7 +1390,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——肥胖症</p>
            </div>
@@ -1512,7 +1515,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频七：学前儿童常见疾病——维生素D缺乏性佝偻病</p>
            </div>
@@ -1618,7 +1622,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——缺铁性贫血</p>
            </div>
@@ -1685,7 +1690,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——上呼吸道感染</p>
            </div>
@@ -1833,7 +1839,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——龋齿</p>
            </div>
@@ -1913,7 +1920,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——中耳炎</p>
            </div>
@@ -1959,7 +1967,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见疾病——弱视</p>
            </div>
@@ -2307,7 +2316,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病基础知识——特性与三个环节</p>
            </div>
@@ -2526,7 +2536,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病及其预防——疫苗</p>
            </div>
@@ -3160,7 +3171,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病及其预防——狂犬病</p>
            </div>
@@ -3283,7 +3295,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：学前儿童常见寄生虫病——蛲虫病</p>
            </div>
@@ -3838,6 +3851,9 @@
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};

 src/books/childHealth/view/content/components/chapter008.vue

@@ -333,7 +333,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：体温测量</p>
            </div>
@@ -386,7 +387,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：物理降温</p>
            </div>
@@ -472,7 +474,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">
                视频：学前儿童常用的护理与急救技术——儿童科学用药指南
@@ -592,7 +595,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：止鼻血</p>
            </div>
@@ -1010,7 +1014,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                style="width: 100%"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：异物的处理</p>
            </div>
@@ -1051,7 +1056,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：鱼刺卡喉的处理</p>
            </div>
@@ -1214,7 +1220,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：惊厥、晕厥、休克的处理</p>
            </div>
@@ -1380,7 +1387,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：骨折与脱位</p>
            </div>
@@ -1466,7 +1474,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：心肺复苏</p>
            </div>
@@ -1926,7 +1935,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿园安全教育</p>
            </div>
@@ -2586,6 +2596,9 @@
      this.$data.pathNine = await getResourcePath("bf45a94562ab237da0ef65ba33631022");
      this.$data.pathTen = await getResourcePath("f7b5594f23b2ded96e15b99c296be54d");
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter009.vue

@@ -305,7 +305,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：动力定型及其形成</p>
            </div>
@@ -593,7 +594,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                style="width: 100%"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：七步洗手法</p>
            </div>
@@ -993,7 +995,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：晨间检查</p>
            </div>
@@ -1054,7 +1057,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：预防接种</p>
            </div>
@@ -1267,7 +1271,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                style="width: 100%"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病基础知识——隔离</p>
            </div>
@@ -1322,7 +1327,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：传染病基础知识——消毒</p>
            </div>
@@ -1456,7 +1462,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：环境卫生制度与卫生保健登记、统计制度</p>
            </div>
@@ -1893,6 +1900,9 @@
        "960e9aa17b48e900b08cde6e44b774f3"
      );
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};
</script>

 src/books/childHealth/view/content/components/chapter010.vue

@@ -423,7 +423,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿园各室配置的卫生要求</p>
            </div>
@@ -1090,7 +1091,8 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
                @play="videoPlay"
              ></video>
              <p class="img">视频：幼儿园文具和教玩具卫生</p>
            </div>
@@ -1490,6 +1492,9 @@
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
    videoPlay(e) {
      this.$emit('closeVideo',e.srcElement.currentSrc)
    }
  },
};

 src/books/childHealth/view/content/index.vue

@@ -21,51 +21,61 @@
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterOne>
      <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterTwo>
      <chapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterThree>
      <chapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterFour>
      <chapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterFive>
      <chapterSix
        v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterSix>
      <chapterSeven
        v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterSeven>
      <chapterEight
        v-if="showCatalogList.indexOf(9) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterEight>
      <chapterNine
        v-if="showCatalogList.indexOf(10) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterNine>
      <chapterTen
        v-if="showCatalogList.indexOf(11) > -1"
        :showPageList="loadPageList"
        :questionData="questionDataMap"
        @closeVideo="closeVideo"
      ></chapterTen>
      <chapterEleven
        v-if="showCatalogList.indexOf(12) > -1"
@@ -242,7 +252,7 @@
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    //   }, 5000);
      // }, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
@@ -896,6 +906,20 @@
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
    closeVideo(path) {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".video");
      allVideo = Array.from(allVideo);
      if(allVideo.length) {
        for (let index = 0; index < allVideo.length; index++) {
          const item = allVideo[index];
          if(item.currentSrc != path) {
            item.pause()
          }
        }
      }
    }
  },
  components: {

 src/books/mathBook/view/components/chapter001.vue

@@ -536,7 +536,7 @@
                />
              </p>
            </div>
            <p class="block">
            <p class="block tl">
              如果<i>f</i>（<i>x</i>），<i>g</i>（<i>x</i>）都是定义域为<i>D</i>的偶函数，那么<i>f</i>（<i>x</i>）+<i>g</i>（<i>x</i>）和<i>f</i>（<i>x</i>）<i>g</i>（<i>x</i>）仍是偶函数吗？
              <textarea
                cols="30"
@@ -565,6 +565,7 @@
          <div class="bj">
            <examinations
              :cardList="questionData"
              inputBc="#d3edfa"
              v-if="questionData"
              :isReal="false"
            ></examinations>
@@ -588,16 +589,46 @@
    </el-dialog>
    <!-- 解题思路弹窗 -->
    <el-dialog
      title="解题思路"
      :visible.sync="thinkingDialog"
      width="40%"
      :append-to-body="true"
      :show-close="false"
    >
      <div slot="title" style="padding: 0; text-align: center; color: #333;display:flex;justify-content: center;">
        <span style=""> 解题思路 </span>
        <svg
          style="position: absolute; right:10px;cursor: pointer;"
          @click="thinkingDialog = false"
          t="1718596022986"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4252"
          width="20"
          height="20"
          xmlns:xlink="http://www.w3.org/1999/xlink"
        >
          <path
            d="M176.661601 817.172881C168.472798 825.644055 168.701706 839.149636 177.172881 847.338438 185.644056 855.527241 199.149636 855.298332 207.338438 846.827157L826.005105 206.827157C834.193907 198.355983 833.964998 184.850403 825.493824 176.661601 817.02265 168.472798 803.517069 168.701706 795.328267 177.172881L176.661601 817.172881Z"
            fill="#979797"
            p-id="4253"
          ></path>
          <path
            d="M795.328267 846.827157C803.517069 855.298332 817.02265 855.527241 825.493824 847.338438 833.964998 839.149636 834.193907 825.644055 826.005105 817.172881L207.338438 177.172881C199.149636 168.701706 185.644056 168.472798 177.172881 176.661601 168.701706 184.850403 168.472798 198.355983 176.661601 206.827157L795.328267 846.827157Z"
            fill="#979797"
            p-id="4254"
          ></path>
        </svg>
      </div>
      <ul>
        <li v-for="(item, index) in thinkOne" :key="index">
          <div v-if="item.isShow" style="display: flex">
            <span class="step-num">
              <span class="step-num-box">{{ index + 1 }}</span>
            <span style="position: relative">
              <span
                style="position: absolute; top: 16px; left: 13px; color: #fff"
                >{{ index + 1 }}</span
              >
              <img
                src="../../assets/images/icon/blue-group.png"
                alt=""
@@ -615,8 +646,20 @@
          </div>
        </li>
      </ul>
      <div class="bottom-btn" @click="showNext(thinkIndex)">
        <img src="../../assets/images/icon/mouse.png" alt="" v-if="thinkIndex != 3" />
      <div
        @click="showNext(thinkIndex)"
        style="
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        "
      >
        <img
          src="../../assets/images/icon/mouse.png"
          alt=""
          v-if="thinkIndex != 3"
        />
        <svg
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -643,16 +686,50 @@
    </el-dialog>
    <!-- 解题步骤弹窗 -->
    <el-dialog
      class="stepDialog"
      title="解题步骤"
      :visible.sync="stepDialog"
      width="40%"
      :append-to-body="true"
      :show-close="false"
    >
      <div slot="title" style="padding: 0; text-align: center; color: #333;display:flex;justify-content: center;">
        <span>
          解题步骤
        </span>
        <svg
          style="position: absolute; right:10px;cursor: pointer;"
          @click="stepDialog = false"
          t="1718596022986"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4252"
          width="20"
          height="20"
          xmlns:xlink="http://www.w3.org/1999/xlink"
        >
          <path
            d="M176.661601 817.172881C168.472798 825.644055 168.701706 839.149636 177.172881 847.338438 185.644056 855.527241 199.149636 855.298332 207.338438 846.827157L826.005105 206.827157C834.193907 198.355983 833.964998 184.850403 825.493824 176.661601 817.02265 168.472798 803.517069 168.701706 795.328267 177.172881L176.661601 817.172881Z"
            fill="#979797"
            p-id="4253"
          ></path>
          <path
            d="M795.328267 846.827157C803.517069 855.298332 817.02265 855.527241 825.493824 847.338438 833.964998 839.149636 834.193907 825.644055 826.005105 817.172881L207.338438 177.172881C199.149636 168.701706 185.644056 168.472798 177.172881 176.661601 168.701706 184.850403 168.472798 198.355983 176.661601 206.827157L795.328267 846.827157Z"
            fill="#979797"
            p-id="4254"
          ></path>
        </svg>
      </div>
      <ul>
        <li v-for="(item, index) in stepOne" :key="index">
          <div v-if="item.isShow" style="display: flex">
            <span class="step-num">
              <span class="step-num-box">{{ index + 1 }}</span>
            <span style="position: relative">
              <span
                style="position: absolute; top: 16px; left: 13px; color: #fff"
                >{{ index + 1 }}</span
              >
              <img
                src="../../assets/images/icon/blue-group.png"
                alt=""
@@ -670,8 +747,20 @@
          </div>
        </li>
      </ul>
      <div class="bottom-btn" @click="showNextChange(stepIndex)">
        <img src="../../assets/images/icon/mouse.png" alt="" v-if="stepIndex != 2" />
      <div
        @click="showNextChange(stepIndex)"
        style="
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        "
      >
        <img
          src="../../assets/images/icon/mouse.png"
          alt=""
          v-if="stepIndex != 2"
        />
        <svg
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -833,14 +922,14 @@
      console.log(number);
      this.thinkOne[number].isShow = true;
      if(this.thinkIndex <= 2) {
        this.thinkIndex ++
        this.thinkIndex++;
      }
    },
    showNextChange(num) {
      const number = this.stepOne.findIndex((item, index) => index == num);
      this.stepOne[number].isShow = true;
      if(this.stepIndex < 2) {
        this.stepIndex ++ 
        this.stepIndex++;
      }
    },
  },
@@ -880,4 +969,6 @@
    color: #fff;
  }
}
.stepDialog {
}
</style>

 src/components/examinations/index.vue

@@ -73,12 +73,13 @@
                    v-html="itemText"
                  ></span>
                  <!-- &nbsp; -->
                  <el-input
                  <input
                    v-else
                    type="text"
                    class="input"
                    v-model.trim="value.userAnswer[itemText.num]"
                    :disabled="value.isComplete"
                    :style="{backgroundColor:inputBc}"
                  />
                  <!-- &nbsp; -->
                </span>
@@ -495,6 +496,10 @@
      type: Boolean,
      default: true,
    },
    inputBc: {
      type: String,
      default: "#fff",
    },
  },
  data() {
    return {
@@ -824,23 +829,15 @@
        font-weight: 400;
        margin-top: 6px;
      }
      .el-input {
      input {
        width: 140px;
        height: 24px;
        border-top: 0;
        border: 0;
        outline: none; 
        border-bottom: 1px solid #15c0f2;
      }
      /deep/ .el-textarea.is-disabled .el-textarea__inner {
        background-color: #fff;
      }
      /deep/.el-input__wrapper {
        border-top: 0 !important;
      }
      /deep/ .el-input__inner {
        border-top: 0 !important;
        border-left: 0 !important ;
        border-right: 0 !important ;
        border-bottom: 1px solid #15c0f2 !important;
        border-radius: 0 !important;
      }
      /deep/ .el-input.is-disabled .el-input__inner {
        background-color: #fff;