数学优化

闫增涛

2024-06-13 f90af24164f9b8ba49d7fe1fb78eb2bb61664858

数学优化

 src/assets/images/collect.png

 src/assets/images/isCollect.png

 src/books/mathBook/assets/main.less

@@ -1,7 +1,8 @@
.math-book {
  width: 100%;
  height: 100%;
  font-family: "宋体", SimSun, sans-serif;
  // font-family: "宋体", SimSun, sans-serif;
  font-family: "Times New Roman", "宋体", SimSun, sans-serif !important;
  mn{
    font-size:1em;
    }
@@ -560,7 +561,7 @@
        margin: 0 !important;
        width: 100%;
        height: 24px;
        background-color: #97a4d3;
        background-color: #40c7f4;
        text-align: right;
        padding-right: 20px;
        color: #fff;
@@ -573,7 +574,7 @@
        height: 100%;
        padding:0 4px;
        width: min-content;
        border: 1px solid #7b8cc5; 
        border: 1px solid #40c7f4; 
        text-indent: 0em;
        display: flex;
        align-items: flex-end;
@@ -589,7 +590,7 @@
    display: flex;
    justify-content: space-between;
    li:first-child {
      border: 1px solid #7b8cc5;
      border: 1px solid #40c7f4;
      width: 15%;
      height: 24px;
      text-align: right;
@@ -600,7 +601,7 @@
      padding: 0 4px;
      min-width:132px;
      height: 24px;
      border: 1px solid #7b8cc5;
      border: 1px solid #40c7f4;
      text-align: center;
      box-sizing: border-box;
      color: #5f7abc;
@@ -609,7 +610,7 @@
    li:last-child {
      width: 64%;
      height: 24px;
      background-color: #97a4d3;
      background-color: #40c7f4;
    }
  }
  .fw-b {
@@ -635,6 +636,9 @@
  }
  .mb-80 {
    margin-bottom: 80px !important;
  }
  .mr-10 {
    margin-right: 10px;
  }
  .mr-20 {
    margin-right: 20px;
@@ -749,7 +753,8 @@
    margin-left: 5px;
    cursor: pointer;
    text-indent: 0;
    display: inline-block;
    display: flex;
    align-items: center;
    border:1px solid #00a1e9;
    height: 22px;
    padding: 2px;
@@ -787,6 +792,9 @@
    .padding-96 {
      padding: 0 20px 40px 20px;
    }
    .padding-116 {
      padding: 0 20px 40px 20px;
    }
    /* video大小 */
    .video-box {
      max-width: 260px;
@@ -811,6 +819,9 @@
    .padding-96 {
      padding: 0 96px 104px 96px;
    }
    .padding-116 {
      padding: 0 116px 104px 116px;
    }
    .video-box {
      max-width: 370px;
    }

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

@@ -5,7 +5,7 @@
        <h1 id="a007">
          <img class="img-0" alt="" src="../../assets/images/dy3.jpg" />
        </h1>
        <div class="padding-96">
        <div class="padding-116">
          <p>
            在客观世界中存在各种各样的运动变化现象.如搭载神舟十四号载人飞船的长征二号运载火箭发射过程中，飞船与发射点距离会随着时间的变化而变化；深海勇士号载人潜水器在下潜实验过程中，其压强随着下潜深度的增加而增大；代表新能源技术的光伏发电和风能发电，我国的装机容量随时间变化而增长；我国快速发展的高速铁路，其总里程是逐年增加的，现已突破4万km
            ，稳居世界第一；每个人的体温随着时间的变化而变化；到商店购买同一种饮料的数量越多，付费越多等.这些动态变化现象都表现为变量之间的对应关系，我们常用函数模型来描述这些变量之间的关系和规律，并通过研究函数来认识客观世界.
@@ -21,7 +21,7 @@
    </div>
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="padding-96">
        <div class="padding-116">
          <p class="left">
            <img class="inline2" alt="" src="../../assets/images/xxmb.jpg" />
          </p>
@@ -55,7 +55,7 @@
            <p><span>089</span></p>
          </li>
        </ul>
        <div class="padding-96">
        <div class="padding-116">
          <h3 id="c031">
            3.3.2 函数的奇偶性<span class="fontsz2">＞＞＞</span>
          </h3>
@@ -66,6 +66,14 @@
            函数<i>f</i>（<i>x</i>）=|<i>x</i>|和<i>g</i>（<i>x</i>）=<i>x</i
            ><sup>2</sup>的图像的对称性如何？
          </p>
          <textarea
            cols="30"
            rows="4"
            v-model="chapterData.txtOne"
            placeholder="请输入内容"
            class="w100 ta-br textarea-text"
            @input="handleChapterData"
          ></textarea>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/tjfx.jpg" />
          </p>
@@ -104,7 +112,7 @@
            >=<i>g</i>（<i>x</i>），即<i>g</i>（-<i>x</i>）=<i>g</i>（<i>x</i>）.
          </p>
          <p>
            这两个函数的图像都关于<i>y</i>轴对称；当自变量取定义域中任意一对相反数时，对应的函数值都相等，这种函数就是偶函数.
            这两个函数的图像都关于 <i>y</i> 轴对称；当自变量取定义域中任意一对相
          </p>
        </div>
      </div>
@@ -116,7 +124,8 @@
          <li>数学.基础模块</li>
          <li></li>
        </ul>
        <div class="padding-96">
        <div class="padding-116">
          <p class="t0">反数时，对应的函数值都相等，这种函数就是偶函数.</p>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/cxgk.jpg" />
          </p>
@@ -172,14 +181,16 @@
            />
            </el-tooltip>
          </p>
          <p>
          <p  class="fl">
            <span>
            <span class="zt-ls"><b>例1</b></span
            >　根据图3-16中函数的图像，判断哪些函数是偶函数.
            </span>
            <span class="btn-box" @click="isShowExampleOne = !isShowExampleOne">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="18.501"
                height="18.501"
                width="16.501"
                height="16.501"
                viewBox="0 0 20.501 20.501"
              >
                <path
@@ -202,14 +213,31 @@
              的函数图像不关于<i>y</i>轴对称.根据偶函数的图像具有关于<i>y</i>轴对称的特点，图3-16（1）和图3-16（4）的函数是偶函数，图3-16（2）和图3-16（3）的函数不是偶函数.
            </p>
          </div>
          <p>
        </div>
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <ul class="page-header-box">
          <li>
            <p>第三单元 函数</p>
          </li>
          <li>
            <p><span>091</span></p>
          </li>
        </ul>
        <div class="padding-116">
          <p class="fl">
            <span>
            <span class="zt-ls"><b>例2</b></span
            >　已知<i>f</i>（<i>x</i>）=|<i>x</i>|+1图像在<i>y</i>轴右边的部分如图3-17所示.试画出这个函数图像在<i>y</i>轴左边的部分.
            </span>
            
            <span class="btn-box" @click="isShowExampleTwo = !isShowExampleTwo">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="18.501"
                height="18.501"
                width="16.501"
                height="16.501"
                viewBox="0 0 20.501 20.501"
              >
                <path
@@ -229,20 +257,6 @@
            />
          </p>
          <p class="img">图3-17</p>
        </div>
      </div>
    </div>
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <ul class="page-header-box">
          <li>
            <p>第三单元 函数</p>
          </li>
          <li>
            <p><span>091</span></p>
          </li>
        </ul>
        <div class="padding-96">
          <p v-if="isShowExampleTwo">
            <span class="zt-ls"><b>解</b></span>
            函数<i>f</i>（<i>x</i>）=|<i>x</i>|+1的定义域是（-∞，+∞），因为它是偶函数，所以根据其图像关于<i>y</i>轴对称的特点，即可画出这个函数在<i>x</i>∈（-∞，0］上的图像.
@@ -300,8 +314,8 @@
              <span class="btn-box" @click="openThinkingDialog">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="18.545"
                  height="20.112"
                  width="16.545"
                  height="18.112"
                  viewBox="0 0 20.545 22.112"
                >
                  <path
@@ -314,8 +328,8 @@
              <span class="btn-box" @click="stepDialog = true">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="17.28"
                  height="19.563"
                  width="15.28"
                  height="17.563"
                  viewBox="0 0 19.28 20.563"
                >
                  <g transform="translate(-109.056 -82.941)">
@@ -341,8 +355,8 @@
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="17.323"
                  height="17.939"
                  width="15.323"
                  height="15.939"
                  viewBox="0 0 18.323 15.939"
                >
                  <g transform="translate(-398 -946)">
@@ -373,8 +387,8 @@
              >
              <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="18.501"
                  height="18.501"
                  width="16.501"
                  height="16.501"
                  viewBox="0 0 20.501 20.501"
                >
                  <path
@@ -388,8 +402,8 @@
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="17.323"
                  height="17.939"
                  width="15.323"
                  height="15.939"
                  viewBox="0 0 18.323 15.939"
                >
                  <g transform="translate(-398 -946)">
@@ -420,8 +434,8 @@
              >
              <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="18.501"
                  height="18.501"
                  width="16.501"
                  height="16.501"
                  viewBox="0 0 20.501 20.501"
                >
                  <path
@@ -435,8 +449,8 @@
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="17.323"
                  height="17.939"
                  width="15.323"
                  height="15.939"
                  viewBox="0 0 18.323 15.939"
                >
                  <g transform="translate(-398 -946)">
@@ -515,16 +529,16 @@
            </div>
            <p class="block">
              如果<i>f</i>（<i>x</i>），<i>g</i>（<i>x</i>）都是定义域为<i>D</i>的偶函数，那么<i>f</i>（<i>x</i>）+<i>g</i>（<i>x</i>）和<i>f</i>（<i>x</i>）<i>g</i>（<i>x</i>）仍是偶函数吗？
            </p>
          </div>
          <textarea
            cols="30"
            rows="4"
            v-model="chapterData.txtOne"
                v-model="chapterData.txtTwo"
            placeholder="请输入内容"
            class="w100 ta-br textarea-text"
            @input="handleChapterData"
          ></textarea>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -535,7 +549,7 @@
          <li>数学.基础模块</li>
          <li></li>
        </ul>
        <div class="padding-96">
        <div class="padding-116">
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
@@ -560,7 +574,7 @@
      <iframe
        src="https://www.geogebra.org/calculator"
        frameborder="0"
        class="iframe-box"
        style="  width: 100%;min-height: 800px;"
      ></iframe>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
@@ -705,6 +719,7 @@
        isCollectImg: false,
        isCollectVideo: false,
        txtOne: "",
        txtTwo:"",
      },
      thinkOne: [
        {
@@ -806,10 +821,15 @@
</script>

<style lang="less" scoped>
p {
  font-size: 18px;
  text-align: justify;
}
.iframe-box {
  width: 100%;
  min-height: 800px;
  border: 1px solid #8281ed;
  border: 1px solid #00a1e9;
  border-radius:10px
}
li {
  list-style: none;

 src/components/examinations/index.vue

@@ -68,7 +68,10 @@
                  v-for="(itemText, indexText) in value.stem"
                  :key="indexText"
                >
                  <span v-if="typeof itemText == 'string'" v-html="itemText" ></span>
                  <span
                    v-if="typeof itemText == 'string'"
                    v-html="itemText"
                  ></span>
                  <!-- &nbsp; -->
                  <el-input
                    v-else
@@ -88,6 +91,7 @@
                v-cloak
              ></p>
            </div>
            <img :src="value.isCollect ? isCollect : collect" alt="" class="collect-png" @click="handleCollect(nindex,index)" >
            <!-- 收藏 -->
          </div>
          <div class="questionContent">
@@ -126,7 +130,12 @@
                    :preview-src-list="[getPublicImage(content.img)]"
                    v-if="isReal"
                  ></el-image>
                  <img :src="content.img" alt="" v-if="!isReal" class="radio-img">
                  <img
                    :src="content.img"
                    alt=""
                    v-if="!isReal"
                    class="radio-img"
                  />
                </p>
                <p
                  class="optionContent"
@@ -280,6 +289,46 @@
                          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"
                      >
                        <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>
                      </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"
                      >
                        <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>
                      </svg>
                      </span>

                      <div class="headerConent sitgBox">
                        <p v-if="!value.isUnfold">
                          <span class="analysisColor">展开解析</span
@@ -325,7 +374,7 @@
                    ></p>
                  </div>
                  <!-- 解析 -->
                  <div class="referBox">
                  <div class="referBox" v-if="value.analysisCon">
                    <span>解析：</span>
                    <p
                      v-if="value.analysisCon"
@@ -404,7 +453,9 @@
      </ul>
    </div>
    <div class="bottom-btn" v-if="!loading">
      <el-button class="examinations-btn-box" @click="saveAnswer">保存</el-button>
      <el-button class="examinations-btn-box" @click="saveAnswer"
        >保存</el-button
      >
      <el-button
        @click="handleQuestion"
        class="examinations-btn-box"
@@ -441,8 +492,8 @@
    },
    isReal:{
      type:Boolean,
      default:true
    }
      default: true,
    },
  },
  data() {
    return {
@@ -450,21 +501,22 @@
      loading: false,
      cardData:[],
      loading:true,
      
      collect:require("@/assets/images/collect.png"),
      isCollect:require("@/assets/images/isCollect.png")
    };
  },
  watch:{
    cardList:{
      handler(newVal) {
        console.log('11',newVal);
        this.cardData = this.cardList
        console.log("11", newVal);
        this.cardData = this.cardList;
        if(newVal && newVal.length) {
          this.loading = false
          this.loading = false;
        }
      },
      immediate:true,
      deep:true
    }
      deep: true,
    },
  },
  mounted() {
    // this.cardData = this.cardList
@@ -587,7 +639,8 @@
    },
    // 保存按钮
    saveAnswer() {
      const element = (this.container ? this.container : document
      const element = (
        this.container ? this.container : document
      ).querySelector(".examination");
      if (element) {
        const pageNum = this.getParentWithClass(
@@ -610,12 +663,18 @@
          }
        }
        if(oldData[pageNum]) {
          oldData[pageNum] = oldData[pageNum].filter(citem => asnwerList.findIndex(ditem => ditem.id == citem.id) == -1 )
          oldData[pageNum].push(...asnwerList)
          oldData[pageNum] = oldData[pageNum].filter(
            (citem) =>
              asnwerList.findIndex((ditem) => ditem.id == citem.id) == -1
          );
          oldData[pageNum].push(...asnwerList);
        } else {
          oldData[pageNum] = asnwerList
          oldData[pageNum] = asnwerList;
        }
        localStorage.setItem(this.config.activeBook.name + "oldAnswerData", JSON.stringify(oldData));
        localStorage.setItem(
          this.config.activeBook.name + "oldAnswerData",
          JSON.stringify(oldData)
        );
      }

      // if(oldData[this.chapter]) {
@@ -625,8 +684,11 @@
      //   oldData[this.chapter][this.page] = asnwerList
      // }
      // console.log(oldData);
      
    },
    handleCollect(infoNum,num) {
      console.log(this.cardData[infoNum].infoList[num]      );
      this.cardData[infoNum].infoList[num].isCollect = !this.cardData[infoNum].infoList[num].isCollect
    }
  },
};
</script>
@@ -639,10 +701,12 @@
  font-size: 16px;
}
.examination {
  margin-top: 20px;
  min-height: 100px;
  ul {
    list-style: none;
  }
  p {
    margin: 0;
  }
}
.examinations-btn-box {
@@ -851,6 +915,7 @@
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      .headerConent {
        height: 100%;
@@ -887,7 +952,7 @@
        .error {
          display: flex;
          text-align: left;
          width: 180px;
          width: 170px;
          color: #ee1818;
          span {
            height: min-content;
@@ -1146,4 +1211,9 @@
  width: 200px;
  object-fit: contain;
}
.collect-png {
  cursor: pointer;
  width: 25px;
  object-fit: contain;
}
</style>