优化

闫增涛

2024-06-27 dc1a81057497cdd692d8a384279e2bcded021ff2

优化

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

@@ -21,9 +21,9 @@
            </div>
        </div>
        <!-- 59 -->
        <div class="page-box" page="65">
        <!-- <div class="page-box" page="65">
            <div v-if="showPageList.indexOf(65) > -1">
                <!-- 头部 -->

                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
@@ -32,7 +32,7 @@
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
            
                <div class="padding-93">
                    <div class="bodystyle"></div>
                </div>
@@ -40,11 +40,11 @@
                    <span class="contet-num-box">39</span>
                </div>
            </div>
        </div>
        </div> -->
        <!-- 60 -->
        <div class="page-box" page="66">
        <!-- <div class="page-box" page="66">
            <div v-if="showPageList.indexOf(66) > -1">
                <!-- 头部 -->
        
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit3 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit3">
@@ -53,7 +53,7 @@
                        </div>
                    </div>
                </div>
                <!-- 内容 -->

                <div class="padding-93">
                    <div class="bodystyle"></div>
                </div>
@@ -61,7 +61,7 @@
                    <span class="contet-num-box">12</span>
                </div>
            </div>
        </div>
        </div> -->
    </div>
</template>
<script>

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

@@ -184,7 +184,7 @@
      //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
      //   txtIndex: 57
      // });
     }, 50);
    //  }, 50);
  },
  methods: {
    // setZoom1() {

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

@@ -48,7 +48,7 @@
              @play="audioPlay"></audio> -->
          </h1>
          <!-- 连线题 -->
          <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color"></matching>
          <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color" :bordercolor="'#fff'"></matching>
          <p class="text">小提示：加点的文字为本句话中的逻辑重音，在朗读发音时请重读。</p>
        </div>
        <p><br /></p>
@@ -417,12 +417,14 @@
      videoPathOne: "",
      auidoPathOne: "",
      auidoPathTwo: "",
      auidoPathThree:"",
      auidoPathFour: "",
      auidoPathFive: "",
      auidoPathSex: "",
      auidoPathSeven: "",
      auidoPathEight: "",
      auidoPathNine: "",
      accentColor:"",
      color:"#fff",
      chapterData: {
        isCollectImg: false,

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

@@ -73,7 +73,7 @@
                    <p class="center openImgBox"><img class="img-e" alt="" src="../../assets/images/3-2.gif" /></p>
                    <p class="text"><span class="hs1">◇</span>请把蚂蚁队长的台词和他的内心独白连起来吧！</p>
                    <!-- 连线题 -->
                    <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'" :bordercolor="'transparent'">
                    <matching :rawData="rawData" :question="question" class="macthing" :primaryColor="'transparent'" :bordercolor="'transparent'" >
                    </matching>
                </div>
                <!-- 此次为页脚部分（需要设置页码） -->

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

@@ -155,8 +155,8 @@
    }, 500);

    // 测试页面跳转
     setTimeout(() => {
     this.gotoPage(2,6);
    //  setTimeout(() => {
    //  this.gotoPage(2,6);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -184,7 +184,7 @@
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
     }, 500);
    //  }, 500);
  },
  methods: {
    // setZoom1() {

 src/components/dragQuestion/index.vue

@@ -1,9 +1,9 @@
<template>
  <div class="drag-box" :style="{ borderColor: bcColor }">
    <div class="title-box">
      <p class="text"><span class="hs1">◇</span>{{ titileText }}</p>
      <span class="svg-btn t0">
        <el-tooltip class="item" effect="dark" content="请拖拽答案到括号里吧" placement="top-start">
      <p class="text" style="text-indent:2em !important"><span class="hs1">◇</span>{{ titileText }}</p>
      <span class="svg-btn t0"  @mouseenter="mouseenterTitle" @mouseleave="mouseleaveTitle">
        <p class="p-title" v-if="ishowTitle">请拖拽答案到括号里吧</p>
          <svg
          t="1719309984490"
          class="icon"
@@ -20,7 +20,6 @@
            p-id="6317"
          ></path>
        </svg>
    </el-tooltip>

      </span>
    </div>
@@ -279,6 +278,7 @@
      spaceList: [],
      submitState: false,
      isLift: false,
      ishowTitle:false
    };
  },
  mounted() {},
@@ -491,6 +491,14 @@
      }
      return flag;
    },
    mouseenterTitle() {
      this.ishowTitle = true
      console.log(this.ishowTitle );
    },
    mouseleaveTitle() {
      this.ishowTitle = false
      console.log(this.ishowTitle );
    }
  },
};
</script>
@@ -555,7 +563,9 @@
  width: 100%;
}
.svg-btn {
  position: relative;
  margin-left: 5px;
  max-height: 20px;
  cursor: pointer;
  display: flex;
  padding: 3px;
@@ -568,12 +578,22 @@
    background-color: #fff;
  }
}
.p-title {
  text-indent: 0 !important;
  position: absolute;
  top: -33px;
  background-color:#8fae34 ;
  padding: 0 4px;
  white-space: nowrap;
  border-radius: 4px;
  color: #fff;
}
.title-box {
  display: flex;
  margin-bottom: 20px;
  p {
    margin: 0;
    text-indent: 2em !important;
    text-indent: 2em ;
  }
}
/** 解析 */