公式输入框样式优化

闫增涛

2024-11-22 c76dd06de1bb752719900e7ec07d24a5da0966a5

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

@@ -173,7 +173,7 @@
                <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 :cardList="questionData[78] ? questionData[78][1] : []"  sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <p class="center"><img class="img-c" alt="" src="../../assets/images/0082-2.jpg" /></p>
@@ -198,7 +198,7 @@
          </div>
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[78] ? questionData[78][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[78] ? questionData[78][2] : []"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -513,7 +513,7 @@
          </div>
          <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" inputBc="#d3edfa"
            <examinations :cardList="questionData[80]"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -530,7 +530,7 @@
        <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" inputBc="#d3edfa"
            <examinations :cardList="questionData[81]"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
          <h2 id="b016">3.2 函数的表示方法<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
@@ -691,12 +691,12 @@
            <div class="bj1-hzjl">
              <p class="left"><img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" /></p>
            </div>
            <examinations :cardList="questionData[85] ? questionData[85][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[85] ? questionData[85][1] : []"  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] ? questionData[85][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[85] ? questionData[85][2] : []"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -1082,12 +1082,12 @@
            <div class="bj1-hzjl">
              <p class="left"><img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" /></p>
            </div>
            <examinations :cardList="questionData[88] ? questionData[88][1] : []" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[88] ? questionData[88][1] : []"  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[88] ? questionData[88][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[88] ? questionData[88][2] : []"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -1104,7 +1104,7 @@
        <div class="padding-116">
          <h3 id="c029">习题3.2<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj">
            <examinations :cardList="questionData[89]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[89]"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
          <h2 id="b017">3.3 函数的单调性和奇偶性<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
@@ -1451,7 +1451,7 @@
        <div class="padding-116">
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[95]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[95]"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -1540,23 +1540,17 @@
          </p>
          <p class="img fl fl-cn ju-cn">
            <span>图3-15</span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectImg ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="collectResourceList.findIndex(item => item.id == '722FE833') > -1 ? collectCheck : collectImg"
                alt="" class="collect-btn" @click="handleCollect('img')" />
            </el-tooltip>
          </p>
          <video :src="videoPath" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
            x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
            controlslist="nodownload" class="video-border w100"></video>
          <p class="img fl fl-cn ju-cn">
            <span>视频：判数函数奇偶性的方法和步骤 </span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img
                :src="collectResourceList.findIndex(item => item.id == 'a28cd862d61b5df2201406b76e9f01b0') > -1 ? collectCheck : collectImg"
                alt="" class="collect-btn" @click="handleCollect('video')" />
            </el-tooltip>
          </p>
          <p class="fl">
            <span>
@@ -1769,7 +1763,7 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[98]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[98]"  sourceType="json"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -1786,18 +1780,24 @@
        <div class="padding-116">
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj" >
            <examinations :cardList="questionData[99]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[99]"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
            <p class="gr-title">
              四、函数 f(x)=x’-3 的图像在
              轴左边的部分如图所示，请你画出这个函数图像在 y轴右边的部分.
            </p>
            <div>
              <paint
              <!-- <paint
                :page="99"
                :imgUrl="
                  this.config.activeBook.resourceUrl + '/images/0103-2.jpg'
                "
              /> -->
              <graffiti 
                :page="99" 
                :bcImg="this.config.activeBook.resourceUrl + '/images/0103-2.jpg'"
                :imgWidth="520"
                :imgHeight="494"
              />
            </div>
          </div>
@@ -2079,7 +2079,7 @@
                <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 :cardList="questionData[103] ? questionData[103][1] : []"  sourceType="json" v-if="questionData">
            </examinations>
          </div>
          <p>如果一个函数是奇函数或偶函数，那么就称这个函数具有<b>奇偶性</b>.否则，函数不具有奇偶性.</p>
@@ -2270,7 +2270,7 @@
            <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][2] : []" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[103] ? questionData[103][2] : []"  sourceType="json"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -2290,7 +2290,7 @@
        <div class="padding-116">
          <p class="left"><img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /></p>
          <div class="bj">
            <examinations :cardList="questionData[104]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[104]"  sourceType="json"
            v-if="questionData" ></examinations>
          </div>

@@ -2314,7 +2314,7 @@
        <div class="padding-116">
          <h3 id="c032">习题3.3<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj" >
            <examinations :cardList="questionData[105]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[105]"  sourceType="json"
            v-if="questionData" ></examinations>
          </div>
          <h2 id="b018">3.4 函数的应用<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
@@ -2690,7 +2690,7 @@
        <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"
            <examinations :cardList="questionData[110]"  sourceType="json"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -2710,7 +2710,7 @@
        <div class="padding-116">
          <h3 id="c033">习题3.4<span class="fontsz2">＞＞＞</span></h3>
          <div class="bj"> 
            <examinations :cardList="questionData[111]" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
            <examinations :cardList="questionData[111]"  sourceType="json" inputBc="#d3edfa"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -2817,7 +2817,7 @@
        <div class="padding-116">
          <h2 id="b021">单元检测<span class="fontsz1">＞＞＞＞＞＞＞＞</span></h2>
          <div class="bj" >
            <examinations :cardList="questionData[117]" :hideCollect="true" sourceType="json"
            <examinations :cardList="questionData[117]"  sourceType="json"
            v-if="questionData" ></examinations>
          </div>
        </div>
@@ -2899,6 +2899,7 @@

<script>
import paint from '@/components/paint/index.vue'
import graffiti from '@/components/graffiti/index.vue'
import examinations from '@/components/examinations/index.vue'
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
@@ -2921,7 +2922,7 @@
      type: Object,
    },
  },
  components: {examinations,paint},
  components: {examinations,paint,graffiti},
  data() {
    return {
      ...showObj,
@@ -3017,7 +3018,6 @@
    },
    //资源收藏事件
    handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
      console.log(this.collectResourceList);
      let list = this.collectResourceList
      if (list.findIndex(item => item.id == id) > -1) {
        list = list.filter(item => item.id != id)