体育与健康（第一单元）

zhongshujie

2024-07-23 4ed656060d40ef1ff2a819c1fb50e0a2993c60ac

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

@@ -1337,7 +1337,7 @@
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl ju-cn">
              <ul class="fl ju-ev" style="width:80%">
              <ul class="fl ju-ev w80" >
                <li>
                  <button class="btn-border btn-w" @click="saveData">
                    提交
@@ -1966,8 +1966,8 @@
              from different countries and one afternoon,my friends and I
              planned to visit the world-famous Sun Yat-sen
              <span class="word-bc" @click="saveWord($event, 'Mausoleum')">Mausoleum</span>
              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
                v-model="testData.in.one" @change="setTestData" />
              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                v-model="testData.tg.one" @change="setTestData" />
              I looked around with curiosity,and everything seemed to move at a
              quick
              <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
@@ -2007,15 +2007,15 @@
              wallet.
            </p>
            <p>
              B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
                v-model="testData.in.one" @change="setTestData" />
              B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                v-model="testData.tg.two" @change="setTestData" />
              I went through all the necessary procedures and couldn’t wait to
              ride my first shared bike.
            </p>
            <p>
              Last but not least,nearly at the end of 2016,the ordering
              platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
                class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
                class="input-bottom-border" style="width: 75%" v-model="testData.tg.three" @change="setTestData" />
              What makes my life easier is that I can buy vegetables and fruits
              online and get them delivered to my door.
            </p>
@@ -2183,7 +2183,7 @@
              blanks.
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
              ( <select class="select-border"  :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                  :value="item">
@@ -2209,7 +2209,7 @@
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                  :value="item">
@@ -2235,7 +2235,7 @@
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
                  :value="item">
@@ -2269,7 +2269,7 @@
              (F).
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
@@ -2294,7 +2294,7 @@
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
@@ -2320,7 +2320,7 @@
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
@@ -2346,7 +2346,7 @@
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
@@ -2372,7 +2372,7 @@
              </span>
            </p>
            <p>
              ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
              ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
                style="width: 8%">
                <option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
                  :value="item">
@@ -2756,7 +2756,7 @@
              </p>
            </div>
            <p>
              1.It is actually an online shopping website.( <select :disabled="testOneData.isComplete"
              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2781,7 +2781,7 @@
              </span>
            </p>
            <p>
              2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2807,7 +2807,7 @@
            </p>
            <p>
              3.China offers researchers world-class advanced research
              facilities in the institutes. ( <select :disabled="testOneData.isComplete"
              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2833,7 +2833,7 @@
            </p>
            <p>
              4.These friends made Vanessa see China through the eyes of the
              locals. ( <select :disabled="testOneData.isComplete"
              locals. ( <select class="select-border" :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2858,7 +2858,7 @@
              </span>
            </p>
            <p>
              5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete"
              5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2888,8 +2888,8 @@
              &nbsp; 5.S+V
            </p>
            <!-- 提交按钮 -->
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <li>
                  <button class="btn-border btn-w" @click="savaDataOne">
                    提交
@@ -3501,8 +3501,8 @@
              答案： (1)experience Chinese handicraft &nbsp; (2)paper cutting contest &nbsp; (3)design the posters &nbsp;
              (4)handicraftsmen to show their talent&nbsp; (5)arrange the room set-up
            </p>
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
            <div class="w100 fl ju-cn">
              <ul class="fl ju-ar w80">
                <li>
                  <button class="btn-border btn-w" @click="savaDataTwo">
                    提交
@@ -3886,8 +3886,8 @@
            <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
              答案：Name of the event,Date & time,Address,Organizer
            </p>
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <li>
                  <button class="btn-border btn-w" @click="savaCheck">
                    提交
@@ -4605,6 +4605,11 @@
          five: "",
          answer: ["whether", "if", "whether", "whether", "If"],
        },
        tg:{
          one:"",
          two:"",
          three:"",
        },
      },
      //page12-13题集
      testOneData: {
@@ -4912,6 +4917,11 @@
          four: "",
          five: "",
          answer: ["whether", "if", "whether", "whether", "If"],
        },
        tg:{
          one:"",
          two:"",
          three:"",
        },
      };
    }, 
@@ -5245,15 +5255,6 @@
  position: fixed;
  right: 0;
  background-color: red;
}

.select-border {
  border: 0;
  border-bottom: 1px solid #767676;

  &:focus {
    outline: none;
  }
}

.poster-img {