分页

闫增涛

2024-05-15 172907557aceaa4622f2ca5ed084d32693da1724

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

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="3">
    <div class="page-box padding-96">
    <div class="page-box padding-96" page="55">
      <p class="center" id="a009">
        <img
          class="img-a"
@@ -50,7 +50,7 @@
      </p>
    </div>
    <!-- 56 -->
    <div class="page-box">
    <div class="page-box" page="56">
      <evenHeaderVue :num="56" />
      <div class="padding-96">
        <h2 class="module_block" id="b013">
@@ -245,7 +245,7 @@
      </div>
    </div>
    <!-- 57 -->
    <div class="page-box">
    <div class="page-box" page="57">
      <odd-header-vue :special="3" :num="57" />
      <div class="padding-96">
        <div class="fl fl-around">
@@ -287,8 +287,7 @@
      </div>
    </div>
    <!-- 58 -->

    <div class="page-box">
    <div class="page-box" page="58">
      <even-header-vue :num="58" />
      <div class="padding-96">
        <p class="t0">
@@ -317,7 +316,7 @@
      </div>
    </div>
    <!-- 59 -->
    <div class="page-box">
    <div class="page-box" page="59">
      <odd-header-vue :special="3" :num="59" />
      <div class="padding-96">
        <p class="t0">
@@ -352,7 +351,7 @@
      </div>
    </div>
    <!-- 60 -->
    <div class="page-box">
    <div class="page-box" page="60">
      <even-header-vue :num="60" />
      <div class="padding-96">
        <p>
@@ -386,7 +385,7 @@
      </div>
    </div>
    <!-- 61 -->
    <div class="page-box">
    <div class="page-box" page="61">
      <odd-header-vue :special="3" :num="61" />
      <div class="padding-96">
        <p>
@@ -438,7 +437,7 @@
      </div>
    </div>
    <!-- 62 -->
    <div class="page-box">
    <div class="page-box" page="62">
      <even-header-vue :num="62" />
      <div class="padding-96">
        <p>
@@ -473,7 +472,7 @@
      </div>
    </div>
    <!-- 63 -->
    <div class="page-box">
    <div class="page-box" page="63">
      <odd-header-vue :special="3" :num="63" />
      <div class="padding-96">
        <p>
@@ -508,7 +507,7 @@
      </div>
    </div>
    <!-- 64 -->
    <div class="page-box">
    <div class="page-box" page="64">
      <even-header-vue :num="64" />
      <div class="padding-96">
        <p>
@@ -530,8 +529,8 @@
          云测试
        </h6>
        <p class="blockh6-c">
          <!-- <img class="img-g" alt="" src="image/0077-1.jpg" /><br /> -->
          <span class="img">专题三 学习主题一</span>
          <examinations :cardList="questionData[3][64]" />
          <!-- <span class="img">专题三 学习主题一</span> -->
        </p>
        <h2 class="module_block" id="b014">
          <div class="custom1">学习主题二</div>
@@ -658,7 +657,6 @@
            </td>
          </tr>
        </table>
        <p class="img">自主学习任务单</p>
        <p class="custom_tag"><b>•学习初体验•</b></p>
        <div class="fieldset">
          <p class="block">
@@ -680,7 +678,7 @@
      </div>
    </div>
    <!-- 65 -->
    <div class="page-box">
    <div class="page-box" page="65">
      <odd-header-vue :special="3" :num="65" />
      <div class="padding-96">
        <p>
@@ -704,7 +702,7 @@
      </div>
    </div>
    <!-- 66 -->
    <div class="page-box">
    <div class="page-box" page="66">
      <even-header-vue :num="66" />
      <div class="padding-96">
        <p>
@@ -732,7 +730,7 @@
      </div>
    </div>
    <!-- 67 -->
    <div class="page-box">
    <div class="page-box" page="67">
      <odd-header-vue :special="3" :num="67" />
      <div class="padding-96">
        <p class="t0">
@@ -763,7 +761,7 @@
      </div>
    </div>
    <!-- 68 -->
    <div class="page-box">
    <div class="page-box" page="68">
      <even-header-vue :num="68" />
      <div class="padding-96">
        <h3 id="c035">二、儿童常见的心理行为问题及其引导＞＞＞＞＞＞</h3>
@@ -786,7 +784,7 @@
      </div>
    </div>
    <!-- 69 -->
    <div class="page-box">
    <div class="page-box" page="69">
      <odd-header-vue :special="3" :num="69" />
      <div class="padding-96">
        <p class="t0">
@@ -841,7 +839,7 @@
      </div>
    </div>
    <!-- 70 -->
    <div class="page-box">
    <div class="page-box" page="70">
      <even-header-vue :num="70" />
      <div class="padding-96">
        <p class="t0">
@@ -861,7 +859,7 @@
      </div>
    </div>
    <!-- 71 -->
    <div class="page-box">
    <div class="page-box" page="71">
      <odd-header-vue :special="3" :num="71" />
      <div class="padding-96">
        <p>
@@ -884,7 +882,7 @@
      </div>
    </div>
    <!-- 72 -->
    <div class="page-box">
    <div class="page-box" page="72">
      <even-header-vue :num="72" />
      <div class="padding-96">
        <p class="t0">
@@ -937,7 +935,7 @@
      </div>
    </div>
    <!-- 73 -->
    <div class="page-box">
    <div class="page-box" page="73">
      <odd-header-vue :special="3" :num="73" />
      <div class="padding-96">
        <p>
@@ -959,7 +957,8 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <span class="img">专题三 学习主题二</span>
          <!-- <span class="img">专题三 学习主题二</span> -->
          <examinations :cardList="questionData[3][73]" />
        </p>
        <h2 class="module_block" id="b015">
          <div class="custom1">学习主题三</div>
@@ -1131,7 +1130,7 @@
      </div>
    </div>
    <!-- 74 -->
    <div class="page-box">
    <div class="page-box" page="74">
      <even-header-vue :num="74" />
      <div class="padding-96">
        <div class="fieldset">
@@ -1180,7 +1179,7 @@
      </div>
    </div>
    <!-- 75 -->
    <div class="page-box">
    <div class="page-box" page="75">
      <odd-header-vue :special="3" :num="75" />
      <div class="padding-96">
        <p class="t0">
@@ -1232,7 +1231,7 @@
      </div>
    </div>
    <!-- 76 -->
    <div class="page-box">
    <div class="page-box" page="76">
      <even-header-vue :num="76" />
      <div class="padding-96">
        <p class="t0">
@@ -1265,7 +1264,7 @@
      </div>
    </div>
    <!-- 77 -->
    <div class="page-box">
    <div class="page-box" page="77">
      <odd-header-vue :special="3" :num="77" />
      <div class="padding-96">
        <p>
@@ -1315,7 +1314,7 @@
      </div>
    </div>
    <!-- 78 -->
    <div class="page-box">
    <div class="page-box" page="78">
      <even-header-vue :num="78" />
      <div class="padding-96">
        <p class="t0">
@@ -1347,12 +1346,13 @@
          云测试
        </h6>
        <p class="blockh6-c center">
          <span class="img">专题三 学习主题三</span>
          <!-- <span class="img">专题三 学习主题三</span> -->
          <examinations :cardList="questionData[3][78]" />
        </p>
      </div>
    </div>
    <!-- 79 -->
    <div class="page-box">
    <div class="page-box" page="79">
      <odd-header-vue :special="3" :num="79" />
      <div class="padding-96">
        <h6 class="Conclusion-title4">专题小结</h6>
@@ -1437,7 +1437,7 @@
      </div>
    </div>
    <!-- 80 -->
    <div class="page-box">
    <div class="page-box" page="80">
      <even-header-vue :num="80" />
      <div class="padding-96">
        <p class="block">
@@ -1470,10 +1470,10 @@
        </h6>
        <p class="blockh6-c">
          学习完本专题，你的学习效果如何呢？咱们一起来扫码测一测吧！<br />
          <!-- <img class="img-g" alt="" src="image/0093-1.jpg" /><br /> -->
          <span class="img">过关检测（资格考试模拟题）1</span><br />
          <!-- <img class="img-g" alt="" src="image/0093-2.jpg" /><br /> -->
          <examinations :cardList="questionData[3][801]" />
          <span class="img">过关检测（资格考试模拟题）2</span>
          <examinations :cardList="questionData[3][802]" />
        </p>
        <h6 class="Conclusion-title4">•学习反思•</h6>
        <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1500,9 +1500,10 @@
<script>
import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
import oddHeaderVue from "../../components/pageHeader/oddHeader.vue";
import examinations from "@/components/examinations/index.vue";
export default {
  name: "chapterThree",
  components: { evenHeaderVue, oddHeaderVue },
  components: { evenHeaderVue, oddHeaderVue,examinations },
  data() {
    return {
      learn: require("../../../assets/images/chapterThree/0068-1.jpg"),
@@ -1513,8 +1514,12 @@
      learnTableOne: true,
      learnTableTwo: true,
      learnTableThree: true,
      questionData:{}
    };
  },
  mounted() {
    this.$data.questionData = this.$store.state.questionData
  },
  methods: {
    changeResources(type) {
      if (type == "learnTableOne") {