From bc7f6f02feeff377da9d95546420987a2539d7cc Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 08 七月 2024 19:50:18 +0800 Subject: [PATCH] 英语(表格) --- src/books/English/view/components/chapter004.vue | 212 +++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 181 insertions(+), 31 deletions(-) diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue index aa1f6f6..8484225 100644 --- a/src/books/English/view/components/chapter004.vue +++ b/src/books/English/view/components/chapter004.vue @@ -394,37 +394,37 @@ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> <tr class="table-tr-bc"> <td class="tl-lf" style="width: 33%;">l. often 鈫�<input :disabled="testData.isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 70px" + type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-lf" style="width: 33%;">2. go0d 鈫�<input :disabled="testData.isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 70px" + type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-lf" style="width: 33%;">3. bad 鈫�<input :disabled="testData.isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 70px" + type="text" class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> </td> </tr> <tr class="table-tr-bc "> <td class="tl-lf">4. early 鈫�<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-lf">5. heavy 鈫�<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-lf">6. late 鈫�<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> </td> </tr> <tr class="table-tr-bc"> <td class="tl-lf">7. dangerous 鈫�<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-lf">8. thin 鈫�<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /></td> <td class="tl-lf">9. far 鈫�<input :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" + class="input-bottom-border input-bc-t" style="width: 5em" v-model="testData.in.one" @change="setTestData" /> </td> </tr> @@ -813,35 +813,55 @@ <td class="tl-cn table-th-bc">The FAST Team</td> <td style="width: 65%;"> <p class="table-p"> - The engineering and operation team has an average age of 1. - while the on-site team has an average age of 2. + The engineering and operation team has an average age of 1.<select + v-model="dropdownData.one.value" style="width: 25%"> + <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> + {{ item }} + </option> + </select> + while the on-site team has an average age of 2.<select + v-model="dropdownData.one.value" style="width: 25%"> + <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> + {{ item }} + </option> + </select> </p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc">Achievements</td> <td style="width: 65%;"> - <p class="table-p">He would like to provide the world's 5.<input - :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" - v-model="testData.in.one" @change="setTestData" />least developed countries + <p class="table-p">He would like to provide the world's 5.<select + v-model="dropdownData.one.value" style="width: 25%"> + <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> + {{ item }} + </option> + </select>least developed countries with engineers.</p> - <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 70px" - v-model="testData.in.one" @change="setTestData" />people.</p> + <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value" + style="width: 25%"> + <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> + {{ item }} + </option> + </select>people.</p> </td> </tr> <tr class="table-tr-bc"> <td class="tl-cn table-th-bc">Contributions ofTeam Members</td> <td style="width: 65%;"> - <p class="table-p">He would like to provide the world's 5.<input - :disabled="testData.isComplete" type="text" - class="input-bottom-border input-bc-t" style="width: 70px" - v-model="testData.in.one" @change="setTestData" />least developed countries + <p class="table-p">He would like to provide the world's 5.<select + v-model="dropdownData.one.value" style="width: 25%"> + <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> + {{ item }} + </option> + </select>least developed countries with engineers.</p> - <p class="table-p">He wants to reach 6.<input :disabled="testData.isComplete" - type="text" class="input-bottom-border input-bc-t" style="width: 70px" - v-model="testData.in.one" @change="setTestData" />people.</p> + <p class="table-p">He wants to reach 6.<select v-model="dropdownData.one.value" + style="width: 25%"> + <option v-for="(item, index) in dropDownListOne" :key="index" :value="item"> + {{ item }} + </option> + </select>people.</p> </td> </tr> </table> @@ -950,11 +970,73 @@ then discuss with your group members about their spirit towards scientific research and innovation.</p> <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0081-2.jpg" /></p> + <p class="center"> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-th-bc"> + <td class="tl-cn">Scientists</td> + <td class="tl-cn">Contributions</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn">Zhang Heng</td> + <td class="tl-lf"> + He invented a machine called seismometer(鍦板姩浠�), which could sense distant + earthquakes, + and indicated in which direction they were happening. + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.one" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.two" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.one" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.two" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.one" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.two" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + <tr class="table-tr-bc"> + <td> + <textarea v-model="questionData.table.one" + class="w100 table-tr-bc b0 table-textarea textarea-box" + @change="setBookQuestion"></textarea> + </td> + <td> + <textarea v-model="questionData.table.two" + class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea> + </td> + </tr> + </table> + </p> <h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2> - <h3 id="c035"><span class="bjh3">Listening</span></h3> - <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" - style="margin-left: 10px" class="audio" @play="audioPlay"></audio> + <h3 id="c035" class="fl al-cn"> + <span class="bjh3">Listening</span> + <!--controlslist="noplaybackrate nodownload"鍚庨潰鐨勯煶棰戞鍔犲叆杩欎釜--> + <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" + class="audio"></audio> + </h3> <p><b>鈪�.Listen to Nadia talking about her favorite electronic device and mark what she says about it.</b></p> <p>鈻� 1.What it is</p> @@ -987,7 +1069,75 @@ <p>鈻� 6.Why it is important to Nadia</p> <p><b>鈪�.Ms.Zhang is discussing technology trends with her students.Listen to the conversation,and write down the benefits of each App.</b></p> - <p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.jpg" /></p> + <p class="center"> + <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> + <tr class="table-th-bc"> + <td class="tl-cn">Artificial Inteligence Apps</td> + <td class="tl-cn">Benefits</td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + digital assistance + </td> + <td class="tl-lf"> + <p class="table-p"> + It reminds me to do things. + </p> + <p class="table-p"> + It wakes me up 1<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />in the morning. + </p> + <p class="table-p"> + It plays my 2.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />music. + </p> + <p class="table-p"> + I chat with it when I am alone.. + </p> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + online shopping recommendation + </td> + <td class="tl-lf"> + <p class="table-p"> + It 3.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />suggests things that I want. + </p> + <p class="table-p"> + It makes shopping a 4.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />experience. + </p> + </td> + </tr> + <tr class="table-tr-bc"> + <td class="tl-cn"> + instant translation + </td> + <td class="tl-lf"> + <p class="table-p"> + They help me communicate easily when I travel abroad. + </p> + <p class="table-p"> + They're so 5.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" />for foreign language learning. + </p> + <p class="table-p"> + I can figure out words or the meaning of words 6.<input :disabled="testData.isComplete" type="text" + class="input-bottom-border input-bc-t" style="width: 5em" + v-model="testData.in.one" @change="setTestData" /> + </p> + </td> + </tr> + </table> + + </p> <h3 id="c036"><span class="bjh3">Practical Writing</span></h3> <p>Work with your partner to discuss the following questions.</p> <p>1.What is a sales letter like?</p> @@ -1426,7 +1576,7 @@ five: "", six: "", seven: "", - enight: "", + eight: "", nine: "", }, }, -- Gitblit v1.9.1