From 1e79d06c8db13e5196fad12ad5612946e70720ee Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 16 七月 2024 09:24:21 +0800
Subject: [PATCH] 英语第二单元

---
 src/books/English/view/components/chapter001.vue |   69 +++++++++++++++++-----------------
 1 files changed, 35 insertions(+), 34 deletions(-)

diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index ee6150f..fa7f82e 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/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鈥檛 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">
               绛旀锛歂ame 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 {

--
Gitblit v1.9.1