公式输入框样式优化

闫增涛

2024-11-22 c76dd06de1bb752719900e7ec07d24a5da0966a5

 src/books/childHealth/view/content/components/chapter003.vue

@@ -546,7 +546,7 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="video-border w100"
                class="video-border w100 video"
              ></video>
              <p class="img">视频：影响学前儿童心理发展的因素</p>
            </div>
@@ -1074,7 +1074,7 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：过度依赖</p>
            </div>
@@ -1194,7 +1194,7 @@
                  x5-playsinline=""
                  controls
                  controlslist="nodownload"
                  class="video-border w100"
                  class="video-border w100 video"
                ></video>
              </p>
              <p class="img">视频：自慰</p>
@@ -1559,7 +1559,7 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：言语及语言发育障碍</p>
            </div>
@@ -1605,7 +1605,7 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：怎样发现孩子发育迟缓</p>
            </div>
@@ -1718,7 +1718,7 @@
                x5-playsinline=""
                controls
                controlslist="nodownload"
                class="w100 video-border"
                class="w100 video-border video"
              ></video>
              <p class="img">视频：儿童多动症</p>
            </div>
@@ -1798,53 +1798,137 @@
          <p class="custom_tag">•回顾与反思•</p>
          <p class="block"><b>一、判断对错</b></p>
          <p class="block">
            1.有人说“动作是个体早期的外显智力”，因此，动作的发展状况常被用作评价婴儿心理发展的指标。（<input
              type="text"
              class="judge-input"
              v-model="chapterThreeData.question.judge.qOne"
              @input="saveChapterOneData"
            />）
            1.有人说“动作是个体早期的外显智力”，因此，动作的发展状况常被用作评价婴儿心理发展的指标。（）
          </p>
          <div class="radio-box">
            <label>
              <input 
                type="radio" 
                name="qOne" 
                value="correct" 
                v-model="chapterThreeData.question.judge.qOne"
                @change="saveChapterOneData"
               />
              对</label>
            <label>
              <input 
                type="radio" 
                name="qOne" 
                value="error" 
                v-model="chapterThreeData.question.judge.qOne"
                @change="saveChapterOneData"
              />错</label>
          </div>
          <p class="block">
            2.婴幼儿动作的发展遵循“由整体到特殊的发展”原则，即局部的、小肌肉的活动发展在先，全身的、笼统的动作发展在后。（<input
              type="text"
              class="judge-input"
              v-model="chapterThreeData.question.judge.qTwo"
              @input="saveChapterOneData"
            />）
            2.婴幼儿动作的发展遵循“由整体到特殊的发展”原则，即局部的、小肌肉的活动发展在先，全身的、笼统的动作发展在后。（）
          </p>
          <div class="radio-box">
            <label>
              <input 
                type="radio" 
                name="qTwo" 
                value="correct" 
                v-model="chapterThreeData.question.judge.qTwo"
                @change="saveChapterOneData"
               />
              对</label>
            <label>
              <input 
                type="radio" 
                name="qTwo" 
                value="error" 
                v-model="chapterThreeData.question.judge.qTwo"
                @change="saveChapterOneData"
              />错</label>
          </div>
          <p class="block">
            3.学前儿童的思维离不开动作和实物，其思维以直觉行动思维为主。（<input
              type="text"
              class="judge-input"
              v-model="chapterThreeData.question.judge.qThree"
              @input="saveChapterOneData"
            />）
            3.学前儿童的思维离不开动作和实物，其思维以直觉行动思维为主。（）
          </p>
          <div class="radio-box">
            <label>
              <input 
                type="radio" 
                name="qThree" 
                value="correct" 
                v-model="chapterThreeData.question.judge.qThree"
                @change="saveChapterOneData"
               />
              对</label>
            <label>
              <input 
                type="radio" 
                name="qThree" 
                value="error" 
                v-model="chapterThreeData.question.judge.qThree"
                @change="saveChapterOneData"
              />错</label>
          </div>
          <p class="block">
            4.遗传因素既为儿童心理发展提供了最基本的自然物质前提，又奠定了儿童心理发展个别差异的最初基础。（<input
              type="text"
              class="judge-input"
              v-model="chapterThreeData.question.judge.qFour"
              @input="saveChapterOneData"
            />）
            4.遗传因素既为儿童心理发展提供了最基本的自然物质前提，又奠定了儿童心理发展个别差异的最初基础。（）
          </p>
          <div class="radio-box">
            <label>
              <input 
                type="radio" 
                name="qFour" 
                value="correct" 
                v-model="chapterThreeData.question.judge.qFour"
                @change="saveChapterOneData"
               />
              对</label>
            <label>
              <input 
                type="radio" 
                name="qFour" 
                value="error" 
                v-model="chapterThreeData.question.judge.qFour"
                @change="saveChapterOneData"
              />错</label>
          </div>
          <p class="block">
            5.有的儿童日常例行作息时间不需要固定。（<input
              type="text"
              class="judge-input"
              v-model="chapterThreeData.question.judge.qFive"
              @input="saveChapterOneData"
            />）
            5.有的儿童日常例行作息时间不需要固定。（）
          </p>
          <div class="radio-box">
            <label>
              <input 
                type="radio" 
                name="qFive" 
                value="correct" 
                v-model="chapterThreeData.question.judge.qFive"
                @change="saveChapterOneData"
               />
              对</label>
            <label>
              <input 
                type="radio" 
                name="qFive" 
                value="error" 
                v-model="chapterThreeData.question.judge.qFive"
                @change="saveChapterOneData"
              />错</label>
          </div>
          <p class="block">
            6.对于学前儿童的心理行为问题不能姑息迁就，必须严加惩处。（<input
              type="text"
              class="judge-input"
              v-model="chapterThreeData.question.judge.qSix"
              @input="saveChapterOneData"
            />）
            6.对于学前儿童的心理行为问题不能姑息迁就，必须严加惩处。（）
          </p>
          <div class="radio-box">
            <label>
              <input 
                type="radio" 
                name="qSix" 
                value="correct" 
                v-model="chapterThreeData.question.judge.qSix"
                @change="saveChapterOneData"
               />
              对</label>
            <label>
              <input 
                type="radio" 
                name="qSix" 
                value="error" 
                v-model="chapterThreeData.question.judge.qSix"
                @change="saveChapterOneData"
              />错</label>
          </div>
          <p class="block"><b>二、填空</b></p>
          <p class="block">
            1.如果新生儿期无惊跳反射，说明其有<input
@@ -2161,7 +2245,7 @@
    },
    gotoLabel(id) {
      (this.container ? this.container : document).getElementById(id).scrollIntoView()
    }
    },
  },
};
</script>