优化关闭其他视频方法（学前儿童书）

闫增涛

2024-06-27 21dae909b36aab7d9fe48ea904eb1b7d9f44a292

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

@@ -442,7 +442,8 @@
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="w100 video-border"
                controlslist="nodownload"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：营养素</p>
            </div>
@@ -700,7 +701,7 @@
            <p class="center">
              <b
                >中国居民膳食指南<a id="w1"></a
                ><a href="chapter005.html#m1"><sup>[1]</sup></a></b
                ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelOne')" class="cu-pr"><sup>[1]</sup></a></b
              >
            </p>
            <p class="block">
@@ -729,8 +730,8 @@
            <p class="block">·减少久坐时间，每小时起来动一动。</p>
          </div>
          <div class="annotation-border"></div>
          <p class="note t0 word-break-all">
            <a id="m1"></a><a href="chapter005.html#w1">[1]</a>
          <p class="note t0 word-break-all" id="childFive-labelOne">
            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
            摘自《〈中国居民膳食指南（2022）〉平衡膳食八准则》，http：//dg.cnsoc.org/article/04/J4-AsD_DR3OLQMnHG0-jZA.html，2022-12-28。
          </p>
        </div>
@@ -833,7 +834,7 @@
            </p>
            <p class="block">
              第五，经常户外活动；定期体格测量，保障健康成长。<a id="w2"></a
              ><a href="chapter005.html#m2"><sup>[2]</sup></a>
              ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelTwo')" class="cu-pr"><sup>[2]</sup></a>
            </p>
            <p class="center openImgBox">
              <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100">
@@ -859,8 +860,8 @@
            钙是人体含量最多的无机盐，仅次于碳、氢、氧、氮，居于体内元素的第5位。
          </p>
          <div class="annotation-border"></div>
          <p class="note word-break-all">
            <a id="m2"></a><a href="chapter005.html#w2">[2]</a>
          <p class="note word-break-all" id="childFive-labelTwo">
            <a id="m2"></a><a href="javascript: void(0)">[2]</a>
            摘自《中国婴幼儿喂养指南（2022）》，http：//dg.cnsoc.org/article/04/gc5cUak3RhSGheqSaRljnA.html，
            2022-12-28。
          </p>
@@ -1225,10 +1226,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 学习主题一</span>
            <examinations
            v-if="questionData && questionData[127]"
            v-if="questionData"
              :cardList="questionData[127]"
              :chapter="5"
              :page="119"
            />
          </p>
          <h2 class="module_block" id="b019">
@@ -1386,7 +1385,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterFiveData.learnTableTwo.qEnight"
                  v-model="chapterFiveData.learnTableTwo.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -1598,7 +1597,8 @@
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                class="w100 video-border"
                controlslist="nodownload"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：乳儿辅助食品的添加</p>
            </div>
@@ -1682,10 +1682,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 学习主题二</span>
            <examinations
            v-if="questionData && questionData[132]"
            v-if="questionData"
              :cardList="questionData[132]"
              :chapter="5"
              :page="124"
            />
          </p>
          <h2 class="module_block" id="b020">
@@ -1849,7 +1847,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterFiveData.learnTableThree.qEnight"
                  v-model="chapterFiveData.learnTableThree.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -1906,7 +1904,8 @@
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                style="width: 100%"
                controlslist="nodownload"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：学前儿童膳食的配制原则</p>
            </div>
@@ -1987,7 +1986,7 @@
            <p class="center">
              <b
                >中华饮食文化及其对学前儿童饮食的影响<a id="w3"></a
                ><a href="chapter005.html#m3"><sup>[3]</sup></a></b
                ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelThree')" class="cu-pr"><sup>[3]</sup></a></b
              >
            </p>
            <p class="block">
@@ -2017,8 +2016,8 @@
            第五，设备布局和工艺流程应当合理，防止待加工食品与直接入口食品、原料与成品
          </p>
          <div class="annotation-border"></div>
          <p class="note">
            <a id="m3"></a><a href="chapter005.html#w3">[3]</a>
          <p class="note" id="childFive-labelThree">
            <a id="m3"></a><a href="javascript: void(0)">[3]</a>
            摘自江琳：《浅谈幼儿饮食生活中的课程资源及其开发》，载《学前教育研究》，2007（2）。引用时有改动。
          </p>
        </div>
@@ -2102,7 +2101,8 @@
                x5-video-player-fullscreen="true"
                x5-playsinline=""
                controls
                style="width: 100%"
                controlslist="nodownload"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：儿童饮食习惯的培养</p>
            </div>
@@ -2154,10 +2154,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 学习主题三</span>
            <examinations
            v-if="questionData && questionData[137]"
            v-if="questionData"
              :cardList="questionData[137]"
              :chapter="5"
              :page="129"
            />
          </p>
          <h2 class="module_block" id="b021">
@@ -2319,7 +2317,7 @@
                <textarea
                  cols="30"
                  rows="4"
                  v-model="chapterFiveData.learnTableFour.qEnight"
                  v-model="chapterFiveData.learnTableFour.qEight"
                  placeholder="请输入内容"
                  maxlength="300"
                  class="w100 ta-br textarea-text"
@@ -2554,10 +2552,8 @@
          <p class="blockh6-c">
            <span class="img center dl-bl w100">专题五 学习主题四</span>
            <examinations
            v-if="questionData && questionData[141]"
            v-if="questionData"
              :cardList="questionData[141]"
              :chapter="5"
              :page="133"
            />
          </p>
          <h6 class="Conclusion-title4">专题小结</h6>
@@ -2761,21 +2757,17 @@
            云测试
          </h6>
          <p class="blockh6-c">
            学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
            学习完本专题，你的学习效果如何呢？咱们一起来测一测吧！<br />
            <span class="img">过关检测（资格考试模拟题）1</span><br />
            <examinations
                v-if="questionData && questionData[142][1]"
              :cardList="questionData[142][1]"
              :chapter="5"
              :page="1341"
                v-if="questionData"
              :cardList="questionData[142] ? questionData[142][1] : []"
            />
            <span class="span-border"></span>
            <span class="img mt-20 dl-bl">过关检测（资格考试模拟题）2</span>
            <examinations
            v-if="questionData && questionData[142][2]"
              :cardList="questionData[142][2]"
              :chapter="5"
              :page="1342"
            v-if="questionData"
              :cardList="questionData[142] ? questionData[142][2] : []"
            />
          </p>
        </div>
@@ -2880,8 +2872,8 @@
            qTwo: {
              oen: "",
              two: "",
              Three: "",
              Four: "",
              three: "",
              four: "",
            },
          },
          short: {
@@ -2934,6 +2926,9 @@
      );
      this.$data.pathFour = await getResourcePath("4f446d88ec1ed081a172b7130dce896b");
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    },
  },
};
</script>