Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

zhongshujie

2024-10-16 0743d47eca07827e1ade3554db67b1f6fde4aae1

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 src/App.vue

@@ -34,12 +34,10 @@
  async created() {
    if (this.setGlobalState) {
      this.setGlobalState({

        initTestBook: async (bookId, tryPageCount) => {
          this.activeBook = await this.config.getBookConfig(
            process.env.VUE_APP_RESOURCE_CTX + process.env.VUE_APP_BOOK_ID
          );

          this.config.activeBook = this.activeBook;
          this.config.goodsStore = this.activeBook.storeRefcode;
          if (tryPageCount) {

 src/books/mathBook/assets/images/a6fe3d63.png

 src/books/mathBook/assets/main.less

@@ -480,7 +480,14 @@
    outline: none;
    background: transparent;
  }

  .input-table {
    width: 80px;
    font-size: 14px;
    border: none;
    outline: none;
    border-bottom: 1px solid;
    background: transparent;
  }
  .sport-text {
    font-size: 20px;
    line-height: 40px;
@@ -549,6 +556,9 @@
  }
  .t0 {
    text-indent: 0;
  }
  .t- {
    text-indent: 0.5em;
  }
  .t2 {
    text-indent: 2em;
@@ -842,6 +852,7 @@
  .hidePage {
    min-height: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
  }
}


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

@@ -139,8 +139,17 @@
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <p><span class="zt-ls2">例</span>下列对象能否组成集合？</p>

          <p class="fl" >
            <span class="zt-ls2">例</span>
            <span class="t-" >下列对象能否组成集合？</span>
            <span class="btn-box" @click="openDialog(thinkTwo)">
              <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                <path class="a"
                  d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
                  transform="translate(-3761 14334.001)" />
              </svg>
            </span>
          </p>
          <ul>
            <li>
              （1） 英文大写字母的全体；
@@ -151,26 +160,15 @@
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>

              <span class="btn-box" @click="openThinkingDialog">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                  <path class="a"
                    d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
                    transform="translate(-3761 14334.001)" />
                </svg>
              </span>
            </li>

            <li>
              <p v-if="chapter001.isShowExample1">
                <span class="zt-ls2">解</span>
                （1） 能；
              </p>
            </li>

            <li>
              （2） 我们班上高个子同学的全体；

              <span class="btn-box" @click="chapter001.isShowExample2 = !chapter001.isShowExample2">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
@@ -178,16 +176,7 @@
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>

              <span class="btn-box" @click="openThinkingDialog1">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                  <path class="a"
                    d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
                    transform="translate(-3761 14334.001)" />
                </svg>
              </span>
            </li>

            <li>
              <p v-if="chapter001.isShowExample2">
                <span class="zt-ls2">解</span>
@@ -203,23 +192,13 @@
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>

              <span class="btn-box" @click="openThinkingDialog2">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                  <path class="a"
                    d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
                    transform="translate(-3761 14334.001)" />
                </svg>
              </span>
            </li>

            <li>
              <p v-if="chapter001.isShowExample3">
                <span class="zt-ls2">解</span>
                （3） 能；
              </p>
            </li>

            <li>
              （4） 能被5整除的正整数的全体.
              <span class="btn-box" @click="chapter001.isShowExample4 = !chapter001.isShowExample4">
@@ -229,15 +208,7 @@
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
              <span class="btn-box" @click="openThinkingDialog3">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                  <path class="a"
                    d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
                    transform="translate(-3761 14334.001)" />
                </svg>
              </span>
            </li>

            <li>
              <p v-if="chapter001.isShowExample4">
                <span class="zt-ls2">解</span>
@@ -245,7 +216,6 @@
              </p>
            </li>
          </ul>

          <p>
            <span class="zt-ls2">分析</span>一些对象是否能够组成集合,要看条件所指的对象是不是确定
            的.不能确定的对象是不能组成集合的.
@@ -256,36 +226,15 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <p class="block tl">
              同桌两人，其中一人举出一个集合的例子，另一人说出这个集合中的两个元素，再交换练习，看谁的正确率高.
              <!-- <textarea cols="30" rows="4" v-model="chapterData.txtTwo" placeholder="请输入内容"
                class="w100 ta-br textarea-text" @input="handleChapterData"></textarea> -->
            </p>
            <examinations :cardList="questionData[11] ? questionData[11][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData"></examinations>
          </div>

          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <!-- <div class="bj">
            <p>
              1.你所在班级的任课教师能组成一个集合吗？如果能，请你说出这个集合中的所有元素.<input @change="changeAssess($event, 'text1')" maxlength="20"
                :value="chapter001.tkItem01.text1" class="assess" type="text" />
            </p>
            <p>2.说出由a，b，c，d，e组成的集合中的元素.</p>
            <div class="textIndentation">
              3.判断下列对象能否组成集合.
              <p>（1） 很大的数；</p>
              <p>（2） 一次函数y=2x的图像上所有的点.</p>
            </div>
            <p>
              4.请你举出两个集合的例子，再说一说它们的元素分别是什么.<input @change="changeAssess($event, 'text2')" maxlength="20"
                :value="chapter001.tkItem01.text2" class="assess" type="text" />
            </p>
          </div> -->

          <div class="bj">
            <examinations :cardList="questionData[11]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData" ></examinations>
            <examinations :cardList="questionData[11] ? questionData[11][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -429,8 +378,6 @@
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <examinations :cardList="questionData[13]" :hideCollect="true" sourceType="json" 
            v-if="questionData" ></examinations>
          <p>全体自然数组成的集合，记作N，称为 <b>自然数集；</b></p>
          <p>全体正整数组成的集合，记作N*或N+，称为； <b>正整数集</b></p>
          <p>全体整数组成的集合，记作Z，称为 <b>整数集；</b></p>
@@ -438,8 +385,6 @@
          <p>全体实数组成的集合，记作R，称为 <b>实数集.</b></p>

          <p><span class="zt-ls2">例2</span>用符号“∈”或“∉”填空.</p>
          <p></p>

          <ul>
            <li>
              （1） 1____N+；
@@ -494,31 +439,10 @@
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>

          <div class="bj">
            <div class="textIndentation" style="margin-top: 15px">
              1.判断下列对象能否组成集合.若能，指出其是有限集、无限集还是空集.<input @change="changeAssess($event, 'text3')" maxlength="20"
                :value="chapter001.tkItem01.text3" class="assess" type="text" />
              <p>（1） 中国名山中的五岳；</p>
              <p>（2） 所有面积较大的三角形的全体；</p>
              <p>（3） 不等式3x+1＞0的所有实数解.</p>
            </div>

            <div class="textIndentation">
              2.请你举出3个集合的实例，并且指出：<input @change="changeAssess($event, 'text4')" maxlength="20"
                :value="chapter001.tkItem01.text4" class="assess" type="text" />
              <p>（1） 哪些是有限集？（2） 哪些是无限集？</p>
              <p>（3） 哪些是空集？如果没有空集，请举出两个空集的例子.</p>
            </div>

            <div class="textIndentation">
              3.用符号“∈”或“∉”填空.
              <p>3.14______Q；　-5______Z；　π______Q；</p>
              <p>π______Z；　 2 3 ______Q；　 2 3 ______Z；</p>
              <p>2 3 ______R；　0______N+；　0______N.</p>
            </div>
            <examinations :cardList="questionData[13]" :hideCollect="true" sourceType="json" inputBc="#d3edfa" v-if="questionData">
            </examinations>
          </div>

          <h3>1.1.3 集合的表示<span class="fontsz2">＞＞＞</span></h3>
          <p>
            自然数集、 正整数集、 整数集、 有理数集、 实数集、 空集有特定的符
@@ -636,7 +560,7 @@
        <div class="padding-116">
          <div style="display: flex; align-items: center">
            <p><span class="zt-ls2">例2</span>用描述法表示下列集合.</p>
            <span class="btn-box" @click="openThinkingDialog4">
            <span class="btn-box" @click="openDialog(thinkThree)">
              <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                <path class="a"
                  d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
@@ -764,7 +688,7 @@
            <p>第一单元 集合</p>
          </li>
          <li>
            <p><span>009</span></p>
            <p><span>009-010</span></p>
          </li>
        </ul>
        <div class="padding-116">
@@ -774,89 +698,36 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <p class="block tl">
              分别举出几个集合的例子，使用不同的方法表示这些集合.并与同学交流：哪些集合适合用列举法表示，哪些集合适合用描述法表示？
            </p>
            <examinations :cardList="questionData[16] ? questionData[16][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData"></examinations>
          </div>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <div class="textIndentation">
              1.用列举法表示下列集合.
              <p>
                （1） 中国古代的四大发明组成的集合；<input @change="changeAssess($event, 'text5')" maxlength="200"
                  :value="chapter001.tkItem01.text5" class="assess" type="text" />
              </p>
              <p>
                （2） 小于16的正偶数组成的集合；
                <input @change="changeAssess($event, 'text6')" maxlength="200" :value="chapter001.tkItem01.text6"
                  class="assess" type="text" />
              </p>
              <p>
                （3） 方程x2+3x+2=0的解集.<input @change="changeAssess($event, 'text7')" maxlength="200"
                  :value="chapter001.tkItem01.text7" class="assess" type="text" />
              </p>
            </div>

            <div class="textIndentation">
              2.用描述法表示下列集合.
              <p>
                （1） 大于3的自然数组成的集合；<input @change="changeAssess($event, 'text8')" maxlength="200"
                  :value="chapter001.tkItem01.text8" class="assess" type="text" />
              </p>
              <p>
                （2） 所有正奇数组成的集合.<input @change="changeAssess($event, 'text9')" maxlength="200"
                  :value="chapter001.tkItem01.text9" class="assess" type="text" />
              </p>
            </div>
            <div class="textIndentation">
              3.分别用列举法和描述法表示由5，10，15，20，25组成的集合.<input @change="changeAssess($event, 'text10')" maxlength="200"
                :value="chapter001.tkItem01.text10" class="assess" type="text" />
            </div>

            <div class="textIndentation">
              4.填空题.

              <p>（1） 集合{x∈Z|0≤x＜4}用列举法可以表示为_______；</p>
              <p>
                （2） 集合 { 1 2 ， 1 4 ， 1 6 ， 1 8 ， 1 10 ， … }
                用描述法可以表示为_______.
              </p>
            </div>
            <examinations :cardList="questionData[16] ? questionData[16][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>

          <h2 id="c031">习题1.1<span class="fontsz2"> ＞＞＞</span></h2>

        </div>
      </div>
    </div>
    <!-- 010 -->
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <ul class="page-header-odd fl al-end">
          <li>010</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <examinations :cardList="questionData[16]" :hideCollect="true" sourceType="json"
          v-if="questionData" ></examinations>
          <div class="bj">
            <examinations :cardList="questionData[16] ? questionData[16][3] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
          <h2 id="c031">
            1.2 集合之间的关系<span class="fontsz2">＞＞＞</span>
          </h2>

          <h3>1.2.1 子集<span class="fontsz2">＞＞＞</span></h3>

          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/gcsk.jpg" />
          </p>

          <p>
            我国提出并贯彻新发展理念，着力推进高质量发展，自2012年以来的十年间，我国城镇化率提高11.6%，2021年末城镇化率达到64.7%.若2021年年末全国城镇常住人口组成一个集合A，全国人口组成一个集合B，则集合A与集合B之间有什么关系呢？
          </p>
        </div>
      </div>
    </div>
    <!-- 010 -->
    <div class="page-box hidePage" page="17">
    </div>
    <!-- 011 -->
    <div class="page-box" page="18">
@@ -994,15 +865,15 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <p class="block tl">符号“∈”和“⊆”有什么不同？与同学交流讨论.</p>
            <examinations :cardList="questionData[19][1]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData"></examinations>
          </div>

          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[19]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[19][2]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -1080,7 +951,6 @@
            <li>
              <span class="zt-ls2">例1</span>写出集合 A={a, b, c}的所有子集,
              并说出集合 A 有几个 真子集.

              <span class="btn-box" @click="
                chapter001.isShowExample19 = !chapter001.isShowExample19
                ">
@@ -1091,7 +961,7 @@
                </svg>
              </span>

              <span class="btn-box" @click="openThinkingDialog5">
              <span class="btn-box" @click="openDialog(thinkOne)">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                  <path class="a"
                    d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
@@ -1117,8 +987,8 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[21]" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[21]" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/fxlj.jpg" />
@@ -1154,7 +1024,7 @@
            <p>第一单元 集合</p>
          </li>
          <li>
            <p><span>015</span></p>
            <p><span>015-016</span></p>
          </li>
        </ul>
        <div class="padding-116">
@@ -1214,51 +1084,21 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <p class="block tl">
              与同学交流讨论，说一说子集、真子集、相等集合的区别与联系.
            </p>
            <examinations :cardList="questionData[22] ? questionData[22][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData"></examinations>
          </div>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <div class="textIndentation">
              1.用符号“∈”“∉”“=”“⫋”“⫌”填空.
              <p>（1） 4______{1，2，3，4，5}；</p>
              <p>（2） {a，b，c}______{c，b，a}；</p>
              <p>（3） {a}______{b，c，d，a}；</p>
              <p>（4） {x|x＜5}______{x|x＜3}；</p>
              <p>（5） {x|x是正方形}______{x|x是矩形}.</p>
            </div>

            <p>
              2.写出集合A={a，b，c，d}的所有子集，并说出A有几个非空真子集.
              <textarea cols="30" rows="4" v-model="chapterData.txt2" placeholder="请输入内容"
                class="w100 ta-br textarea-text" @input="handleChapterData"></textarea>
            </p>
            <p>
              3.设集合A={x|x是正方形}，B={x|x是矩形}，C={x|x是平行四边形}，写出它们之间所有的包含关系.
              <textarea cols="30" rows="4" v-model="chapterData.txt2" placeholder="请输入内容"
                class="w100 ta-br textarea-text" @input="handleChapterData"></textarea>
            </p>
            <examinations :cardList="questionData[22] ? questionData[22][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData"></examinations>
          </div>
          <h2 id="c031">习题1.2<span class="fontsz2"> ＞＞＞</span></h2>
          <div class="bj">
            <examinations :cardList="questionData[22]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[22] ? questionData[22][3] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
    </div>
    <!-- 016 -->
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <ul class="page-header-odd fl al-end">
          <li>016</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <h2 id="c031">
            1.3 集合的运算<span class="fontsz2">＞＞＞＞＞＞</span>
          </h2>
@@ -1275,7 +1115,6 @@
            到2035年，我国要发展成为体育强国.北京市曾在2008年和2022年分别举办了第29届夏季奥运会和第24届冬季奥运会，
            因此成为世界上第一个既举办过夏季奥运会又举办过冬季奥运会的城市.现在用集合的观点来分析这个问题，如图1-8所示，我们用集合U表示世界上所有的城市，用集合A表示到2022年年底举办过夏季奥运会的城市，用集合B表示到2022年年底举办过冬季奥运会的城市.
          </p>

          <p>
            （1） 图中哪部分表示既举办过夏季奥运会又举办过冬季奥运会的城市？
          </p>
@@ -1288,6 +1127,9 @@
          </p>
        </div>
      </div>
    </div>
    <!-- 016 -->
    <div class="page-box hidePage" page="23">
    </div>
    <!-- 017 -->
    <div class="page-box" page="24">
@@ -1318,7 +1160,6 @@
            <img class="img-c" alt="" src="../../assets/images/0028-2.jpg" />
            <p class="img" style="font-size: 14px">图1-10</p>
          </div>

          <p>
            再如，集合M={1，2}，集合P={1，2，3}，集合Q={1，2，5，6}，则集合M中的元素既是集合P中的元素，又是集合Q中的元素.集合M是集合P和集合Q中的所有公共元素组成的集合，如图1-10所示.
          </p>
@@ -1371,7 +1212,7 @@
                </svg>
              </span>

              <span class="btn-box" @click="openThinkingDialog6">
              <span class="btn-box" @click="openDialog(thinkFour)">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                  <path class="a"
                    d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
@@ -1397,7 +1238,7 @@

          <p>观察可知 A∩B={x|-1＜x≤3}.</p>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0028-4.jpg" />
            <img class="img-f" alt="" src="../../assets/images/0028-4.jpg" />
            <p class="img" style="font-size: 14px">图1-12</p>
          </div>
        </div>
@@ -1432,14 +1273,11 @@
              </p>
            </li>
          </ul>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0029-1.jpg" />
            <img class="img-f" alt="" src="../../assets/images/0029-1.jpg" />
            <p class="img" style="font-size: 14px">图1-13</p>
          </div>

          <p>观察可知A∩B={x|x＜-1}.</p>

          <ul>
            <li>
              <span class="zt-ls2">例4</span>设集合A={（x，y）|x+2y-6=0}，B={（x，y）|x-4y=0}，求A∩B.
@@ -1453,7 +1291,7 @@
                </svg>
              </span>

              <span class="btn-box" @click="openThinkingDialog7">
              <span class="btn-box" @click="openDialog(thinkFive)">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112">
                  <path class="a"
                    d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
@@ -1526,14 +1364,27 @@
              </div>
            </li>
          </ul>

          <div class="textIndentation">
            根据交集的含义可以知道，对于任意两个集合A，B，有下述性质.
            <p>（1） A∩B=B∩A；（2） A∩A=A，A∩∅=∅；</p>
            <p>（3） A∩B⊆A，A∩B⊆B；（4） 若A⊆B，则A∩B=A.</p>
          </div>
          <examinations :cardList="questionData[25]" :hideCollect="true" sourceType="json"
          v-if="questionData" ></examinations>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[25] ? questionData[25][1] : []" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[25] ? questionData[25][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
    </div>
@@ -1585,7 +1436,7 @@
          <p>C=A∪B={x|x∈A或x∈B}.</p>
          <p>图1-16（1）（2） 中的涂色部分就表示集合A与集合B的并集.</p>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0030-3.jpg" />
            <img class="img-b" alt="" src="../../assets/images/0030-3.jpg" />
            <p class="img" style="font-size: 14px">图1-16</p>
          </div>
          =
@@ -1637,7 +1488,7 @@
            </li>
          </ul>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0031-1.jpg" />
            <img class="img-f" alt="" src="../../assets/images/0031-1.jpg" />
            <p class="img" style="font-size: 14px">图1-17</p>
          </div>
          <p>观察可知A∪B={x|-3＜x＜7}.</p>
@@ -1646,8 +1497,8 @@
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
              <examinations :cardList="questionData[27]" :hideCollect="true" sourceType="json"
              v-if="questionData" ></examinations>
              <examinations :cardList="questionData[27] ? questionData[27][1]:[] " :hideCollect="true" sourceType="json" v-if="questionData">
              </examinations>
            </div>
          </div>
          <ul>
@@ -1671,13 +1522,22 @@
            </li>
          </ul>
          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0031-2.jpg" />
            <img class="img-f" alt="" src="../../assets/images/0031-2.jpg" />
            <p class="img" style="font-size: 14px">图1-18</p>
          </div>
          <p>观察可知A∪B={x|x＞4或x≤-2}.</p>
          <p>根据并集的含义可以知道，对于任意两个集合A，B，有下述性质.</p>
          <p>（1） A∪B=B∪A；（2） A∪A=A，A∪∅=A；</p>
          <p>（3） A⊆A∪B，B⊆A∪B；（4） 若B⊆A，则A∪B=A.</p>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
              <examinations :cardList="questionData[27] ? questionData[27][2]:[] " :hideCollect="true" sourceType="json" v-if="questionData">
              </examinations>
            </div>
          </div>
        </div>
      </div>
    </div>
@@ -1698,7 +1558,7 @@
          </p>
          <div class="bj">
            <examinations :cardList="questionData[28]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
          <h3>1.3.3 全集与补集<span class="fontsz2">＞＞＞</span></h3>

@@ -1760,7 +1620,6 @@
            根据全集和补集的含义可以知道，对于全集U和它的一个子集A，有下述性质.
          </p>
          <p>（1） A∪（∁UA）=U；（2） A∩（∁UA）=∅；（3） ∁U（∁UA）=A.</p>

          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
@@ -1768,14 +1627,13 @@
              </p>
            </div>
            <p class="block tl">
              <examinations :cardList="questionData[29]" :hideCollect="true" sourceType="json"
              v-if="questionData" ></examinations>
              <examinations :cardList="questionData[29] ? questionData[29][1] :[]" :hideCollect="true" sourceType="json" v-if="questionData">
              </examinations>
            </p>
          </div>
          <p>
            <span class="zt-ls2">例1</span>设全集U={x|x是小于10的自然数}，集合A={2，5，6，7}，B={1，3，5，7}.求：
          </p>

          <ul>
            <li>
              （1） A∩B和A∪B；
@@ -1899,6 +1757,17 @@
              </div>
            </li>
          </ul>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <p class="block tl">
              <examinations :cardList="questionData[29] ? questionData[29][2] :[]" :hideCollect="true" sourceType="json" v-if="questionData">
              </examinations>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -2045,7 +1914,7 @@
          </ul>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0034-1.jpg" />
            <img class="img-d" alt="" src="../../assets/images/0034-1.jpg" />
            <p class="img" style="font-size: 14px">图1-21</p>
          </div>

@@ -2068,9 +1937,9 @@
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj" >
          <div class="bj">
            <examinations :cardList="questionData[30]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -2085,9 +1954,9 @@
        </ul>
        <div class="padding-116">
          <h2 id="c031">习题1.3<span class="fontsz2"> ＞＞＞</span></h2>
          <div class="bj" >
          <div class="bj">
            <examinations :cardList="questionData[31]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -2222,9 +2091,9 @@
        </ul>
        <div class="padding-116">
          <h2 id="c031">单元检测<span class="fontsz2"> ＞＞＞＞＞＞</span></h2>
          <div class="bj" >
          <div class="bj">
            <examinations :cardList="questionData[36]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -2251,16 +2120,10 @@
    </el-dialog>

    <!-- 解题思路弹窗 -->
    <el-dialog :visible.sync="thinkingDialog1" 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="thinkingDialog1 = false" t="1718596022986"
    <el-dialog :visible.sync="thinkingDialog" width="40%" :append-to-body="true" :show-close="false" @close="closeDialog" class="thinkDialog" >
      <div slot="title" class="think-header" 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
@@ -2272,147 +2135,26 @@
        </svg>
      </div>
      <ul>
        <li>
          <div style="display: flex">
        <li v-for="(item, index) in thinkData" :key="index">
          <div v-if="index <= showIndex" style="display: flex">
            <span style="position: relative">
              <img src="../../assets/images/icon/blue-group.png" alt="" style="margin-right: 10px" />
            </span>
            <p class="txt-p">{{ ballText }}</p>
          </div>
        </li>
      </ul>
    </el-dialog>

    <!-- 解题思路弹窗 -->
    <el-dialog :visible.sync="thinkingDialog2" 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="thinkingDialog2 = 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>
          <div style="display: flex">
            <span style="position: relative">
              <img src="../../assets/images/icon/blue-group.png" alt="" style="margin-right: 10px" />
            </span>
            <p style="width: 130px">
              <span style="color: #00a1e9; font-weight: bold; margin-right: 15px" class="zt-ls2">分析</span>
            </p>
            <div v-html="sahdi"></div>
          </div>
        </li>
      </ul>
    </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 style="position: relative">
              <span style="position: absolute; top: 16px; left: 13px; color: #fff">{{ index + 1 }}</span>
              <span style="position: absolute; top: 4px; left: 13px; color: #fff">{{ index + 1 }}</span>
              <img src="../../assets/images/icon/blue-group.png" alt="" style="margin-right: 10px"
                v-if="index < stepOne.length - 1" />
              <img src="../../assets/images/icon/blue.png" alt="" v-if="index == stepOne.length - 1"
                v-if="index < thinkOne.length - 1" />
              <img src="../../assets/images/icon/blue.png" alt="" v-if="index == thinkOne.length - 1"
                style="margin-right: 10px" />
            </span>
            <p class="txt-p">{{ item.txt }}</p>
            <p class="txt-p" v-html="item"></p>
          </div>
        </li>
      </ul>
      <div @click="showNextChange(stepIndex)" style="
      <div @click="changeNext" 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" t="1710234570135"
          class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="5067" width="15" height="15">
          <path
            d="M2.257993 493.371555 415.470783 906.584344 512 1003.113561 608.529217 906.584344 1021.742007 493.371555 925.212789 396.842337 512 810.055127 98.787211 396.842337Z"
            fill="#1296db" p-id="5068" />
          <path
            d="M2.257993 117.980154 415.470783 531.192944 512 627.722161 608.529217 531.192944 1021.742007 117.980154 925.212789 21.450937 512 434.663727 98.787211 21.450937Z"
            fill="#1296db" p-id="5069" />
        </svg>
      </div>
    </el-dialog>

    <!-- 解题思路弹窗 -->
    <el-dialog :visible.sync="thinkingDialog3" 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="thinkingDialog3 = 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 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="" style="margin-right: 10px" />
              <!-- <img src="../../assets/images/icon/blue.png" alt="" style="margin-right: 10px" /> -->
            </span>
            <p class="txt-p">{{ item.txt }}</p>
          </div>
        </li>
      </ul>
      <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 <= 4" />
        <img src="../../assets/images/icon/mouse.png" alt="" v-if="showIndex < thinkData.length - 1" />
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1710234570135"
          class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="5067" width="15" height="15">
          <path
@@ -2506,19 +2248,10 @@
      },
      collectImg: require('../../assets/images/icon/heart.png'),
      collectCheck: require('../../assets/images/icon/heart-check.png'),

      sahdi: '',

      dialogVisible: false,
      thinkingDialog: false,
      thinkingDialog1: false,
      thinkingDialog2: false,
      thinkingDialog3: false,
      stepDialog: false,
      ballText: '',
      videoPath: '',
      stepIndex: 1,
      thinkIndex: 1,
      collectResourceList: [],
      chapterData: {
        isCollectImg: false,
@@ -2526,28 +2259,6 @@
        txtOne: '',
        txtTwo: '',
      },
      thinkOne: [
        {
          txt: '分析为了不重不漏地写出集合A 的所有子集,我们应分为以下几个 步骤来写.',
          isShow: true,
        },
        {
          txt: '（1） ∅是所有集合的子集，所以先写出 ∅；',
          isShow: false,
        },
        {
          txt: '（2） 写出含有一个元素的子集：{a}，{b}，{c}；',
          isShow: false,
        },
        {
          txt: '（3） 写出含有两个元素的子集：{a，b}，{a，c}，{b，c}；',
          isShow: false,
        },
        {
          txt: '（4） 写出含有三个元素的子集：{a，b，c}',
          isShow: false,
        },
      ],
      stepOne: [
        {
          txt: '1:(1)函数f(x)=3x2+1的定义域是R，对任意XER，都有-XER',
@@ -2558,200 +2269,24 @@
          isShow: false,
        },
      ],
      dragQuestion: [
        {
          analysisCon: null,
          answer: ['A', 'B', 'C'],
          difficulty: 0,
          id: '7BC7B760',
          isCollect: false,
          isComplete: false,
          isRight: null,
          isUnfold: '',
          isUserAnswer: false,
          number: 1,
          option: [
            {
              img: '',
              index: '010311',
              txt: '胆小的',
              value: 'A',
              isShow: true,
            },
            {
              img: '',
              index: '010312',
              txt: '善良的',
              value: 'B',
              isShow: true,
            },
            {
              img: '',
              index: '010313',
              txt: '沉稳的',
              value: 'C',
              isShow: true,
            },
          ],
          optionStyle: 'Txt',
          questionType: 'drag',
          score: 2,
          stem: {
            0: '蚂蚁队长走路昂首挺胸、步伐坚定，它是一只(',
            1: {
              data: 'span',
              num: 0,
            },
            2: ')蚂蚁;小蚂蚁走起路来小心翼翼，眼神飘忽不定，它是一只(',
            3: {
              data: 'span',
              num: 1,
            },
            4: ')蚂蚁;蚂蚁小妹面带微笑，时刻愿意帮助大家，它是一只(',
            5: {
              data: 'span',
              num: 2,
            },
            6: ' )蚂蚁',
          },
          stemStyle: 'RichTxt',
          type: '拖拽题',
          userAnswer: [
            {
              vlaue: '',
              txt: '',
            },
            {
              vlaue: '',
              txt: '',
            },
            {
              vlaue: '',
              txt: '',
            },
          ],
        },
      // 新增
      thinkData:[],
      thinkOne: [
        '分析为了不重不漏地写出集合A 的所有子集,我们应分为以下几个 步骤来写.',
        '（1） ∅是所有集合的子集，所以先写出 ∅；',
        '（2） 写出含有一个元素的子集：{a}，{b}，{c}；',
        '（3） 写出含有两个元素的子集：{a，b}，{a，c}，{b，c}；',
        '（4） 写出含有三个元素的子集：{a，b，c}'
      ],
    }
  },

  created() {
    const localData = JSON.parse(localStorage.getItem('chapter001'))
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) }
    }
  },
  methods: {
    changeAssess(e, val) {
      this.chapter001.tkItem01[val] = e.target.value
      localStorage.setItem('chapter001', JSON.stringify(this.chapter001))
    },
    handleChapterData() {
      localStorage.setItem('math-chapterData', JSON.stringify(this.chapterData))
    },
    async getPath() {
      this.videoPath = await getResourcePath('a28cd862d61b5df2201406b76e9f01b0')
      console.log(this.videoPath, '0988')
    },
    // getQuestionData() {
    //   axios
    //     .get(this.config.activeBook.resourceUrl + "/question.json")
    //     .then((res) => {
    //       let oldAnswer = localStorage.getItem(
    //         this.config.activeBook.name + "oldAnswerData"
    //       );
    //       if (oldAnswer) {
    //         oldAnswer = JSON.parse(oldAnswer);
    //         console.log("旧数据", oldAnswer);
    //         if (oldAnswer[9]) {
    //           for (let index = 0; index < res.data.data.length; index++) {
    //             const item = res.data.data[index];
    //             if (item.infoList.length) {
    //               for (
    //                 let cindex = 0;
    //                 cindex < item.infoList.length;
    //                 cindex++
    //               ) {
    //                 const citem = item.infoList[cindex];
    //                 const question = oldAnswer[9].find(
    //                   (ditem) => ditem.id == citem.id
    //                 );
    //                 if (question) {
    //                   citem.userAnswer = question.userAnswer;
    //                 }
    //               }
    //             }
    //           }
    //         }
    //       }
    //       this.questionData = res.data.data;
    //     });
    // },
    handleCollect(type) {
      if (type == 'img') {
        this.handleCollectResource(
          '722FE833',
          '',
          'images/0101-1.jpg',
          '图片',
          'json',
          '图3-15'
        )
      } else if (type == 'video') {
        this.handleCollectResource(
          'a28cd862d61b5df2201406b76e9f01b0',
          'a28cd862d61b5df2201406b76e9f01b0',
          '',
          '视频',
          'bits',
          '视频：判数函数奇偶性的方法和步骤'
        )
        // setCollectResource(this.config.activeBook.bookId,[])
      }
      this.handleChapterData()
    },
    openMathDiaolog() {
      this.dialogVisible = true
    },
    openThinkingDialog() {
      this.thinkingDialog1 = true
      this.ballText =
        '（1） 因为“英文大写”这一条件是明确的，所以“英文大写字母”是确定的对象.'
    },
    openThinkingDialog1() {
      this.thinkingDialog1 = true
      this.ballText =
        '（2） 因为“高个子”这一条件不明确，所以它所指的对象不确定.'
    },

    openThinkingDialog2() {
      this.thinkingDialog1 = true
      this.ballText =
        '（3） 解不等式2x-7＜0得 x ＜ 7 2 .任意一个实数，都可以和 7 2比较大小，所以不等式2x-7＜0的所有实数解都是确定的对象.'
    },

    openThinkingDialog3() {
      this.thinkingDialog1 = true
      this.ballText =
        '（4） 任意一个正整数，能否被5整除是确定的，所以能被5整除的正整数能组成集合.'
    },
    openThinkingDialog4() {
      this.thinkingDialog2 = true
      this.sahdi =
        '用描述法表示集合，关键是找出集合中元素所具有的共同特征.根据对共同特征的描述必须能判定任一对象是否属于这个集合.'
    },
    openThinkingDialog5() {
      console.log(789)
      this.thinkingDialog3 = true
    },
    openThinkingDialog6() {
      this.thinkingDialog2 = true
      this.sahdi =
        '可先将已知集合在数轴上表示出来，然后观察得出交集，但是一定要注意分析端点的情况.'
    },
    openThinkingDialog7() {
      this.thinkingDialog2 = true
      this.sahdi = `集合A表示方程x+2y-6=0的解集，集合B表示方程x-4y=0
      thinkTwo:[
        "（1） 因为“英文大写”这一条件是明确的，所以“英文大写字母”是确定的对象.",
        "（2） 因为“高个子”这一条件不明确，所以它所指的对象不确定.",
        "（3） 解不等式2x-7＜0得 x ＜ 7 2 .任意一个实数，都可以和 7 2比较大小，所以不等式2x-7＜0的所有实数解都是确定的对象.",
        "（4） 任意一个正整数，能否被5整除是确定的，所以能被5整除的正整数能组成集合."
      ],
      thinkThree:['用描述法表示集合，关键是找出集合中元素所具有的共同特征.根据对共同特征的描述必须能判定任一对象是否属于这个集合.'],
      thinkFour:['可先将已知集合在数轴上表示出来，然后观察得出交集，但是一定要注意分析端点的情况.'],
      thinkFive:[`集合A表示方程x+2y-6=0的解集，集合B表示方程x-4y=0
            的解集，两个解集的交集就是二元一次方程组 

          <math display="block">
@@ -2786,22 +2321,20 @@
            </mrow>
          </math>

          <p>的解集.</p> `
    },
    showNext(num) {
      const number = this.thinkOne.findIndex((item, index) => index == num)
      console.log(number)
      this.thinkOne[number].isShow = true
      if (this.thinkIndex <= 3) {
        this.thinkIndex++
      }
    },
    showNextChange(num) {
      const number = this.stepOne.findIndex((item, index) => index == num)
      this.stepOne[number].isShow = true
      if (this.stepIndex < 2) {
        this.stepIndex++
      }
          <p>的解集.</p> `],
      showIndex:0,
    }
  },
  created() {
    const localData = JSON.parse(localStorage.getItem('chapter001'))
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) }
    }
  },
  methods: {
    async getPath() {
      this.videoPath = await getResourcePath('a28cd862d61b5df2201406b76e9f01b0')
      console.log(this.videoPath, '0988')
    },
    //资源收藏事件
    handleCollectResource(
@@ -2832,6 +2365,17 @@
        this.collectResourceList
      )
    },
    // 新增
    openDialog(queryData) {
      this.thinkData = queryData
      this.thinkingDialog = !this.thinkingDialog
    },
    closeDialog() {
      this.showIndex = 0
    },
    changeNext()  {
      if(this.showIndex < this.thinkData.length - 1) this.showIndex = this.showIndex + 1
    }
  },
}
</script>
@@ -2879,5 +2423,4 @@
  }
}

.stepDialog {}
</style>

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

@@ -268,10 +268,9 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[41]" :hideCollect="true" sourceType="json" 
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[41]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>

          <p>
            <span class="zt-ls"><b>例1</b></span>　已知<i>a</i>＞<i>b</i>＞0.
          </p>
@@ -313,24 +312,8 @@
        <div class="padding-116">
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <p>1.用“＞”或“＜”填空.</p>
            <p>
              （1） <i>a</i>+5___<i>b</i>+5（<i>a</i>＜<i>b</i>）；（2）
              <i>x</i>+5___<i>x</i>+2；
            </p>
            <p>
              （3） m+1___<i>m</i>-1；（4）
              -5<i>p</i>___-5<i>q</i>（<i>p</i>＜<i>q</i>）.
            </p>
            <p>2.用“＞”或“＜”填空.</p>
            <p>
              （1） 若4<i>x</i>＜2，则<i>x</i>___<math display="0">
                <mfrac>
                  <mn>1</mn>
                  <mn>2</mn>
                </mfrac>
              </math>；（2） 若<i>a</i>＜0，则2<i>a</i>___<i>a</i>.
            </p>
            <examinations :cardList="questionData[42]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
          <h3 id="c013">2.1.2 作差比较法<span class="fontsz2">＞＞＞</span></h3>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/fxlj.jpg" /></p>
@@ -719,8 +702,21 @@
              </mfrac>
            </math>.
          </p>
          <examinations :cardList="questionData[43]" :hideCollect="true" sourceType="json" 
          v-if="questionData" ></examinations>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[43] ? questionData[43][1] : []" :hideCollect="true" sourceType="json"
              v-if="questionData">
            </examinations>
          </div>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[43] ? questionData[43][2] : []" :hideCollect="true" sourceType="json"
              inputBc="#d3edfa" v-if="questionData"></examinations>
          </div>
        </div>
      </div>
    </div>
@@ -737,8 +733,10 @@
        </ul>
        <div class="padding-116">
          <h3 id="c014">习题2.1<span class="fontsz2">＞＞＞</span></h3>
          <examinations :cardList="questionData[44]" :hideCollect="true" sourceType="json" 
          v-if="questionData" ></examinations>
          <div class="bj">
            <examinations :cardList="questionData[44]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
          <h2 id="b008">2.2 区间<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
          <div class="bk">
            <div class="bj1">
@@ -935,7 +933,7 @@
              </mrow>
            </math>，表示在数轴上如图2-1所示.
          </p>
          <p class="center"><img class="img-c" alt="" src="../../assets/images/0050-7.jpg" /></p>
          <p class="center"><img class="img-f" alt="" src="../../assets/images/0050-7.jpg" /></p>
          <p class="img">图2-1</p>
          <p>
            <span
@@ -945,7 +943,7 @@
            <span class="zt-ls"><b>解</b></span>
            在数轴上将集合<i>A</i>，<i>B</i>表示出来，如图2-2所示.
          </p>
          <p class="center"><img class="img-c" alt="" src="../../assets/images/0050-8.jpg" /></p>
          <p class="center"><img class="img-d" alt="" src="../../assets/images/0050-8.jpg" /></p>
          <p class="img">图2-2</p>
          <p>
            <i>A</i>∩<i>B</i>={<i>x</i>|-5＜<i>x</i>＜6}∩{<i>x</i>|<i>x</i>≥3或<i>x</i>≤-3}
@@ -959,49 +957,23 @@
    <div class="page-box" page="47">
      <div v-if="showPageList.indexOf(47) > -1">
        <ul class="page-header-odd fl al-end">
          <li>040</li>
          <li>040-041</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <p>1.用区间表示下列集合.</p>
            <p>（1） <i>A</i>={<i>x</i>|<i>x</i>＞0}；</p>
            <p>（2） <i>B</i>={<i>x</i>|<i>x</i>＜0}；</p>
            <p>（3） <i>M</i>={<i>x</i>|-1＜<i>x</i>≤0}.</p>
            <p>2.填空题.</p>
            <p>（1） {<i>x</i>|-π≤<i>x</i>≤π}用区间表示为______；</p>
            <p>（2） {<i>x</i>|-π＜<i>x</i>＜π}用区间表示为______；</p>
            <p>（3） {<i>x</i>|-π＜<i>x</i>≤π}用区间表示为______；</p>
            <p>（4） {<i>x</i>|-π≤<i>x</i>＜π}用区间表示为______；</p>
            <p>（5） {<i>x</i>|<i>x</i>≥π}用区间表示为______；</p>
            <p>（6） {<i>x</i>|<i>x</i>＜-π}用区间表示为______.</p>
            <p>
              3.设<b>R</b>为全集，集合<i>M</i>={<i>x</i>|4<i>x</i>＞2<i>x</i>+4}，<i>P</i>={<i>x</i>|-1≤<i>x</i>≤1}，用区间表示下列集合.
            </p>
            <p>
              （1） <i>M</i>∪<i>P</i>，<i>M</i>∩<i>P</i>；（2） ∁<i><sub><b>R</b></sub>M</i>，∁<i><sub><b>R</b></sub>P</i>.
            </p>
            <examinations :cardList="questionData[47] ? questionData[47][1] : []" :hideCollect="true" sourceType="json"
              inputBc="#d3edfa" v-if="questionData"></examinations>
          </div>
        </div>
      </div>
    </div>
    <!-- 041 -->
    <div class="page-box" page="48">
      <div v-if="showPageList.indexOf(48) > -1">
        <ul class="page-header-box">
          <li>
            <p>第二单元 不等式</p>
          </li>
          <li>
            <p><span>041</span></p>
          </li>
        </ul>
        <div class="padding-116">
          <h3 id="c015">习题2.2<span class="fontsz2">＞＞＞</span></h3>
          <examinations :cardList="questionData[47]" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
          <div class="bj">
            <examinations :cardList="questionData[47] ? questionData[47][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
          <h2 id="b009">
            2.3 一元二次不等式<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
          </h2>
@@ -1023,6 +995,9 @@
          </p>
        </div>
      </div>
    </div>
    <!-- 041 -->
    <div class="page-box hidePage" page="48">
    </div>
    <!-- 042 -->
    <div class="page-box" page="49">
@@ -1190,8 +1165,6 @@
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <examinations :cardList="questionData[51]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
          v-if="questionData" ></examinations>
          <p class="center"><img class="img-c" alt="" src="../../assets/images/0055-1.jpg" /></p>
          <p class="img">图2-3</p>
          <p>
@@ -1277,21 +1250,47 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[51]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[51] ? questionData[51][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <p>已知下列二次函数：</p>
            <p>
              ①<i>y</i>=<i>x</i><sup>2</sup>-3<i>x</i>-4， ②<i>y</i>=<i>x</i><sup>2</sup>+<i>x</i>+2，
              ③<i>y</i>=<i>x</i><sup>2</sup>-6<i>x</i>+9.
            </p>
            <p>①<i>y</i>=<i>x</i><sup>2</sup>-3<i>x</i>-4， ②<i>y</i>=<i>x</i><sup>2</sup>+<i>x</i>+2， ③<i>y</i>=<i>x</i><sup>2</sup>-6<i>x</i>+9.</p>
            <p>（1） 分别画出它们的函数图像；</p>
            <paint 
              :page="51"
              :imgUrl="this.config.activeBook.resourceUrl + '/images/a6fe3d63.png'" 
            />
            <p>
              （2）
              根据函数图像写出<i>y</i>=0，<i>y</i>＞0，<i>y</i>＜0时所对应的<i>x</i>的值或取值范围.
              （2） 根据函数图像写出<i>y</i>=0，<i>y</i>＞0，<i>y</i>＜0时所对应的<i>x</i>的值或取值范围.
              <span class="btn-box" @click="isShowAnswer = !isShowAnswer">
                <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501">
                  <path class="a"
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
            </p>
            <el-input type="textarea"  placeholder="请输入内容" rows="6" class="question-textarea" ></el-input>
            <ul class="table-answer-box" v-if="isShowAnswer">
              <li>答案：</li>
              <li>
                <math  display="block">  <mrow>    <mo>&#x2460;</mo>  </mrow>  <mi>y</mi>  <mo>=</mo>  <msup>    <mi>x</mi>    <mrow>      <mn>2</mn>    </mrow>  </msup>  <mo>&#x2212;</mo>  <mn>3</mn>  <mi>x</mi>  <mo>&#x2212;</mo>  <mn>4</mn>  <mo>=</mo>  <mo stretchy="false">(</mo>  <mi>x</mi>  <mo>+</mo>  <mn>1</mn>  <mo stretchy="false">)</mo>  <mo stretchy="false">(</mo>  <mi>x</mi>  <mo>&#x2212;</mo>  <mn>4</mn>  <mo stretchy="false">)</mo></math>
                <math  display="block">  <mo>&#x5F53;</mo>  <mi>y</mi>  <mo>=</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>1</mn>    </mrow>  </msub>  <mo>=</mo>  <mo>&#x2212;</mo>  <mn>1</mn>  <mo>&#x6216;</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>2</mn>    </mrow>  </msub>  <mo>=</mo>  <mn>4</mn>  <mo>&#xFF0C;</mo></math>
                <math  display="block">  <mo>&#x5F53;</mo>  <mi>y</mi>  <mo>&gt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;</mo>  <mi>x</mi>  <mo>&lt;</mo>  <mo>&#x2212;</mo>  <mn>1</mn>  <mo>&#x6216;</mo>  <mi>x</mi>  <mo>&gt;</mo>  <mn>4</mn>  <mo>&#xFF0C;</mo></math>
                <math  display="block">  <mo>&#x5F53;</mo>  <mi>y</mi>  <mo>&lt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;</mo>  <mo>&#x2212;</mo>  <mn>1</mn>  <mo>&lt;</mo>  <mi>x</mi>  <mo>&lt;</mo>  <mn>4</mn>  <mo>&#xFF1B;</mo></math>
                <math  display="block">  <mo>&#x56E0;&#x6B64;&#x5F53;</mo>  <mi>y</mi>  <mo>=</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;&#x6240;&#x5BF9;&#x5E94;&#x7684;&#x70B9;&#x4E3A;</mo>  <mo stretchy="false">(</mo>  <mo>&#x2212;</mo>  <mn>1</mn>  <mo>,</mo>  <mn>0</mn>  <mo stretchy="false">)</mo>  <mo>,</mo>  <mo stretchy="false">(</mo>  <mn>4</mn>  <mo>,</mo>  <mn>0</mn>  <mo stretchy="false">)</mo>  <mo>;</mo>  <mo>&#x5F53;</mo>  <mi>y</mi>  <mo>&gt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;&#x6240;&#x5BF9;&#x5E94;&#x7684;&#x70B9;&#x4E3A;</mo>  </math>
                <math  display="block"> <mo stretchy="false">(</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>,</mo>  <mi>y</mi>  <mo stretchy="false">)</mo>  <mo>&#xFF0C;&#x5176;&#x4E2D;&#xFF0C;</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>&lt;</mo>  <mo>&#x2212;</mo>  <mn>1</mn>  <mo>&#x6216;</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>&gt;</mo>  <mn>4</mn>  <mo>&#xFF1B;</mo> </math>
                <math  display="block">  <mo>&#x5F53;</mo>  <mi>y</mi>  <mo>&lt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;&#x6240;&#x5BF9;&#x5E94;&#x7684;&#x70B9;&#x4E3A;</mo>  <mo stretchy="false">(</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>,</mo>  <mi>y</mi>  <mo stretchy="false">)</mo>  <mo>&#xFF0C;&#x5176;&#x4E2D;</mo>  <mo>&#x2212;</mo>  <mn>1</mn>  <mo>&lt;</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>&lt;</mo>  <mn>4</mn>  <mo>&#xFF1B;</mo></math>
                <math  display="block">  <mrow>    <mo>&#x2461;</mo>  </mrow>  <mi>y</mi>  <mo>=</mo>  <msup>    <mi>x</mi>    <mrow>      <mn>2</mn>    </mrow>  </msup>  <mo>+</mo>  <mi>x</mi>  <mo>+</mo>  <mn>2</mn>  <mo>=</mo>  <mo stretchy="false">(</mo>  <mi>x</mi>  <mo>+</mo>  <mfrac>    <mn>1</mn>    <mn>2</mn>  </mfrac>  <msup>    <mo stretchy="false">)</mo>    <mrow>      <mn>2</mn>    </mrow>  </msup>  <mo>+</mo>  <mfrac>    <mn>7</mn>    <mn>4</mn>  </mfrac>  <mo>&gt;</mo>  <mn>0</mn>  <mo>&#xFF1B;</mo></math>
                <math  display="block">  <mo>&#x5F53;</mo>  <mi>y</mi>  <mo>=</mo>  <mn>0</mn>  <mo>&#xFF0C;</mo>  <mi>y</mi>  <mo>&lt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;&#x6CA1;&#x6709;&#x5BF9;&#x5E94;&#x7684;&#x70B9;&#xFF1B;&#x5F53;</mo>  <mi>y</mi>  <mo>&gt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;&#x6240;&#x5BF9;&#x5E94;&#x7684;&#x70B9;&#x4E3A;</mo>  <mo stretchy="false">(</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>,</mo>  <mi>y</mi>  <mo stretchy="false">)</mo> </math>
                <math> <mo>&#xFF0C;&#x5176;&#x4E2D;</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>&#x2208;</mo>  <mi>R</mi>  <mo>.</mo></math>
                <math  display="block">  <mrow>    <mo>&#x2462;</mo>  </mrow>  <mi>y</mi>  <mo>=</mo>  <msup>    <mi>x</mi>    <mrow>      <mn>2</mn>    </mrow>  </msup>  <mo>&#x2212;</mo>  <mn>6</mn>  <mi>x</mi>  <mo>+</mo>  <mn>9</mn>  <mo>=</mo>  <mo stretchy="false">(</mo>  <mi>x</mi>  <mo>&#x2212;</mo>  <mn>3</mn>  <msup>    <mo stretchy="false">)</mo>    <mrow>      <mn>2</mn>    </mrow>  </msup>  <mo>.</mo></math>
                <math  display="block">  <mo>&#x5F53;</mo>  <mi>y</mi>  <mo>=</mo>  <mn>0</mn>  <mo>&#x65F6;</mo>  <mo>,</mo>  <mo>&#x6240;&#x5BF9;&#x5E94;&#x7684;&#x70B9;&#x4E3A;</mo>  <mo stretchy="false">(</mo>  <mn>3</mn>  <mo>,</mo>  <mn>0</mn>  <mo stretchy="false">)</mo>  <mo>&#xFF1B;&#x5F53;</mo>  <mi>y</mi>  <mo>&gt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;&#x6240;&#x5BF9;&#x5E94;&#x7684;&#x70B9;&#x4E3A;</mo>  <mo stretchy="false">(</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>,</mo>  <mi>y</mi>  <mo stretchy="false">)</mo> </math>
                <math  display="block"> <mo>&#xFF0C;&#x5176;&#x4E2D;</mo>  <msub>    <mi>x</mi>    <mrow>      <mn>0</mn>    </mrow>  </msub>  <mo>&#x2260;</mo>  <mn>3</mn>  <mo>&#xFF1B;&#x5F53;</mo>  <mi>y</mi>  <mo>&lt;</mo>  <mn>0</mn>  <mo>&#x65F6;&#xFF0C;&#x6CA1;&#x6709;&#x5BF9;&#x5E94;&#x7684;&#x70B9;</mo>  <mo>.</mo></math>
              </li>
            </ul>
          </div>
        </div>
      </div>
@@ -1565,6 +1564,15 @@
        <div class="padding-116">
          <p class="img">续表</p>
          <p class="center"><img class="img-a" alt="" src="../../assets/images/0058-1.jpg" /></p>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[54] ? questionData[54][1] : []" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/cxgk.jpg" /></p>
          <p>
            一般地，与二次函数<i>y</i>=<i>ax</i><sup>2</sup>+<i>bx</i>+<i>c</i>（<i>a</i>＞0）对应的一元二次不等式有四种情形，分别是<i>ax</i><sup>2</sup>+<i>bx</i>+<i>c</i>＞0，<i>ax</i><sup>2</sup>+<i>bx</i>+<i>c</i>≥0，<i>ax</i><sup>2</sup>+<i>bx</i>+<i>c</i>＜0，<i>ax</i><sup>2</sup>+<i>bx</i>+<i>c</i>≤0.利用二次函数<i>y</i>=<i>ax</i><sup>2</sup>+<i>bx</i>+<i>c</i>（<i>a</i>＞0）的图像求解相应的一元二次不等式，可以分为三步.
@@ -1577,8 +1585,8 @@
          </p>
          <p>第三步：观察简图，写出不等式的解集.</p>
          <div class="bj">
            <examinations :cardList="questionData[54]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[54] ? questionData[54][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -1592,15 +1600,6 @@
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <div class="bj">
            <p>
              （4） <i>x</i><sup>2</sup>-3<i>x</i>-4＞0；（5） <i>x</i><sup>2</sup>-<i>x</i>-2≤0；（6）
              -<i>x</i><sup>2</sup>-3<i>x</i>＜0；
            </p>
            <p>
              （7） -<i>x</i><sup>2</sup>+5<i>x</i>-6＜0；（8） -3<i>x</i><sup>2</sup>+2<i>x</i>-1＞0.
            </p>
          </div>
          <h3 id="c018">
            2.3.3 特殊类型一元二次不等式的解法<span class="fontsz2">＞＞＞</span>
          </h3>
@@ -1797,7 +1796,7 @@
          <div class="bj">
            <p>解下列一元二次不等式.</p>
            <examinations :cardList="questionData[56]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -1812,9 +1811,9 @@
        </ul>
        <div class="padding-116">
          <h3 id="c019">习题2.3<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj" >
          <div class="bj">
            <examinations :cardList="questionData[57]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -2100,8 +2099,22 @@
              </mrow>
            </math>.
          </p>
          <examinations :cardList="questionData[60]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
          v-if="questionData" ></examinations>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[60] ? questionData[60][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData"></examinations>
          </div>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[60] ? questionData[60][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData"></examinations>
          </div>
          <h3 id="c021">
            2.4.2
            |<i>ax</i>+<i>b</i>|＜<i>c</i>和|<i>ax</i>+<i>b</i>|＞<i>c</i>（<i>c</i>＞0）的解法<span class="fontsz2">＞＞＞</span>
@@ -2174,7 +2187,7 @@
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[61]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -2194,7 +2207,7 @@
          <h3 id="c022">习题2.4<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj">
            <examinations :cardList="questionData[62]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
              v-if="questionData"></examinations>
          </div>
          <h2 id="b011">
            2.5 不等式的应用<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
@@ -2291,8 +2304,8 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[63]" :hideCollect="true" sourceType="json" 
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[63]" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
        </div>
      </div>
@@ -2313,8 +2326,8 @@
          <p class="img">第2题图</p>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[64]" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
            <examinations :cardList="questionData[64]" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <h3 id="c024">
            2.5.2 不等式与复杂实际问题<span class="fontsz2">＞＞＞</span>
@@ -2379,7 +2392,6 @@
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>

        <div class="padding-116">
          <p>
            生的身体素质，该指标是指学生参加50m跑，立定跳远，力量（男生引体向上、女生1分钟仰卧起坐），耐力跑（男生1
@@ -2422,9 +2434,8 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <p class="block">
              小组合作收集用一元二次不等式解决的实际问题，并探究解决这类问题的一般步骤和注意事项.
            </p>
            <examinations :cardList="questionData[65]" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
          </div>
        </div>
      </div>
@@ -2441,17 +2452,24 @@
          </li>
        </ul>
        <div class="padding-116">
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[66] ? questionData[66][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
          <h3 id="c025">习题2.5<span class="fontsz2">＞＞＞</span></h3>
          <div  class="bj" >
            <examinations :cardList="questionData[66]" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
          <div class="bj">
            <examinations :cardList="questionData[66] ? questionData[66][2] : []" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
        </div>
      </div>
    </div>
    <!-- 060 -->
    <div class="page-box hidePage" page="67">
      

    </div>
    <!-- 061 -->
    <div class="page-box" page="68">
@@ -2966,9 +2984,9 @@
        </ul>
        <div class="padding-116">
          <h2 id="b014">单元检测<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
          <div class="bj" >
            <examinations :cardList="questionData[72]" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
          <div class="bj">
            <examinations :cardList="questionData[72]" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
        </div>
      </div>
@@ -2980,6 +2998,7 @@
</template>

<script>
import paint from '@/components/paint/index.vue'
import examinations from '@/components/examinations/index.vue'
export default {
  name: "",
@@ -2992,9 +3011,11 @@
      type: Object,
    },
  },
  components: {examinations},
  components: { examinations,paint },
  data() {
    return {};
    return {
      isShowAnswer:false
    };
  },
  mounted() { },
  methods: {},
@@ -3012,4 +3033,15 @@
  top: 0;
  width: 140px;
}
.question-textarea {
  margin-left: 20px;
  width: 94%;
  border-color:#DCDFE6;
}
.table-answer-box {
  math {
    width: max-content;
    height: 36px;
  }
}
</style>

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

@@ -143,6 +143,15 @@
            <p><b>相关链接</b></p>
            <p class="block">魔方是由6个不同颜色的面组成的正方体，它可组成约4 325亿亿种不同颜色的组合，其最佳复原魔方颜色组合的方法是用数学方法研究出来的.</p>
          </div>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[78] ? questionData[78][1] : []" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <p class="center"><img class="img-c" alt="" src="../../assets/images/0082-2.jpg" /></p>
          <p class="img">图3-2</p>
          <p><span class="zt-ls"><b>例3</b></span>　如图3-2所示，一个边长是<i>a</i>的正方体，体积是<i>V</i>，写出体积<i>V</i> 随边长<i>a</i>
@@ -152,7 +161,7 @@
          <p>其中<i>a</i>是自变量，定义域为{<i>a</i>|<i>a</i>＞0}.</p>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[78]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[78] ? questionData[78][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -400,7 +409,7 @@
          <p>所以函数<i>f</i>（<i>x</i>）的定义域是{<i>x</i>|<i>x</i>≥-2且<i>x</i>≠3}.</p>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj" >
            <examinations :cardList="questionData[80]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[80]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -410,262 +419,15 @@
    <div class="page-box" page="81">
      <div v-if="showPageList.indexOf(81) > -1">
        <ul class="page-header-odd fl al-end">
          <li>074</li>
          <li>074-076</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <h3 id="c026">习题3.1<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj" >
            <examinations :cardList="questionData[81]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[81]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
      </div>
    </div>
    <!-- 075 -->
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -1">
        <ul class="page-header-box">
          <li>
            <p>第三单元 函数</p>
          </li>
          <li>
            <p><span>075</span></p>
          </li>
        </ul>
        <div class="padding-116">
          <div class="bj">
            <p class="center"><img class="img-c" alt="" src="../../assets/images/0086-1.jpg" /></p>
            <p class="img">第2（2） 题图</p>
            <p>3.解答题.</p>
            <p>（1） 小梁第一季度和第二季度每月手机费充值如表3-3所示，请用函数的概念描述小梁每月手机费充值金额<i>y</i>（元）与月份<i>x</i>的对应关系.</p>
            <p class="img">表3-3</p>
            <p class="center"><img class="img-a" alt="" src="../../assets/images/0086-2.jpg" /></p>
            <p>（2） 求下列函数的定义域.</p>
            <p>①<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mfrac>
                  <mi>x</mi>
                  <mrow>
                    <mi>x</mi>
                    <mo>−</mo>
                    <mn>1</mn>
                  </mrow>
                </mfrac>
              </math>；</p>
            <p>②<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <msqrt>
                  <mi>x</mi>
                  <mo>+</mo>
                  <mn>3</mn>
                </msqrt>
                <mo>+</mo>
                <msqrt>
                  <mn>2</mn>
                  <mo>−</mo>
                  <mi>x</mi>
                </msqrt>
              </math>；</p>
            <p>③<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <msqrt>
                  <msup>
                    <mi>x</mi>
                    <mrow>
                      <mn>2</mn>
                    </mrow>
                  </msup>
                  <mo>−</mo>
                  <mn>5</mn>
                  <mi>x</mi>
                  <mo>+</mo>
                  <mn>6</mn>
                </msqrt>
              </math>.</p>
            <p><span class="bj-sp"><b>水平二</b></span></p>
            <p>1.填空题.</p>
            <p>（1） 若函数<i>f</i>（<i>x</i>）=2<i>x</i>+<i>b</i>，且<i>f</i>（-1）=5，则<i>b</i>=____；</p>
            <p>（2） 若函数<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">{</mo>
                  <mtable columnspacing="1em" rowspacing="4pt">
                    <mtr>
                      <mtd>
                        <mn>2</mn>
                        <mo>−</mo>
                        <mi>x</mi>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>≤</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <msup>
                          <mi>x</mi>
                          <mrow>
                            <mn>2</mn>
                          </mrow>
                        </msup>
                        <mo>−</mo>
                        <mn>3</mn>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>＞</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                    </mtr>
                  </mtable>
                  <mo data-mjx-texclass="CLOSE" fence="true" stretchy="true" symmetric="true"></mo>
                </mrow>
              </math>，则<i>f</i>（-1）=____，<i>f</i>（<i>f</i>（-1））=</p>
            <p>____；</p>
            <p>（3） 若函数<i>f</i>（<i>t</i>-1）=4<i>t</i>+7，则<i>f</i>（2）=____.</p>
            <p>2.求下列函数的定义域.</p>
            <p>（1） <math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <msqrt>
                  <msup>
                    <mi>x</mi>
                    <mrow>
                      <mn>2</mn>
                    </mrow>
                  </msup>
                  <mo>−</mo>
                  <mn>16</mn>
                </msqrt>
              </math>；</p>
            <p>（2） <math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mfrac>
                  <mn>1</mn>
                  <msqrt>
                    <msup>
                      <mi>x</mi>
                      <mrow>
                        <mn>2</mn>
                      </mrow>
                    </msup>
                    <mo>−</mo>
                    <mn>3</mn>
                    <mi>x</mi>
                  </msqrt>
                </mfrac>
              </math>；</p>
            <p>（3） <math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <msqrt>
                  <mn>5</mn>
                  <mo>−</mo>
                  <mrow>
                    <mo stretchy="false">|</mo>
                  </mrow>
                  <mn>3</mn>
                  <mi>x</mi>
                  <mo>−</mo>
                  <mn>1</mn>
                  <mo stretchy="false">|</mo>
                </msqrt>
                <mo>+</mo>
                <mfrac>
                  <mn>1</mn>
                  <mrow>
                    <mi>x</mi>
                    <mo>−</mo>
                    <mn>2</mn>
                  </mrow>
                </mfrac>
              </math>.</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 076 -->
    <div class="page-box" page="83">
      <div v-if="showPageList.indexOf(83) > -1">
        <ul class="page-header-odd fl al-end">
          <li>076</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>

        <div class="padding-116">
          <div class="bj">
            <p>3.已知函数<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <msqrt>
                  <msup>
                    <mi>x</mi>
                    <mrow>
                      <mn>2</mn>
                    </mrow>
                  </msup>
                  <mo>−</mo>
                  <mn>4</mn>
                  <mi>x</mi>
                  <mo>+</mo>
                  <mn>3</mn>
                </msqrt>
              </math>.</p>
            <p>（1） 求函数的定义域；</p>
            <p>（2） 比较<i>f</i>（5）与<i>f</i>（3）的大小；</p>
            <p>（3） 求函数的值域.</p>
          </div>
          <h2 id="b016">3.2 函数的表示方法<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
          <h3 id="c027">3.2.1 函数的表示方法<span class="fontsz2">＞＞＞</span></h3>
@@ -684,6 +446,12 @@
          <p>表3-4清晰地反映了年份与当年快递业务量（亿件）之间的对应关系.在实际生活中，用列表法表示变量之间对应关系的例子还有很多.例如，记录某人每天的消费情况、单位职工的每月薪资收入、银行使用的存款“利息表”等.</p>
        </div>
      </div>
    </div>
    <!-- 075 -->
    <div class="page-box hidePage" page="82">
    </div>
    <!-- 076 -->
    <div class="page-box hidePage" page="83">
    </div>
    <!-- 077 -->
    <div class="page-box" page="84">
@@ -747,11 +515,12 @@
            <div class="bj1-hzjl">
              <p class="left"><img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" /></p>
            </div>
            <p class="block">分组探讨，例2中的函数能否用解析法表示？例3中的函数能否用列表法和解析法表示？比较函数的三种表示方法，它们各自的特点是什么？</p>
            <examinations :cardList="questionData[85] ? questionData[85][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[85]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[85] ? questionData[85][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -1074,233 +843,13 @@
            <div class="bj1-hzjl">
              <p class="left"><img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" /></p>
            </div>
            <p class="block">依法纳税是每个公民的义务.查找国家征收个人所得税税率表， 并讨论：如果一个公司内两位员工一年的个人综合所得额分别为12万和15万，那么这两位员工所缴纳的个人所得税税额分别是多少？
            </p>
            <examinations :cardList="questionData[88] ? questionData[88][1] : []" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
          </div>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <p>1.填空题.</p>
            <p>（1） 若函数<math display="0">
                <mi>y</mi>
                <mo>=</mo>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">{</mo>
                  <mtable columnspacing="1em" rowspacing="4pt">
                    <mtr>
                      <mtd>
                        <mi>x</mi>
                        <mo>+</mo>
                        <mn>1</mn>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>∈</mo>
                        <mrow data-mjx-texclass="INNER">
                          <mo data-mjx-texclass="OPEN">{</mo>
                          <mn>0</mn>
                          <mo>，</mo>
                          <mn>1</mn>
                          <mo>，</mo>
                          <mn>2</mn>
                          <mo data-mjx-texclass="CLOSE">}</mo>
                        </mrow>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <mn>2</mn>
                        <mi>x</mi>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>∈</mo>
                        <mrow data-mjx-texclass="INNER">
                          <mo data-mjx-texclass="OPEN">{</mo>
                          <mn>3</mn>
                          <mo>，</mo>
                          <mn>4</mn>
                          <mo data-mjx-texclass="CLOSE">}</mo>
                        </mrow>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                  </mtable>
                  <mo data-mjx-texclass="CLOSE" fence="true" stretchy="true" symmetric="true"></mo>
                </mrow>
              </math>，则<i>f</i>（0）=____，<i>f</i>（3）=____；</p>
            <p>（2） 若函数<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">{</mo>
                  <mtable columnspacing="1em" rowspacing="4pt">
                    <mtr>
                      <mtd>
                        <mn>3</mn>
                        <mi>x</mi>
                        <mo>−</mo>
                        <mn>1</mn>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>＜</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <msqrt>
                          <mi>x</mi>
                        </msqrt>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>≥</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                  </mtable>
                  <mo data-mjx-texclass="CLOSE" fence="true" stretchy="true" symmetric="true"></mo>
                </mrow>
              </math>____，</p>
            <p><i>f</i>（4）=____；</p>
            <p>（3） 若函数<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">{</mo>
                  <mtable columnspacing="1em" rowspacing="4pt">
                    <mtr>
                      <mtd>
                        <mn>3</mn>
                        <mi>x</mi>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>≤</mo>
                        <mo>−</mo>
                        <mn>2</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <mn>2020</mn>
                        <mo>，</mo>
                        <mo>−</mo>
                        <mn>2</mn>
                        <mo>＜</mo>
                        <mi>x</mi>
                        <mo>≤</mo>
                        <mn>2</mn>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <msup>
                          <mi>x</mi>
                          <mrow>
                            <mn>2</mn>
                          </mrow>
                        </msup>
                        <mo>−</mo>
                        <mn>1</mn>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>＞</mo>
                        <mn>2</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                  </mtable>
                  <mo data-mjx-texclass="CLOSE" fence="true" stretchy="true" symmetric="true"></mo>
                </mrow>
              </math>，则<i>f</i>（-1）=____，<i>f</i>（0）=____，<i>f</i>（3）=____；</p>
            <p>（4） 若函数<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">{</mo>
                  <mtable columnspacing="1em" rowspacing="4pt">
                    <mtr>
                      <mtd>
                        <msup>
                          <mi>x</mi>
                          <mrow>
                            <mn>2</mn>
                          </mrow>
                        </msup>
                        <mo>+</mo>
                        <mn>3</mn>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>＜</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <msqrt>
                          <mn>2</mn>
                          <mi>x</mi>
                          <mo>+</mo>
                          <mn>1</mn>
                        </msqrt>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>≥</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                  </mtable>
                  <mo data-mjx-texclass="CLOSE" fence="true" stretchy="true" symmetric="true"></mo>
                </mrow>
              </math>____.</p>
            <p>2.为了促销某品牌的薯片，某电商平台拟采取如下促销方式：每袋薯片原来的价格是6元，若顾客购买30袋及以上，则每袋的价格为5元.假设某顾客一次性购买这种薯片<i>x</i>袋，电商平台收款是<i>y</i>元.
            </p>
            <p>（1） 当<i>x</i>＜30，<i>x</i>∈<b>N</b>时，写出<i>y</i>与<i>x</i>的函数关系式；</p>
            <examinations :cardList="questionData[88] ? questionData[88][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
      </div>
@@ -1309,205 +858,15 @@
    <div class="page-box" page="89">
      <div v-if="showPageList.indexOf(89) > -1">
        <ul class="page-header-odd fl al-end">
          <li>082</li>
          <li>082-084</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>

        <div class="padding-116">
          <div class="bj">
            <p>（2） 用解析法表示函数<i>y</i>=<i>f</i>（<i>x</i>）.</p>
            <p>3.某市居民家庭燃气收费采用分段计费方式，如表3-8所示.</p>
            <p>（1） 小黄家8月使用燃气46 m<sup>3</sup>，他家应付燃气费多少元；</p>
            <p>（2） 用解析法表示每户居民家庭每月缴纳燃气费<i>y</i>（元）与使用燃气量<i>x</i>（<i>m</i><sup>3</sup>）的函数关系，并画出函数的图像.</p>
            <p class="img">表3-8 某市居民家庭每月用燃气计费价格表</p>
            <p class="center"><img class="img-a" alt="" src="../../assets/images/0093-1.jpg" /></p>
          </div>
          <h3 id="c029">习题3.2<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj">
            <p><span class="bj-sp"><b>水平一</b></span></p>
            <p>1.选择题.</p>
            <p>（1） 某商场有某品牌的电动车30辆可供出售，每辆售价2 000元，那么该商场出售电动车的营业额<i>y</i>（元）与出售的数量<i>x</i>之间的函数关系用解析法表示正确的是（　）.</p>
            <p>A.<i>y</i>=2 000<i>x</i></p>
            <p>B.<i>y</i>=2 000<i>x</i>，<i>x</i>≤30</p>
            <p>C.<i>y</i>=2 000<i>x</i>，<i>x</i>≤30，且<i>x</i>∈<b>N</b></p>
            <p>D.<i>y</i>=30<i>x</i></p>
            <p>（2） 若函数<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">{</mo>
                  <mtable columnspacing="1em" rowspacing="4pt">
                    <mtr>
                      <mtd>
                        <msup>
                          <mi>x</mi>
                          <mrow>
                            <mn>2</mn>
                          </mrow>
                        </msup>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>≤</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <mn>2</mn>
                        <mi>x</mi>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>＞</mo>
                        <mn>0</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                  </mtable>
                  <mo data-mjx-texclass="CLOSE" fence="true" stretchy="true" symmetric="true"></mo>
                </mrow>
              </math>，则<i>f</i>（-1）+<i>f</i>（1）=（　）.</p>
            <p>A.0</p>
            <p>B.2</p>
            <p>C.3</p>
            <p>D.4</p>
            <p>2.市场上新上市的苹果价格是7.2元/kg，用解析法表示购买苹果应付款<i>y</i>（元）与购买质量<i>x</i>（kg ）的函数关系.</p>
            <p>3.某快递公司在<i>A</i>城内的运费价格如表3-9所示，用<i>x</i>（kg ）表示物品的质量，<i>y</i>（元）表示快递物品的运费.</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 083 -->
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -1">
        <ul class="page-header-box">
          <li>
            <p>第三单元 函数</p>
          </li>
          <li>
            <p><span>083</span></p>
          </li>
        </ul>
        <div class="padding-116">
          <div class="bj">
            <p class="img">表3-9</p>
            <p class="center"><img class="img-a" alt="" src="../../assets/images/0094-1.jpg" /></p>
            <p>（1） 某顾客在<i>A</i>城内快递物品，如果质量是2.5 kg，那么他应付快递费多少元？</p>
            <p>（2） 用解析法表示函数<i>y</i>=<i>f</i>（<i>x</i>）.</p>
            <p>（3） 画出函数<i>y</i>=<i>f</i>（<i>x</i>）的图像.</p>
            <p>4.某城市公交车2号线路共设置10站，乘车收费标准为：乘客若乘坐不超过6站则收费2元；若乘坐超过6 站则收费4元.用<i>x</i>表示乘车的站数，<i>y</i>表示收费金额.</p>
            <p>（1） 用列表法表示公交车收费<i>y</i>与乘车的站数<i>x</i>之间的函数关系；</p>
            <p>（2） 用解析法表示函数<i>y</i>=<i>f</i>（<i>x</i>）；</p>
            <p>（3） 画出函数<i>y</i>=<i>f</i>（<i>x</i>）的图像.</p>
            <p>5.某商户以每千克30元的价格购入100 kg
              某种野生菌，并把野生菌放入冷库中，但最多只能存放15天.据预测，这批野生菌的单价每天将上涨0.2元.在不考虑其他因素的情况下，这批野生菌的售价<i>y</i>（元）是存放天数<i>x</i>的函数.</p>
            <p>（1） 写出函数的定义域；</p>
            <p>（2） 用解析法表示<i>y</i>与<i>x</i>的函数关系；</p>
            <p>（3） 设一次性出售这批野生菌可获利<i>P</i>元，用解析法表示<i>P</i>与<i>x</i>的函数关系.</p>
            <p><span class="bj-sp"><b>水平二</b></span></p>
            <p>1.已知函数<math display="0">
                <mi>f</mi>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">(</mo>
                  <mi>x</mi>
                  <mo data-mjx-texclass="CLOSE">)</mo>
                </mrow>
                <mo>=</mo>
                <mrow data-mjx-texclass="INNER">
                  <mo data-mjx-texclass="OPEN">{</mo>
                  <mtable columnspacing="1em" rowspacing="4pt">
                    <mtr>
                      <mtd>
                        <mi>x</mi>
                        <mo>+</mo>
                        <mn>2</mn>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>≤</mo>
                        <mo>−</mo>
                        <mn>1</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <msup>
                          <mi>x</mi>
                          <mrow>
                            <mn>2</mn>
                          </mrow>
                        </msup>
                        <mo>，</mo>
                        <mo>−</mo>
                        <mn>1</mn>
                        <mo>＜</mo>
                        <mi>x</mi>
                        <mo>＜</mo>
                        <mn>2</mn>
                        <mo>，</mo>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                    <mtr>
                      <mtd>
                        <mn>3</mn>
                        <mi>x</mi>
                        <mo>，</mo>
                        <mi>x</mi>
                        <mo>≥</mo>
                        <mn>2.</mn>
                      </mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                      <mtd></mtd>
                    </mtr>
                  </mtable>
                  <mo data-mjx-texclass="CLOSE" fence="true" stretchy="true" symmetric="true"></mo>
                </mrow>
              </math>.</p>
            <p>（1） 求<i>f</i>（0）+<i>f</i>（4）的值；</p>
            <p>（2） 若<i>f</i>（<i>x</i>）=3，求<i>x</i>的值.</p>
            <p>2.某市出租车的计价标准：按出租车实际行驶路程计费，4 km及以下收费10元，超过4 km的部分按2元/km计费.</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 084 -->
    <div class="page-box" page="91">
      <div v-if="showPageList.indexOf(91) > -1">
        <ul class="page-header-odd fl al-end">
          <li>084</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <div class="bj">
            <p>（1） 如果某人搭乘出租车行驶了20 km，那么他需要付费多少元？</p>
            <p>（2） 请表示出租车收费<i>y</i>（元）与行驶的路程<i>x</i>（km） 之间的函数关系；</p>
            <p>（3） 画出（2） 中函数的图像.</p>
            <p>3.为鼓励居民节约用水，某自来水公司按表3-10的收费标准收取每户居民家庭每月水费.</p>
            <p class="img">表3-10</p>
            <p class="center"><img class="img-a" alt="" src="../../assets/images/0095-1.jpg" /></p>
            <p>（1） 小明家8月的用水量是13 <i>t</i>，小王家8月的用水量是16 <i>t</i>，小明家和小王家分别应付水费多少元？</p>
            <p>（2） 写出每户家庭居民每月付水费<i>y</i>（元）与用水量<i>x</i>（<i>t</i>）的函数关系，并画出该函数的图像；</p>
            <p>（3） 若小李家9月付水费66元，则他家这个月的用水量是多少？</p>
            <examinations :cardList="questionData[89]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
          <h2 id="b017">3.3 函数的单调性和奇偶性<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
          <h3 id="c030">3.3.1 函数的单调性<span class="fontsz2">＞＞＞</span></h3>
@@ -1517,6 +876,12 @@
          </p>
        </div>
      </div>
    </div>
    <!-- 083 -->
    <div class="page-box hidePage" page="90">
    </div>
    <!-- 084 -->
    <div class="page-box hidePage" page="91">
    </div>
    <!-- 085 -->
    <div class="page-box" page="92">
@@ -2350,6 +1715,15 @@
            <i>f</i>（-<i>x</i>）=（-<i>x</i>）+|-<i>x</i>|=-<i>x</i>+|<i>x</i>|=-（<i>x</i>-|<i>x</i>|）≠-<i>f</i>（<i>x</i>）.
          </p>
          <p>所以，函数<i>f</i>（<i>x</i>）=<i>x</i>+|<i>x</i>|不是奇函数.</p>
          <div class="bk-hzjl">
            <div class="bj1-hzjl">
              <p class="left">
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[103] ? questionData[103][1] : []" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <p>如果一个函数是奇函数或偶函数，那么就称这个函数具有<b>奇偶性</b>.否则，函数不具有奇偶性.</p>
          <p><span class="zt-ls"><b>例7</b></span>　判断下列函数的奇偶性.</p>
          <p>（1） <i>f</i>（<i>x</i>）=<i>x</i><sup>4</sup>；（2） <math display="0">
@@ -2483,7 +1857,7 @@
            <div class="bj1-hzjl">
              <p class="left"><img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" /></p>
            </div>
            <examinations :cardList="questionData[103]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[103] ? questionData[103][2] : []" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -2714,7 +2088,7 @@
    <div class="page-box" page="109">
      <div v-if="showPageList.indexOf(109) > -1">
        <ul class="page-header-odd fl al-end">
          <li>102</li>
          <li>102-103</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>
@@ -2793,21 +2167,6 @@
          <p class="center"><i>w</i>=-20（<i>x</i>-45）<sup>2</sup>+4 500.</p>
          <p>所以，当<i>x</i>=45时，<i>w</i>的值最大，最大值是4 500.</p>
          <p>答：当销售单价为45元时，该批发商每月可获得最大利润，最大利润是4 500元.</p>
        </div>
      </div>
    </div>
    <!-- 103 -->
    <div class="page-box" page="110">
      <div v-if="showPageList.indexOf(110) > -1">
        <ul class="page-header-box">
          <li>
            <p>第三单元 函数</p>
          </li>
          <li>
            <p><span>103</span></p>
          </li>
        </ul>
        <div class="padding-116">
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[110]" :hideCollect="true" sourceType="json"
@@ -2815,6 +2174,9 @@
          </div>
        </div>
      </div>
    </div>
    <!-- 103 -->
    <div class="page-box hidePage" page="110">
    </div>
    <!-- 104 -->
    <div class="page-box" page="111">
@@ -3238,7 +2600,6 @@
    },
    showNext(num) {
      const number = this.thinkOne.findIndex((item, index) => index == num);
      console.log(number);
      this.thinkOne[number].isShow = true;
      if (this.thinkIndex <= 2) {
        this.thinkIndex++;

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

@@ -3273,7 +3273,6 @@
        </div>
      </div>
    </div>

    <!-- 128 -->
    <div class="page-box" page="135">
      <div v-if="showPageList.indexOf(135) > -1">
@@ -3291,7 +3290,6 @@
        </div>
      </div>
    </div>

    <!-- 129 -->
    <div class="page-box" page="136">
      <div v-if="showPageList.indexOf(136) > -1">
@@ -3353,7 +3351,6 @@
        </div>
      </div>
    </div>

    <!-- 130 -->
    <div class="page-box" page="137">
      <div v-if="showPageList.indexOf(137) > -1">
@@ -3577,7 +3574,6 @@
        </div>
      </div>
    </div>

    <!-- 131 -->
    <div class="page-box" page="138">
      <div v-if="showPageList.indexOf(138) > -1">
@@ -3618,7 +3614,6 @@
        </div>
      </div>
    </div>

    <!-- 132 -->
    <div class="page-box" page="139">
      <div v-if="showPageList.indexOf(139) > -1">
@@ -4319,7 +4314,7 @@
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[140]" :hideCollect="true" sourceType="json" v-if="questionData">
            <examinations :cardList="questionData[140]" :hideCollect="true" sourceType="json" inputBc="#d3edfa" v-if="questionData">
            </examinations>
          </div>
          <h3 id="c042">
@@ -4522,7 +4517,6 @@
        </div>
      </div>
    </div>

    <!-- 134 -->
    <div class="page-box" page="141">
      <div v-if="showPageList.indexOf(141) > -1">
@@ -5046,7 +5040,6 @@
        </div>
      </div>
    </div>

    <!-- 135 -->
    <div class="page-box" page="142">
      <div v-if="showPageList.indexOf(142) > -1">
@@ -5080,7 +5073,6 @@
        </div>
      </div>
    </div>

    <!-- 136 -->
    <div class="page-box" page="143">
      <div v-if="showPageList.indexOf(143) > -1">
@@ -5240,7 +5232,6 @@
        </div>
      </div>
    </div>

    <!-- 137 -->
    <div class="page-box" page="144">
      <div v-if="showPageList.indexOf(144) > -1">
@@ -5258,7 +5249,7 @@
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[144]" :hideCollect="true" sourceType="json" v-if="questionData">
            <examinations :cardList="questionData[144]" :hideCollect="true" sourceType="json" inputBc="#d3edfa" v-if="questionData">
            </examinations>
          </div>
          <h3 id="c045">
@@ -5328,7 +5319,6 @@
        </div>
      </div>
    </div>

    <!-- 138 -->
    <div class="page-box" page="145">
      <div v-if="showPageList.indexOf(145) > -1">
@@ -5339,11 +5329,11 @@
        </ul>
        <div class="padding-116">
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0149-1.jpg" />
            <img class="img-b" alt="" src="../../assets/images/0149-1.jpg" />
          </p>
          <p class="img">图4-8</p>
          <p class="center">
            <img class="img-c" alt="" src="../../assets/images/0149-2.jpg" />
            <img class="img-d" alt="" src="../../assets/images/0149-2.jpg" />
          </p>
          <p class="img">图4-9</p>
          <p><b>类比归纳</b></p>
@@ -5410,7 +5400,6 @@
        </div>
      </div>
    </div>

    <!-- 139 -->
    <div class="page-box" page="146">
      <div v-if="showPageList.indexOf(146) > -1">
@@ -5433,27 +5422,8 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <p class="block">
              1.你还能从图4-10中观察发现其他共性特征吗？比如，对数函数<i>y</i>=log
              2<i>x</i>和<math display="0">
                <mi>y</mi>
                <mo>=</mo>
                <msub>
                  <mi>log</mi>
                  <mrow>
                    <mfrac>
                      <mn>1</mn>
                      <mn>2</mn>
                    </mfrac>
                  </mrow>
                </msub>
                <mo data-mjx-texclass="NONE">⁡</mo>
                <mi>x</mi>
              </math>的图像有什么关系？
            </p>
            <p class="block">
              2.两人一组，一人用表格呈现指数函数的图像与性质，另一人用表格呈现对数函数的图像与性质，然后对比两个函数的图像与性质，归纳总结为一个表格，并与同学交流分享.
            </p>
            <examinations :cardList="questionData[146]" :hideCollect="true" sourceType="json"
            v-if="questionData" ></examinations>
          </div>
          <p>
            <span class="zt-ls"><b>例1</b></span>　比较下列各组数中两个值的大小.
@@ -5481,7 +5451,6 @@
        </div>
      </div>
    </div>

    <!-- 140 -->
    <div class="page-box" page="147">
      <div v-if="showPageList.indexOf(147) > -1">
@@ -5645,7 +5614,6 @@
        </div>
      </div>
    </div>

    <!-- 141 -->
    <div class="page-box" page="148">
      <div v-if="showPageList.indexOf(148) > -1">
@@ -5654,7 +5622,7 @@
            <p>第四单元 指数函数与对数函数</p>
          </li>
          <li>
            <p><span>141</span></p>
            <p><span>141-142</span></p>
          </li>
        </ul>
        <div class="padding-116">
@@ -5662,95 +5630,6 @@
          <div class="bj">
            <examinations :cardList="questionData[148]" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
        </div>
      </div>
    </div>

    <!-- 142 -->
    <div class="page-box" page="149">
      <div v-if="showPageList.indexOf(149) > -1">
        <ul class="page-header-odd fl al-end">
          <li>142</li>
          <li>数学.基础模块</li>
          <li>上册</li>
        </ul>
        <div class="padding-116">
          <div class="bj">
            <p>A.（0，1）</p>
            <p>B.（1，2）</p>
            <p>C.（1，+∞）</p>
            <p>D.（0，2）</p>
            <p>
              （3） 函数<i>y</i>=3+log<i><sub>a</sub>x</i>（<i>a</i>＞0，且<i>a</i>≠1）的图像过定点（　）.
            </p>
            <p>A.（0，1）</p>
            <p>B.（1，0）</p>
            <p>C.（1，3）</p>
            <p>D.（1，4）</p>
            <p>
              （4） 已知log<sub>0.5</sub><i>x</i>＞log<sub>0.5</sub>3，则<i>x</i>的取值范围是（　）.
            </p>
            <p>A.（3，+∞）</p>
            <p>B.（0，+∞）</p>
            <p>C.（-∞，3）</p>
            <p>D.（0，3）</p>
            <p>
              （5）
              已知<i>a</i>=log<sub>0.7</sub>0.8，<i>b</i>=log<sub>0.7</sub>1.9，<i>c</i>=log<sub>5</sub>1，则<i>a</i>，<i>b</i>，<i>c</i>的大小关系是（　）.
            </p>
            <p>A.<i>a</i>＜<i>b</i>＜<i>c</i></p>
            <p>B.<i>a</i>＜<i>c</i>＜<i>b</i></p>
            <p>C.<i>b</i>＜<i>a</i>＜<i>c</i></p>
            <p>D.<i>b</i>＜<i>c</i>＜<i>a</i></p>
            <p>2.求下列函数的定义域.</p>
            <p>
              （1）
              <math display="0">
                <mi>y</mi>
                <mo>=</mo>
                <mfrac>
                  <mi>x</mi>
                  <msqrt>
                    <mn>1</mn>
                    <mo>−</mo>
                    <msub>
                      <mi>log</mi>
                      <mrow>
                        <mn>3</mn>
                      </mrow>
                    </msub>
                    <mo data-mjx-texclass="NONE">⁡</mo>
                    <mi>x</mi>
                  </msqrt>
                </mfrac>
              </math>；（2）
              <math display="0">
                <mi>y</mi>
                <mo>=</mo>
                <msqrt>
                  <msub>
                    <mi>log</mi>
                    <mrow>
                      <mfrac>
                        <mn>1</mn>
                        <mn>4</mn>
                      </mfrac>
                    </mrow>
                  </msub>
                  <mo data-mjx-texclass="NONE">⁡</mo>
                  <mi>x</mi>
                </msqrt>
              </math>.
            </p>
            <p>
              3.已知函数<i>f</i>（<i>x</i>）=log<i><sub>a</sub>x</i>（<i>a</i>＞0，且<i>a</i>≠1）的图像过点（9，-2），求<i>f</i>（3）的值.
            </p>
            <p>
              4.我国经济总量占世界经济的比重达18.5%，居世界第二位.2020年我国全年<i>GDP</i>为1
              015
              986亿元，取得了超过100万亿的历史性成就.2021年我国<i>GDP</i>预期目标是增长率超过6.0%.假设我国每年<i>GDP</i>的增长率均为6.0%，从2021年开始，大约经过多少年，我国能实现全年<i>GDP</i>比2021年翻一番？
            </p>
          </div>
          <h2 id="b026">
            4.5 指数函数与对数函数的实际应用<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
@@ -5770,7 +5649,9 @@
        </div>
      </div>
    </div>

    <!-- 142 -->
    <div class="page-box hidePage" page="149">
    </div>
    <!-- 143 -->
    <div class="page-box" page="150">
      <div v-if="showPageList.indexOf(150) > -1">
@@ -5914,7 +5795,6 @@
        </div>
      </div>
    </div>

    <!-- 145   -->
    <div class="page-box" page="152">
      <div v-if="showPageList.indexOf(152) > -1">
@@ -5927,18 +5807,23 @@
          </li>
        </ul>
        <div class="padding-116">
            <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[152] ? questionData[152][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
          </div>
          <h3 id="c047">习题4.5<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj">
            <examinations :cardList="questionData[152]" :hideCollect="true" sourceType="json" v-if="questionData">
            <examinations :cardList="questionData[152] ? questionData[152][2] : []" :hideCollect="true" sourceType="json" v-if="questionData">
            </examinations>
          </div>
        </div>
      </div>
    </div>

    <!-- 146  -->
    <div class="page-box hidePage" page="153"></div>

    <!-- 147 -->
    <div class="page-box" page="154">
      <div v-if="showPageList.indexOf(154) > -1">
@@ -5977,7 +5862,6 @@
        </div>
      </div>
    </div>

    <!-- 148   -->
    <div class="page-box" page="155">
      <div v-if="showPageList.indexOf(155) > -1">
@@ -6150,7 +6034,6 @@
        </div>
      </div>
    </div>

    <!-- 149 -->
    <div class="page-box" page="156">
      <div v-if="showPageList.indexOf(156) > -1">
@@ -6298,7 +6181,6 @@
        </div>
      </div>
    </div>

    <!-- 150 -->
    <div class="page-box" page="157">
      <div v-if="showPageList.indexOf(157) > -1">
@@ -6312,7 +6194,7 @@
            单元检测<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
          </h2>
          <div class="bj">
            <examinations :cardList="questionData[157]" :hideCollect="true" sourceType="json" v-if="questionData">
            <examinations :cardList="questionData[157]" :hideCollect="true" sourceType="json" inputBc="#d3edfa" v-if="questionData">
            </examinations>
          </div>
        </div>

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

Diff too large

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

@@ -162,7 +162,7 @@

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(4, 157);
      this.gotoPage(3, 111);
    //   //   setTimeout(() => {
    //   //     this.renderSign("Highlight", {
    //   //       id: "2ACA9359",
@@ -552,14 +552,18 @@
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            if (!this.questionDataMap[page]) {

              if (this.questionId && this.questionId[catalog]) {

                if (this.questionId[catalog][page]) {

                  this.questionDataMap[page] = await this.getQuestion(catalog, page);

                  console.log("题目", this.questionDataMap);
                  console.log(page,Array.isArray(this.questionId[catalog][page]));
                  if(Array.isArray(this.questionId[catalog][page])) {
                    this.questionDataMap[page] = await this.getQuestion(catalog, page,false);
                  } else {
                    const obj = {}
                    for (let key in this.questionId[catalog][page]) {
                      obj[key] = await this.getQuestion(catalog, page,key)
                    }
                    this.questionDataMap[page] = obj
                  }
                }
              }
            }
@@ -842,7 +846,7 @@
        })
    },
    // 获取章节题目
    async getQuestion(num, page) {
    async getQuestion(num, page,questionIndex) {
      let cardList = [
        {
          catalogName: "单选题",
@@ -870,8 +874,9 @@
          const res = await axios.get(
            this.config.activeBook.resourceUrl + "/question-" + num + ".json"
          );
          console.log(1, res);
          if (!res.data) return [];
          let ids = []
          questionIndex ? ids = this.questionId[num][page][questionIndex] : ids = this.questionId[num][page]
          for (let index = 0; index < res.data.data.length; index++) {
            const item = res.data.data[index];
            // 数学公式加类名去修改样式
@@ -884,19 +889,23 @@
              if (item.answer) item.answer = item.answer.replace(/\<math/gi, '<math class="examination-math"')
            }
            item.isCollect = this.collectId.indexOf(item.id) > -1 ? true : false
            if (this.questionId[num][page].indexOf(item.id) > -1) {
            if (ids.indexOf(item.id) > -1) {
              if (item.type && item.type == "material") {
                cardList.push(item);
              } else {
                if (item.questionType == "judge") {
                  cardList[1].infoList.push(item);
                } else if (item.questionType == "singleChoice") {
                }  
                if (item.questionType == "singleChoice") {
                  cardList[0].infoList.push(item);
                } else if (item.questionType == "multipleChoice") {
                } 
                 if (item.questionType == "multipleChoice") {
                  cardList[2].infoList.push(item);
                } else if (item.questionType == "completion") {
                } 
                 if (item.questionType == "completion") {
                  cardList[3].infoList.push(item);
                } else if (item.questionType == "shortAnswer") {
                } 
                if (item.questionType == "shortAnswer") {
                  cardList[4].infoList.push(item);
                }
              }

 src/components/examinations/index.vue

@@ -1,114 +1,214 @@
<template>
  <div class="examination" v-loading="loading">
    <div v-for="(item, nindex) in cardData" :key="nindex + 'item'" class="border-box" v-show="item.infoList.length">
    <div
      v-for="(item, nindex) in cardData"
      :key="nindex + 'item'"
      class="border-box"
      v-show="item.infoList.length"
    >
      <p class="catalogName" :style="{ color: primaryColor }">
        <span v-if="nindex == 0">一、</span>
        <span v-if="nindex == 1">二、</span>
        <span v-if="nindex == 2">三、</span>
        <span v-if="nindex == 3">四、</span>
        <span v-if="nindex == 4">五、</span>
        <span>{{ item.catalogName }}</span>
        <span v-html="item.catalogName" ></span>
      </p>
      <el-image v-if="item.catalogImage" :src="item.catalogImage"></el-image>
      <ul>
        <li v-for="(value, index) in item.infoList" :key="index + 'value'" :id="'listItem-' + value.id">
        <li
          v-for="(value, index) in item.infoList"
          :key="index + 'value'"
          :id="'listItem-' + value.id"
        >
          <!-- 标题 -->
          <div class="questionTitle">
            <div class="titleContent">
              <span class="questionNum" :style="{
                marginTop: value.questionType == 'completion' ? '12px' : '0',
              }">{{ index + 1 }}.
              <span
                class="questionNum"
                :style="{
                  marginTop: value.questionType == 'completion' ? '12px' : '0',
                }"
                >{{ index + 1 }}.
              </span>
              <!-- 听力进度条 -->
              <!-- <answerAudioPlayer :audioUrl="value.src" v-show="item.name == '听力题'" /> -->
              <!-- 题干 -->

              <!-- 仅文字 -->
              <p class="titleText" v-if="
                value.stemStyle == 'Txt' && value.questionType != 'completion'
              " :id="value.id">
                <span v-html="value.stem.stemTxt"></span>
                <!-- {{ value.stem.stemTxt }} -->
              <p
                class="titleText text-fl"
                v-if="
                  value.stemStyle == 'Txt' && value.questionType != 'completion'
                "
                :id="value.id"
                v-html="value.stem.stemTxt"
              >
              </p>
              <!-- 仅图片 -->
              <el-image class="stemImg" v-else-if="value.stemStyle == 'Image'"
              <el-image
                class="stemImg"
                v-else-if="value.stemStyle == 'Image'"
                :src="getPublicImage(value.stem.stemImage, 150)"
                :preview-src-list="[getPublicImage(value.stem.stemImage)]"></el-image>
                :preview-src-list="[getPublicImage(value.stem.stemImage)]"
              ></el-image>
              <!-- 文字加图片 -->
              <p class="stemTxtAndImage titleText" v-else-if="value.stemStyle == 'TxtAndImage'">
                <span v-html="value.stem.stemTxt"> <!-- {{ value.stem.stemTxt }} --> </span>
                <el-image :src="getPublicImage(value.stem.stemImage, 150)"
                  :preview-src-list="[getPublicImage(value.stem.stemImage)]" style="margin-left: 10px"></el-image>
              <p
                class="stemTxtAndImage titleText"
                v-else-if="value.stemStyle == 'TxtAndImage'"
              >
                <span v-html="value.stem.stemTxt">
                </span>
                <el-image
                  :src="getPublicImage(value.stem.stemImage, 150)"
                  :preview-src-list="[getPublicImage(value.stem.stemImage)]"
                  style="margin-left: 10px"
                ></el-image>
              </p>
              <!-- 填空题题干 -->
              <p class="titleText" v-if="value.questionType == 'completion'">
                <span v-for="(itemText, indexText) in value.stem" :key="indexText + 'questionType'">
                  <span v-if="typeof itemText == 'string'" v-html="itemText"></span>
                  <!-- &nbsp; -->
                  <input v-else type="text" class="input" v-model.trim="value.userAnswer[itemText.num]"
                    :disabled="value.isComplete" :style="{ backgroundColor: inputBc }" />
                  <!-- &nbsp; -->
                <span
                  v-for="(itemText, indexText) in value.stem"
                  :key="indexText + 'questionType'"
                >
                  <span
                    v-if="typeof itemText == 'string'"
                    v-html="itemText"
                  ></span>
                  <input
                    v-else
                    type="text"
                    class="input"
                    v-model.trim="value.userAnswer[itemText.num]"
                    :disabled="value.isComplete"
                    :style="{ backgroundColor: inputBc }"
                  />
                </span>
              </p>
              <!-- 富文本 -->
              <p class="titleText titleTextArea" v-else-if="value.stemStyle == 'RichText'" v-html="value.stem.stemTxt"
                v-cloak></p>
              <p
                class="titleText titleTextArea"
                v-else-if="value.stemStyle == 'RichText'"
                v-html="value.stem.stemTxt"
                v-cloak
              ></p>
            </div>
            <img :src="value.isCollect ? isHeart : heart" alt="" class="collect-png" @click="setCollect(nindex, index)"
              v-if="!(hideCollect && value.questionType == 'shortAnswer')" />
            <img
              :src="value.isCollect ? isHeart : heart"
              alt=""
              class="collect-png"
              @click="setCollect(nindex, index)"
              v-if="!(hideCollect && value.questionType == 'shortAnswer')"
            />
            <!-- 收藏 -->
          </div>
          <div class="questionContent">
            <!-- 单选 -->
            <el-radio-group :disabled="value.isComplete" class="option" v-if="
              value.questionType == 'singleChoice' ||
              value.questionType == 'judge'
            " v-model="value.userAnswer">
              <el-radio v-for="(content,contentIndex) in value.option" :key="contentIndex + 'contentIndex'" :label="content.value" :class="value.optionStyle == 'Image' ||
                value.optionStyle == 'TxtAndImage' ||
                value.optionStyle == 'RichText'
                ? 'optionImg'
                : 'optionTxt'
                ">
            <el-radio-group
              :disabled="value.isComplete"
              class="option"
              v-if="
                value.questionType == 'singleChoice' ||
                value.questionType == 'judge'
              "
              v-model="value.userAnswer"
            >
              <el-radio
                v-for="(content, contentIndex) in value.option"
                :key="contentIndex + 'contentIndex'"
                :label="content.value"
                :class="
                  value.optionStyle == 'Image' ||
                  value.optionStyle == 'TxtAndImage' ||
                  value.optionStyle == 'RichText'
                    ? 'optionImg'
                    : 'optionTxt'
                "
              >
                <p class="optionContent" v-if="value.optionStyle == 'Txt'">
                  {{ content.value }}、{{ content.txt }}
                </p>
                <p class="optionContent" v-else-if="value.optionStyle == 'Image'">
                  {{ content.value }}、<el-image :src="getPublicImage(content.img, 115)" v-show="content.img"
                    :preview-src-list="[getPublicImage(content.img)]" v-if="sourceType == 'bits'"></el-image>
                <p
                  class="optionContent"
                  v-else-if="value.optionStyle == 'Image'"
                >
                  {{ content.value }}、<el-image
                    :src="getPublicImage(content.img, 115)"
                    v-show="content.img"
                    :preview-src-list="[getPublicImage(content.img)]"
                    v-if="sourceType == 'bits'"
                  ></el-image>
                  <img :src="content.img" alt="" v-else class="radio-img" />
                </p>
                <p class="optionContent" v-else-if="value.optionStyle == 'TxtAndImage'">
                  <span> {{ content.value }}、</span><span>{{ content.txt }}</span>
                  <el-image :src="getPublicImage(content.img, 115)" v-show="content.img"
                    :preview-src-list="[getPublicImage(content.img)]"></el-image>
                <p
                  class="optionContent"
                  v-else-if="value.optionStyle == 'TxtAndImage'"
                >
                  <span> {{ content.value }}、</span
                  ><span>{{ content.txt }}</span>
                  <el-image
                    :src="getPublicImage(content.img, 115)"
                    v-show="content.img"
                    :preview-src-list="[getPublicImage(content.img)]"
                  ></el-image>
                </p>
                <p class="optionContent titleTextArea" v-else-if="value.optionStyle == 'RichText'"
                  v-html="`<span>${content.value}</span>` + '、' + content.txt" id="mathjax"></p>
                <p
                  class="optionContent titleTextArea"
                  v-else-if="value.optionStyle == 'RichText'"
                  v-html="`<span>${content.value}</span>` + '、' + content.txt"
                  id="mathjax"
                ></p>
              </el-radio>
            </el-radio-group>
            <!-- 多选 -->
            <el-checkbox-group :disabled="value.isComplete" v-model="value.userAnswer" class="option"
              v-else-if="value.questionType == 'multipleChoice'">
              <el-checkbox v-for="(content,contentCindex) in value.option" :key="contentCindex + 'contentCindex'" :label="content.value"
                :name="content.text" :class="value.optionStyle == 'Image' ||
            <el-checkbox-group
              :disabled="value.isComplete"
              v-model="value.userAnswer"
              class="option"
              v-else-if="value.questionType == 'multipleChoice'"
            >
              <el-checkbox
                v-for="(content, contentCindex) in value.option"
                :key="contentCindex + 'contentCindex'"
                :label="content.value"
                :name="content.text"
                :class="
                  value.optionStyle == 'Image' ||
                  value.optionStyle == 'TxtAndImage' ||
                  value.optionStyle == 'RichText'
                  ? 'optionImg'
                  : 'optionTxt'
                  ">
                    ? 'optionImg'
                    : 'optionTxt'
                "
              >
                <p class="optionContent" v-if="value.optionStyle == 'Txt'">
                  {{ content.value }}、{{ content.txt }}
                </p>
                <p class="optionContent" v-else-if="value.optionStyle == 'Image'">
                  {{ content.value }}、<el-image :src="getPublicImage(content.img, 115)"
                    :preview-src-list="[getPublicImage(content.img)]" v-show="content.img"></el-image>
                <p
                  class="optionContent"
                  v-else-if="value.optionStyle == 'Image'"
                >
                  {{ content.value }}、<el-image
                    :src="getPublicImage(content.img, 115)"
                    :preview-src-list="[getPublicImage(content.img)]"
                    v-show="content.img"
                  ></el-image>
                </p>
                <p class="optionContent" v-else-if="value.optionStyle == 'TxtAndImage'">
                  <span> {{ content.value }}、</span><span>{{ content.txt }}</span>
                  <el-image :src="getPublicImage(content.img, 115)" :preview-src-list="[getPublicImage(content.img)]"
                    v-show="content.img"></el-image>
                <p
                  class="optionContent"
                  v-else-if="value.optionStyle == 'TxtAndImage'"
                >
                  <span> {{ content.value }}、</span
                  ><span>{{ content.txt }}</span>
                  <el-image
                    :src="getPublicImage(content.img, 115)"
                    :preview-src-list="[getPublicImage(content.img)]"
                    v-show="content.img"
                  ></el-image>
                </p>
                <p class="optionContent titleTextArea" v-else-if="value.optionStyle == 'RichText'"
                  v-html="content.value + '、' + content.txt"></p>
                <p
                  class="optionContent titleTextArea"
                  v-else-if="value.optionStyle == 'RichText'"
                  v-html="content.value + '、' + content.txt"
                ></p>
              </el-checkbox>
            </el-checkbox-group>
            <!-- 简答 翻译 -->
@@ -123,74 +223,131 @@
              }
            "
          ></TEditorVue> -->
            <el-input :disabled="value.isComplete" style="width: 94%; margin: 0 auto"
              v-else-if="value.questionType == 'shortAnswer'" type="textarea" :rows="6" placeholder="请输入内容"
              v-model="value.userAnswer" />
            <div v-if="
              type != 'option' &&
              type != 'mock' &&
              (value.questionType == 'shortAnswer' ||
                value.questionType == 'multipleChoice' ||
                value.questionType == 'completion')
            ">
              <el-button @click="checkPares(value)" style="margin-top: 10px">查看解析</el-button>
            <el-input
              :disabled="value.isComplete"
              style="width: 94%; margin: 0 auto"
              v-else-if="value.questionType == 'shortAnswer'"
              type="textarea"
              :rows="6"
              placeholder="请输入内容"
              v-model="value.userAnswer"
            />
            <div
              v-if="
                type != 'option' &&
                type != 'mock' &&
                (value.questionType == 'shortAnswer' ||
                  value.questionType == 'multipleChoice' ||
                  value.questionType == 'completion')
              "
            >
              <el-button @click="checkPares(value)" style="margin-top: 10px"
                >查看解析</el-button
              >
            </div>
            <!-- 提交后解析 -->
            <div class="analysis" v-if="value.isComplete">
              <el-collapse v-model="value.isUnfold" @change="handleChange(value)" accordion
                v-if="value.questionType != 'shortAnswer'">
              <el-collapse
                v-model="value.isUnfold"
                @change="handleChange(value)"
                accordion
                v-if="value.questionType != 'shortAnswer'"
              >
                <el-collapse-item :name="value.id" class="objective">
                  <template #title>
                    <div class="headerBox">
                      <div class="headerConent">
                        <p class="correct" :title="arrayToString(value.answer)">
                          <span>正确答案：</span>
                          <span v-html="arrayToString(value.answer)" class="correctBox"></span>
                          <span
                            v-html="arrayToString(value.answer)"
                            class="correctBox"
                          ></span>
                        </p>
                        <p :class="value.isRight
                          ? 'correct textOverFlow'
                          : 'error textOverFlow'
                          " :title="arrayToString(value.userAnswer)" style="margin-left: 20px">
                        <p
                          :class="
                            value.isRight
                              ? 'correct textOverFlow'
                              : 'error textOverFlow'
                          "
                          :title="arrayToString(value.userAnswer)"
                          style="margin-left: 20px"
                        >
                          <span>您的答案：</span>
                          <span class="errorBox" v-if="isHaveAnswer(value.userAnswer)">{{
                            arrayToString(value.userAnswer) }}</span>
                          <span
                            class="errorBox"
                            v-if="isHaveAnswer(value.userAnswer)"
                            >{{ arrayToString(value.userAnswer) }}</span
                          >
                        </p>
                      </div>
                      <p class="difficulty" v-if="value.difficulty">
                        <span style="color: #333">难度等级：</span>
                        <el-rate v-model="value.difficulty" :max="3" size="large" disabled
                          disabled-void-color="#949494" />
                        <el-rate
                          v-model="value.difficulty"
                          :max="3"
                          size="large"
                          disabled
                          disabled-void-color="#949494"
                        />
                      </p>
                      <!-- 正确错误图标 -->
                      <span class="mr-10">
                        <svg v-if="value.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40" height="20">
                        <svg
                          v-if="value.isRight"
                          t="1716986419862"
                          class="icon"
                          viewBox="0 0 1820 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="18767"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="40"
                          height="20"
                        >
                          <path
                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                            fill="#1AFA29" p-id="18768"></path>
                            fill="#1AFA29"
                            p-id="18768"
                          ></path>
                        </svg>
                        <svg v-if="value.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
                          version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                        <svg
                          v-if="value.isRight == false"
                          t="1716987085767"
                          class="icon"
                          viewBox="0 0 1024 1024"
                          version="1.1"
                          xmlns="http://www.w3.org/2000/svg"
                          p-id="25745"
                          xmlns:xlink="http://www.w3.org/1999/xlink"
                          width="20"
                          height="20"
                        >
                          <path
                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                            fill="#d81e06" p-id="25746"></path>
                            fill="#d81e06"
                            p-id="25746"
                          ></path>
                        </svg>
                      </span>

                      <div class="headerConent sitgBox">
                        <p v-if="!value.isUnfold">
                          <span class="analysisColor">展开解析</span><el-image />
                          <span class="analysisColor">展开解析</span
                          ><el-image />
                        </p>
                        <p v-else>
                          <span class="analysisColor">收起解析</span><el-image />
                          <span class="analysisColor">收起解析</span
                          ><el-image />
                        </p>
                      </div>
                    </div>
                  </template>
                  <!-- 解析 -->
                  <div v-if="value.analysisCon" v-html="value.analysisCon"></div>
                  <div
                    v-if="value.analysisCon"
                    v-html="value.analysisCon"
                  ></div>
                  <div v-else>暂无数据</div>
                </el-collapse-item>
                <!-- 主观题 -->
@@ -209,20 +366,29 @@
                  </template>
                  <div class="referBox">
                    <span>参考答案：</span>
                    <span v-html="value.answer" class="ti-2" :class="[
                      'subjectiveBox',
                      value.isUnfold ? 'showText' : 'hideText',
                    ]"></span>
                    <span
                      v-html="value.answer"
                      class="ti-2"
                      :class="[
                        'subjectiveBox',
                        value.isUnfold ? 'showText' : 'hideText',
                      ]"
                    ></span>
                  </div>
                  <!-- 解析 -->
                  <div class="referBox" v-if="value.analysisCon">
                    <span>解析：</span>
                    <p v-if="value.analysisCon" v-html="value.analysisCon" :class="[
                      'subjectiveBox',
                      'ti-2',
                      value.isUnfold ? 'yincang' : '',
                    ].join(' ')
                      "></p>
                    <p
                      v-if="value.analysisCon"
                      v-html="value.analysisCon"
                      :class="
                        [
                          'subjectiveBox',
                          'ti-2',
                          value.isUnfold ? 'yincang' : '',
                        ].join(' ')
                      "
                    ></p>
                    <p v-else class="ti-2">暂无数据</p>
                  </div>
                </el-collapse-item>
@@ -289,18 +455,32 @@
      </ul>
    </div>
    <div class="bottom-btn" v-if="!loading">
      <el-button class="examinations-btn-box" @click="saveAnswer">保存</el-button>
      <el-button @click="(e) => {
        handleQuestion();
        saveAnswer(e);
      }
        " class="examinations-btn-box" :style="{ borderColor: primaryColor }">提交</el-button>
      <el-button class="examinations-btn-box" @click="saveAnswer"
        >保存</el-button
      >
      <el-button
        @click="
          (e) => {
            handleQuestion();
            saveAnswer(e);
          }
        "
        class="examinations-btn-box"
        :style="{ borderColor: primaryColor }"
        >提交</el-button
      >
      <el-button @click="redo" class="examinations-btn-box">重做</el-button>
      <el-button @click="(e) => {
        openAnswers();
        saveAnswer(e);
      }
        " class="examinations-btn-box" :style="{ borderColor: primaryColor }">查看答案</el-button>
      <el-button
        @click="
          (e) => {
            openAnswers();
            saveAnswer(e);
          }
        "
        class="examinations-btn-box"
        :style="{ borderColor: primaryColor }"
        >查看答案</el-button
      >
    </div>
  </div>
</template>
@@ -668,14 +848,15 @@
                (citem) => citem.type == "json"
              ).errorList;
            }
          } catch (error) { }
          console.log('错题列表', this.allError)
          } catch (error) {}
          console.log("错题列表", this.allError);
        })
        .catch(() => { });
        .catch(() => {});
    },
  },
};
</script>


<style lang="less" scoped>
.catalogName {
@@ -685,13 +866,14 @@

.examination {
  min-height: 100px;

  ul {
    list-style: none;
  }

  p {
    margin: 0;
  }
  math {
  }
}

@@ -711,8 +893,6 @@
}

.questionContent {
  // display: flex;
  // justify-content: center;
  text-indent: 0em !important;
  margin-left: 20px;

@@ -819,10 +999,13 @@
      color: #333;
      font-weight: bold;
    }

    .text-fl {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
    }
    .titleText {
      text-align: left;
      // padding: 0 10px 10px 0px;
      min-width: 90%;
      font-size: 16px;
      line-height: 32px;
@@ -875,7 +1058,6 @@

/** 选项 */
.option {

  .el-radio,
  .el-checkbox {
    // min-height: 32px;
@@ -1137,7 +1319,6 @@

.titleTextArea {
  ::v-deep {

    img,
    .el-image__inner {
      max-width: 150px !important;

 src/components/fillInTable/index.vue

New file
@@ -0,0 +1,123 @@
<template>
  <div class="table-fill">
    <div class="title-txt">
      <p v-html="tableData.stemTxt"></p>
      <span class="btn-box" @click="isShowAnswer = !isShowAnswer">
        <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501">
          <path class="a"
            d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
            transform="translate(-3327.144 15329)" />
        </svg>
      </span>
    </div>
    <table id="tables" align="center" border="1" cellpadding="10" cellspacing="0" class="w100 table-br-color"
      :style="{ borderColor:borderColor }">
      <tr v-for="(item, index) in tableData.showData">
        <td v-for="(citem, cindex) in item">
          <span v-if="citem" v-html="citem"></span>
          <input v-else type="text" class="table-input"
            :style="{ backgroundColor: inputBc }">
        </td>
      </tr>
    </table>
    <ul class="answer-box" v-if="isShowAnswer" :style="{borderColor:borderColor}" >
      <li>答案：</li>
      <li v-html="tableData.answer" >
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    queryData: {
      type: Object,
    },
    inputBc:{
      type:String,
      default:"#d3edfa"
    },
    borderColor:{
      type:String,
      default:"#00adee"
    },
  },
  data() {
    return {
      tableData: {},
      isShowAnswer: false
    };
  },
  created() {
    this.tableData = this.queryData
    console.log(1, this.tableData);
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
      const tableDom = document.querySelector("#tables")
      console.log(2, tableDom);

    }
  }
};
</script>

<style lang="less" scoped>
.table-fill {
  user-select:none;
}
.title-txt {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  p {
    width: 100%;
    margin-bottom: 0;
  }
}

.table-input {
  width: 50px;
  outline: none;
  border: none;
}

// 显示答案按钮
.btn-box {
  margin-left: 5px;
  cursor: pointer;
  text-indent: 0;
  display: flex;
  align-items: center;
  border: 1px solid #00a1e9;
  height: 22px;
  width: 17px;
  padding: 2px 4px;
  background-color: #00a1e9;
  border-radius: 5px;
  margin-bottom:10px ;
  svg {
    fill: #fff;
  }

  &:hover {
    background-color: #fff;

    svg {
      fill: #00a1e9;
    }
  }
}
.answer-box {
  padding: 4px;
  border: 1px solid;
  display: flex;
}
td {
  text-align: center;
}
</style>

 src/components/paint/index.vue

@@ -1,9 +1,9 @@
<template>
  <div class="paint">
    <canvas width="600" height="800" id="canvas"></canvas>
    <canvas id="canvas" width="400" :height="canvasHeight"></canvas>
    <!-- 操作按钮 -->
    <ul class="paint-btn">
      <li class="btn-box">
      <li class="paint-btn-box">
        <button @click="changeDrawMode">
          {{ isDraw ? "框选模式" : "绘图模式" }}
        </button>
@@ -122,6 +122,10 @@
      type: Number,
      default: 1,
    },
    canvasHeight:{
      type:Number,
      default:380
    }
  },
  mounted() {
    this.init();
@@ -237,7 +241,7 @@
            this.canvas.renderAll.bind(this.canvas),
            {
              // 可以设置图像的样式，比如不透明度
              opacity: 0.5,
              // opacity: 0.5,
            }
          );
          // 渲染画布
@@ -358,20 +362,26 @@
</script>

<style lang="less" scoped>
.paint {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#canvas {
  border: 1px solid #ccc;
}
.paint-btn {
  width: 96%;
  margin-top:40px;
  padding:20px;
  border:1px solid #ededed;
  width:max-content;
  li {
    margin-bottom:6px;
  }
}
.btn-box {
.paint-btn-box {
  display:flex;
  justify-content:space-between;
  justify-content:space-evenly;
}
</style>