增加icon

unknown

2024-05-27 36b6f8d069bf3adf3b1cdc7434003769731b6cf1

 src/books/lifeCare/view/chapter016.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter">
    <div class="page-box">
      <div class="bodystyle">
  <div class="chapter" num="17">
    <div class="page-box" page="227">
      <div class="bodystyle topImg">
        <h2 id="b015"><img class="img-0" alt="" src="../image/zt7.jpg" /></h2>
        <div class="bk">
          <div class="bj1">
@@ -53,7 +53,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="228">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-81</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h3 id="c096">
          <span class="bk1-h3"
@@ -90,7 +105,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="229">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-82</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <p class="img">表2-7-1　不同月龄婴幼儿的每日睡眠</p>
        <p class="center">
@@ -123,7 +152,22 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="230">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-83</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e214">3.温度</h5>
        <p>
@@ -158,7 +202,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="231">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-84</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e220">2.睡前活动</h5>
        <p>①睡前提醒婴幼儿少喝水，完成大小便及洗净双手，减少生理上的干扰。</p>
@@ -192,7 +250,22 @@
        <p class="img">图2-7-1　示例</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="232">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-85</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e222">4.讲故事</h5>
        <p>（1）活动准备</p>
@@ -222,7 +295,21 @@
      </div>
    </div>
    <!-- 上下拆分表格 -->
    <div class="page-box">
    <div class="page-box" page="233">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-86</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h5 class="h5-zt" id="e224">2.巡回检查</h5>
        <p>
@@ -238,7 +325,22 @@
        <p>首先，分辨衣服的里外和前后，双手抓住衣领，将衣服开口的一面对着</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="234">
      <!-- 奇数页 -->
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
            <div class="second-left"></div>
            <div class="second-right">
              <img src="../image/pageImg.png" alt="" />
              <span class="pageStr">专题七·睡眠活动照护</span>
              <span class="pageNum">2-87</span>
            </div>
          </div>
          <div class="borderLine"></div>
        </div>
      </div>

      <div class="bodystyle">
        <p>
          前面，领口贴近腹部（衣服自然下垂），用双手抓住衣领向后甩，将衣服披在肩上，将手伸入衣袖内。其次，翻好衣领，将衣服的前襟对齐，自下而上地系扣子。最后，认真检查扣子是否一对一地扣好了，领子是否翻平整了。
@@ -274,7 +376,21 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="235">
      <!-- 偶数页 -->
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
          <div class="content">
            <div class="pageStr">2-88</div>
            <div class="title">
              <img src="../image/chapter.png" alt="" />
              <span class="cahpter">婴幼儿生活照护·阅读手册</span>
            </div>
          </div>
        </div>
      </div>

      <div class="bodystyle">
        <h4 class="h4-zt" id="d244">（二）自主入睡</h4>
        <p>
@@ -294,13 +410,40 @@
        </p>
        <div class="bk-tx">
          <p class="left"><span class="bj3">学习反思</span></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <p class="hr"></p>
          <textarea
            v-model="chapter016.textAreaItem.text39"
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "chapter016",
  data() {
    return {
      chapter016: {
        textAreaItem: {},
      },
    };
  },
  created() {
    const localData = JSON.parse(localStorage.getItem("chapter016"));
    if (localData) {
      this.chapter016 = { ...Object.assign(this.chapter016, localData) };
    }
  },
  methods: {
    onBlurChange() {
      localStorage.setItem("chapter016", JSON.stringify(this.chapter016));
    },
  },
};
</script>