增加icon

unknown

2024-05-27 36b6f8d069bf3adf3b1cdc7434003769731b6cf1

 src/books/lifeCare/view/chapter001.vue

@@ -1,5 +1,5 @@
<template>
  <div class="chapter" num="1">
  <div class="chapter" num="2">
    <div class="page-box" page="7">
      <div class="bodystyle topImg">
        <h2 id="b001">
@@ -76,8 +76,8 @@
          <p class="center">
            <el-image
              class="chapter001-img-0018"
              :src="chapter001.picOneUrl"
              :preview-src-list="chapter001.picArr"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
          </p>
          <!-- <p class="center">
@@ -131,11 +131,29 @@
        </p>
        <div class="tips-bk">
          <div class="bj-tip">
            视频：托育工作人员说婴幼儿生活保障<img
              src="../icons/video.png"
              @click="activityOne"
              alt=""
            />
            视频：托育工作人员说婴幼儿生活保障
            <div @click="activityOne">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.863"
                height="20.817"
                viewBox="0 0 19.863 13.817"
              >
                <g transform="translate(-40.961 -184.321)">
                  <path
                    class="a"
                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                    transform="translate(51.824 196.82) rotate(-90)"
                  />
                  <path
                    class="b"
                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                    transform="translate(-3269 15293.001)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div
            class="tips-file"
@@ -185,7 +203,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text1')"
          ></textarea>
        </div>
@@ -326,7 +343,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
@@ -339,7 +355,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text3')"
          ></textarea>
        </div>
@@ -392,7 +407,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text4')"
          ></textarea>
        </div>
@@ -404,7 +418,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text5')"
          ></textarea>
        </div>
@@ -415,7 +428,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text6')"
          ></textarea>
        </div>
@@ -426,7 +438,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text7')"
          ></textarea>
        </div>
@@ -453,7 +464,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text8')"
          ></textarea>
        </div>
@@ -464,7 +474,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text9')"
          ></textarea>
        </div>
@@ -478,7 +487,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text10')"
          ></textarea>
        </div>
@@ -489,7 +497,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text11')"
          ></textarea>
        </div>
@@ -500,7 +507,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text12')"
          ></textarea>
        </div>
@@ -531,7 +537,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text13')"
          ></textarea>
        </div>
@@ -561,7 +566,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text14')"
          ></textarea>
        </div>
@@ -572,7 +576,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text15')"
          ></textarea>
        </div>
@@ -599,7 +602,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text16')"
          ></textarea>
        </div>
@@ -1307,7 +1309,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text17')"
          ></textarea>
        </div>
@@ -1327,7 +1328,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc1')"
          ></textarea>
        </div>
@@ -1340,7 +1340,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc2')"
          ></textarea>
        </div>
@@ -1353,24 +1352,36 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc3')"
          ></textarea>
        </div>
        <p><br /></p>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元一应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
            云测试：单元一应用与实践
            <div @click="activityThree">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.115"
                height="19.988"
                viewBox="0 0 20.115 19.988"
              >
                <path
                  class="a"
                  d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z"
                  transform="translate(-3351.001 15212)"
                />
              </svg>
            </div>
          </div>
          <div
            v-if="chapter001.idOpenThree && chapter001.qustionData[9]"
            class="tips-file"
          >
            <examinations :cardList="chapter001.qustionData[9]" />
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter001.qustionData[9]"
            />
          </div>
        </div>
      </div>
@@ -1379,20 +1390,20 @@
</template>

<script>
// import getResourcePath from "@/assets/methods/resources.js";
// import getQuestionData from "@/assets/methods/examination.js";
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
// import examinations from "@/components/examinations/index.vue";
import examinations from "@/components/examinations/index.vue";

export default {
  name: "chapter001",
  data() {
    return {
      picOneUrl: require("../image/0018-1.jpg"),
      picArr: [require("../image/0018-1.jpg")],
      chapter001: {
        videOneUrl:
          "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
        picOneUrl: require("../image/0018-1.jpg"),
        picArr: [require("../image/0018-1.jpg")],
        isOpenOne: true,
        idOpenThree: true,
        qustionData: {},
@@ -1406,16 +1417,22 @@
    };
  },
  components: {
    // examinations,
    examinations,
  },
  created() {
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter001"));
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
    }

    // this.chapter001.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
    // this.qustionData = await getQuestionData('1',testData[1]);
    this.chapter001.videOneUrl = getResourcePath(
      "68ebd5c05bcb742999a9ebdce4b4bd53"
    );
    this.chapter001.qustionData = await getQuestionData(
      "1",
      testData[1],
      this.config.activeBook
    );
  },
  methods: {
    activityOne() {