From 98672d35b55d82335c4bd05f6434f6a6cf83c733 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 08 七月 2024 11:54:03 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/assets/images/grammar1-2.png | 0
src/books/English/view/components/chapter001.vue | 446 +++++--
src/books/English/assets/images/grammar8-2.png | 0
src/books/English/assets/images/grammar6-2.png | 0
src/books/English/view/components/chapter005.vue | 87 +
src/books/English/assets/images/grammar3-2.png | 0
src/books/English/assets/images/grammar5-1.png | 0
src/books/English/assets/main.less | 10
src/books/English/assets/images/grammar7-1.png | 0
src/books/English/assets/images/grammar5-2.png | 0
src/books/English/view/components/chapter007.vue | 104 +
src/books/artAndDrama/assets/main.less | 2
src/books/English/view/components/chapter004.vue | 417 +++++-
src/books/English/assets/images/matching-four.png | 0
src/books/English/assets/images/grammar2-1.png | 0
src/books/English/view/components/index.vue | 35
src/books/artAndDrama/view/components/index.vue | 2
src/books/English/assets/images/grammar2-2.png | 0
src/books/English/assets/images/grammar4-1.png | 0
src/books/English/view/components/chapter008.vue | 155 ++
src/books/English/view/components/chapter003.vue | 1546 +++++++++++++++++++++------
src/books/English/assets/images/grammar7-2.png | 0
src/books/English/assets/images/grammar1-1.png | 0
src/books/English/assets/images/matching-two.png | 0
src/books/English/assets/images/grammar4-2.png | 0
src/books/English/assets/images/grammar8-1.png | 0
src/books/English/view/components/chapter002.vue | 275 +++-
src/books/English/assets/images/grammar3-1.png | 0
src/books/English/assets/images/grammar6-1.png | 0
src/books/English/view/components/chapter006.vue | 214 ++
30 files changed, 2,485 insertions(+), 808 deletions(-)
diff --git a/src/books/English/assets/images/grammar1-1.png b/src/books/English/assets/images/grammar1-1.png
new file mode 100644
index 0000000..3eacba4
--- /dev/null
+++ b/src/books/English/assets/images/grammar1-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar1-2.png b/src/books/English/assets/images/grammar1-2.png
new file mode 100644
index 0000000..5e7b24f
--- /dev/null
+++ b/src/books/English/assets/images/grammar1-2.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar2-1.png b/src/books/English/assets/images/grammar2-1.png
new file mode 100644
index 0000000..fbfbc0d
--- /dev/null
+++ b/src/books/English/assets/images/grammar2-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar2-2.png b/src/books/English/assets/images/grammar2-2.png
new file mode 100644
index 0000000..e0a5605
--- /dev/null
+++ b/src/books/English/assets/images/grammar2-2.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar3-1.png b/src/books/English/assets/images/grammar3-1.png
new file mode 100644
index 0000000..e9587da
--- /dev/null
+++ b/src/books/English/assets/images/grammar3-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar3-2.png b/src/books/English/assets/images/grammar3-2.png
new file mode 100644
index 0000000..cb8d778
--- /dev/null
+++ b/src/books/English/assets/images/grammar3-2.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar4-1.png b/src/books/English/assets/images/grammar4-1.png
new file mode 100644
index 0000000..fa6d5ab
--- /dev/null
+++ b/src/books/English/assets/images/grammar4-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar4-2.png b/src/books/English/assets/images/grammar4-2.png
new file mode 100644
index 0000000..3369b69
--- /dev/null
+++ b/src/books/English/assets/images/grammar4-2.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar5-1.png b/src/books/English/assets/images/grammar5-1.png
new file mode 100644
index 0000000..bfef3f0
--- /dev/null
+++ b/src/books/English/assets/images/grammar5-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar5-2.png b/src/books/English/assets/images/grammar5-2.png
new file mode 100644
index 0000000..ecb7d3c
--- /dev/null
+++ b/src/books/English/assets/images/grammar5-2.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar6-1.png b/src/books/English/assets/images/grammar6-1.png
new file mode 100644
index 0000000..873f8d6
--- /dev/null
+++ b/src/books/English/assets/images/grammar6-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar6-2.png b/src/books/English/assets/images/grammar6-2.png
new file mode 100644
index 0000000..51b5ef5
--- /dev/null
+++ b/src/books/English/assets/images/grammar6-2.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar7-1.png b/src/books/English/assets/images/grammar7-1.png
new file mode 100644
index 0000000..b3b5a47
--- /dev/null
+++ b/src/books/English/assets/images/grammar7-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar7-2.png b/src/books/English/assets/images/grammar7-2.png
new file mode 100644
index 0000000..59a486b
--- /dev/null
+++ b/src/books/English/assets/images/grammar7-2.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar8-1.png b/src/books/English/assets/images/grammar8-1.png
new file mode 100644
index 0000000..01788a9
--- /dev/null
+++ b/src/books/English/assets/images/grammar8-1.png
Binary files differ
diff --git a/src/books/English/assets/images/grammar8-2.png b/src/books/English/assets/images/grammar8-2.png
new file mode 100644
index 0000000..6742e34
--- /dev/null
+++ b/src/books/English/assets/images/grammar8-2.png
Binary files differ
diff --git a/src/books/English/assets/images/matching-four.png b/src/books/English/assets/images/matching-four.png
new file mode 100644
index 0000000..3b43b5d
--- /dev/null
+++ b/src/books/English/assets/images/matching-four.png
Binary files differ
diff --git a/src/books/English/assets/images/matching-two.png b/src/books/English/assets/images/matching-two.png
new file mode 100644
index 0000000..f20d603
--- /dev/null
+++ b/src/books/English/assets/images/matching-two.png
Binary files differ
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 752f6bd..ed543a4 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -842,6 +842,16 @@
font-weight: bold;
}
}
+ .tl-lf{
+ text-align: left;
+ }
+ .tl-ju{
+ text-align: justify;
+ }
+ .table-p{
+ margin: 0%;
+ text-indent: 0;
+ }
// 椤电爜
.preface-bottom {
height: 104px;
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 74b839e..ed4c66c 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -892,7 +892,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.one)
+ isTextRight(testData.in.answer, testData.in.one, 0)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -902,7 +902,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.one) == false
+ isTextRight(testData.in.answer, testData.in.one, 0) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -917,7 +917,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.two)
+ isTextRight(testData.in.answer, testData.in.two, 1)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -927,7 +927,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.two) == false
+ isTextRight(testData.in.answer, testData.in.two, 1) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -942,7 +942,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.three)
+ isTextRight(testData.in.answer, testData.in.three, 2)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -952,7 +952,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.three) == false
+ isTextRight(testData.in.answer, testData.in.three, 2) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -966,7 +966,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.four)
+ isTextRight(testData.in.answer, testData.in.four, 3)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -976,7 +976,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.four) == false
+ isTextRight(testData.in.answer, testData.in.four, 3) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -992,7 +992,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.five)
+ isTextRight(testData.in.answer, testData.in.five, 4)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -1002,7 +1002,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.in.answer, testData.in.five) == false
+ isTextRight(testData.in.answer, testData.in.five, 4) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -1131,10 +1131,9 @@
</svg>
</span>
</p>
- <div class="openImgBox">
- <img src="../../assets/images/grammar.jpg" class="w100" />
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
</div>
- <!-- <el-image v-if="showImg" :src="imgThirteen" :preview-src-list="[imgThirteen]" /> -->
<p>A.Combine the following sentences into if-clauses.</p>
<p>
1.Try using sticks.You can enjoy the fun of having a real Chinese
@@ -1203,7 +1202,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.one)
+ isTextRight(testData.cm.answer, testData.cm.one, 0)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -1213,7 +1212,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.one) == false
+ isTextRight(testData.cm.answer, testData.cm.one, 0) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -1229,7 +1228,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.two)
+ isTextRight(testData.cm.answer, testData.cm.two, 1)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -1239,7 +1238,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.two) == false
+ isTextRight(testData.cm.answer, testData.cm.two, 1) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -1256,7 +1255,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.three)
+ isTextRight(testData.cm.answer, testData.cm.three, 2)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -1266,7 +1265,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.three) == false
+ isTextRight(testData.cm.answer, testData.cm.three, 2) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -1283,7 +1282,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.four)
+ isTextRight(testData.cm.answer, testData.cm.four, 3)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -1293,7 +1292,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.four) == false
+ isTextRight(testData.cm.answer, testData.cm.four, 3) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -1311,7 +1310,7 @@
<span>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.five)
+ isTextRight(testData.cm.answer, testData.cm.five, 4)
" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
height="20">
@@ -1321,7 +1320,7 @@
</svg>
<svg v-if="
testData.isComplete &&
- isTextRight(testData.cm.answer, testData.cm.five) == false
+ isTextRight(testData.cm.answer, testData.cm.five, 4) == false
" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
height="20">
@@ -1333,7 +1332,7 @@
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
绛旀锛� 1.whether 2.if 3.whether 4.whether
- 5.if
+ 5.If
</p>
<!-- 鎻愪氦鎸夐挳 -->
<div class="w100 fl">
@@ -1909,9 +1908,7 @@
<div class="padding-93">
<div class="bodystyle">
<h3 id="c006"><span class="bjh3">Reading</span></h3>
- <p class="center">
-
- </p>
+ <p class="center"></p>
<p class="img"></p>
<p>
1.We are witnessing the rapid development of modern society.What
@@ -1929,13 +1926,15 @@
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerFive">
- 绛旀锛�(1)intercitut rain(2)online shopping (3)electronic payment (4)shared bike (5)take-away service
- (6)facial recognition
- (7)2022 Beijing Winter Olympics (8)2023 World University Games (9)Hong Kong-Zhuhai-Macao Bridge
- (10)Scenery spots, such as Jiuzhaigou, the Palace Museum, the Great Wall
+ 绛旀锛�(1)intercitut rain(2)online shopping (3)electronic payment
+ (4)shared bike (5)take-away service (6)facial recognition (7)2022
+ Beijing Winter Olympics (8)2023 World University Games (9)Hong
+ Kong-Zhuhai-Macao Bridge (10)Scenery spots, such as Jiuzhaigou,
+ the Palace Museum, the Great Wall
</p>
- <p>2.What will our life be like in ten or twenty years?
- <span class="btn-box" @click="showAnswerSex = !showAnswerSex">
+ <p>
+ 2.What will our life be like in ten or twenty years?
+ <span class="btn-box" @click="showAnswerSix = !showAnswerSix">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
@@ -1947,9 +1946,9 @@
<textarea v-model="questionData.reading.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSex">
- 绛旀锛�(1)population aging (2)worsening climate change
- (3)more automation and Al,such as flying cars, driverless
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSix">
+ 绛旀锛�(1)population aging (2)worsening climate change (3)more
+ automation and Al,such as flying cars, driverless
</p>
<p class="center"><b>The Great Progress in China</b></p>
<p class="center">
@@ -1958,54 +1957,77 @@
</p>
<p>
On August 31st,2012,as I landed my feet on Chinese ground,I
- started to breathe in the air coming from the breeze.It was
+ started to breathe in the air coming from the
+ <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
+ .It was
familiar.I felt so excited to be back in China,though that time
was for my studies.In a matter of days,I made a lot of friends
from different countries and one afternoon,my friends and I
planned to visit the world-famous Sun Yat-sen
- Mausoleum.A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 120px" v-model="testData.in.one" @change="setTestData" /> I looked around with
- curiosity,and
- everything seemed to move at a quick pace.
+ <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" />
+ I looked around with curiosity,and everything seemed to move at a
+ quick
+ <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
</p>
<p>
- Six months later,as I walked down the hall of my dormitory,I met
- my neighbour who was overwhelmed by big and small packages and
+ Six months later,as I walked down the hall of my
+ <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
+ ,I met
+ my
+ <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
+ who was overwhelmed by big and small packages and
boxes.I asked,鈥淗ey,Alison.What are all these?鈥� She
replied,鈥淗ello,Vanessa.I received my packages from the delivery
- man.I鈥檝e been buying a lot of stuff via an online shop.鈥� I went to
- my room to turn on my laptop and typed in the key words.I was
- stunned; I couldn鈥檛 believe my eyes.It is actually an online
+ man.I鈥檝e been buying a lot of stuff
+ <span class="word-bc" @click="saveWord($event, 'via')">via</span>
+ an online shop.鈥� I went to
+ my room to turn on my
+ <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
+ and typed in the key words.I was
+ <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
+ ; I couldn鈥檛 believe my eyes.It is actually an online
shopping website where you can buy anything you can think of.
</p>
<p>
After my graduation in 2015,I joined another university in
Shanghai for further studies.I always saw my Chinese classmates
- paying with their phones; this triggered my attention.With the
+ paying with their phones; this
+ <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
+ my attention.With the
help of my classmates,I finally got my own online payment
- account.This is an absolute gadget,very convenient and easy to
- use.With the start of this new era,I always go out without my
+ account.This is an absolute
+ <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
+ ,very convenient and easy to
+ use.With the start of this new
+ <span class="word-bc" @click="saveWord($event, 'era')">era</span>
+ ,I always go out without my
wallet.
</p>
<p>
B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 120px"
- v-model="testData.in.one" @change="setTestData" /> I went through all the necessary procedures and
- couldn鈥檛 wait to ride my first shared bike.
+ v-model="testData.in.one" @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" /> What makes my life easier is
- that I can
- buy vegetables and fruits online and get them delivered to my
- door.
+ 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" />
+ What makes my life easier is that I can buy vegetables and fruits
+ online and get them delivered to my door.
</p>
<p>
The five aspects that I mentioned above changed the life of
- millions of people around China.The Chinese economy is
- booming,which makes people well off.I鈥檝e been in China for several
- years and witnessed China鈥檚 potential.
+ millions of people around China.The Chinese
+ <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
+ is
+ <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
+ ,which makes people well off.I鈥檝e been in China for several
+ years and witnessed China鈥檚
+ <span class="word-bc" @click="saveWord($event, 'potential')">potential</span>
+ .
</p>
</div>
</div>
@@ -2160,16 +2182,28 @@
blanks.
</p>
<p>
- 1.It wasn鈥檛 long until I discovered the shared bikes in
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 1.It wasn鈥檛 long until I discovered the shared bikes in
2016,serving people in several cities.
</p>
<p>
- 2.People can order their desired food,from soup to noodles,from
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 2.People can order their desired food,from soup to noodles,from
barbecue to hot pot.
</p>
<p>
- 3.It was at that moment that I knew about the metro system.It was
- new,fast,and extraordinary.
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListOne" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 3.It was at that moment that I knew about the metro system.It
+ was new,fast,and extraordinary.
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
@@ -2180,29 +2214,44 @@
(F).
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" /> ) 1.Vanessa made a lot of friends as soon as she
- arrived in
- China.
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 1.Vanessa made a lot of friends as soon as she arrived in China.
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 2.Before Vanessa came to China,she knew a lot about
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 2.Before Vanessa came to China,she knew a lot about
the metro
system.
</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 3.Vanessa didn鈥檛 know about online shopping before
- she met
- her neighbour Alison.
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 3.Vanessa didn鈥檛 know about online shopping before
+ she met her
+ neighbour Alison.
</p>
- <p>(<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 4.Vanessa got her own online payment account by
- herself.</p>
<p>
- (<input :disabled="testData.isComplete" type="text" class="input-no-border" style="width: 20px"
- v-model="testData.in.one" @change="setTestData" />) 5.Buying vegetables and fruits online makes
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 4.Vanessa got her own online payment account by
+ herself.
+ </p>
+ <p>
+ ( <select v-model="dropdownData.one.value" style="width: 8%">
+ <option v-for="(item, index) in dropDownListTwo" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> ) 5.Buying vegetables and fruits online makes
Vanessa鈥檚 life
easier.
</p>
@@ -2242,7 +2291,8 @@
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
- 绛旀锛� 1.witnessed 2.extraordinary 3.via 4.era 5.pace
+ 绛旀锛� 1.witnessed 2.extraordinary 3.via
+ 4.era 5.pace
</p>
<p>
B.Fill in the blanks with the proper form of the expressions given
@@ -2253,9 +2303,11 @@
a matter of銆�go through銆�last but not least銆�well off銆�type in
</p>
</div>
- <p>1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ <p>
+ 1.China has<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
style="width: 60px" v-model="testData.in.one" @change="setTestData" />great changes in the era of big
- data.</p>
+ data.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -2280,24 +2332,42 @@
<p>
2.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
v-model="testData.in.one" @change="setTestData" />key words and you can search for the needed goods in
- online shops.
+ online
+ shops.
</p>
<p>
3.A dispute over online shopping can be settled in<input :disabled="testData.isComplete" type="text"
class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />days.
</p>
- <p>4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.</p>
+ <p>
+ 4.China has,in all respects,become very<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.
+ </p>
<p>
5.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
v-model="testData.in.one" @change="setTestData" />,all the people committed to Shenzhou Spacecrafts
- deserve respect.
+ deserve
+ respect.
</p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
- 绛旀锛� 1.went through 2.Type in 3.a matter of 4.well Off 5.Last but not least
+ 绛旀锛� 1.went through 2.Type in 3.a matter of
+ 4.well Off 5.Last but not least
</p>
- <p><b>鈪�.Grammar focus:The simple sentence.</b></p>
+ <p><b>鈪�.Grammar focus:The simple sentence.</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>
Read the examples and write down the sentence structure of the
following sentences in the brackets.
@@ -2316,27 +2386,48 @@
phones.(S+V+O+C)
</p>
</div>
- <p>1.It is actually an online shopping website.锛�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />锛�</p>
<p>
- 2.Vanessa finally got her own online payment account.锛�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />锛�
+ 1.It is actually an online shopping website.( <select v-model="dropdownData.one.value" style="width: 15%">
+ <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> )
+ </p>
+ <p>
+ 2.Vanessa finally got her own online payment account. ( <select v-model="dropdownData.one.value"
+ style="width: 15%">
+ <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> )
</p>
<p>
3.China offers researchers world-class advanced research
- facilities in the institutes. 锛�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />锛�
+ facilities in the institutes. ( <select v-model="dropdownData.one.value" style="width: 15%">
+ <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> )
</p>
<p>
4.These friends made Vanessa see China through the eyes of the
- locals.锛�<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 80px"
- v-model="testData.in.one" @change="setTestData" />锛�
+ locals. ( <select v-model="dropdownData.one.value" style="width: 15%">
+ <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> )
</p>
- <p>5.The list of Chinese food never ends.锛�<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 80px" v-model="testData.in.one" @change="setTestData" />锛�</p>
+ <p>
+ 5.The list of Chinese food never ends. ( <select v-model="dropdownData.one.value" style="width: 15%">
+ <option v-for="(item, index) in dropDownListThree" :key="index" :value="item">
+ {{ item }}
+ </option>
+ </select> )
+ </p>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonTwoQuestionAnswer">
- 绛旀锛� 1.S+V+C 2.S+V+O 3.S+V+O+O 4.S+V+O+C 5.S+V
+ 绛旀锛� 1.S+V+C 2.S+V+O 3.S+V+O+O 4.S+V+O+C
+ 5.S+V
</p>
<!-- 鎻愪氦鎸夐挳 -->
<div class="w100 fl">
@@ -2352,7 +2443,9 @@
</button>
</li>
<li>
- <button @click="showlessonTwoQuestionAnswer = !showlessonTwoQuestionAnswer" class="parimary-btn">
+ <button @click="
+ showlessonTwoQuestionAnswer = !showlessonTwoQuestionAnswer
+ " class="parimary-btn">
鏌ョ湅绛旀
</button>
</li>
@@ -2424,50 +2517,50 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.ten" 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"
+ <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.thirteen"
+ class="w100 table-tr-bc b0 table-textarea textarea-box" @change="setBookQuestion"></textarea>
+ </td>
+ <td>
+ <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
- @change="setBookQuestion"></textarea>
- </td>
- <td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
- <td colspan="3" style="text-align: left;">
+ <td colspan="3" style="text-align: left">
Your suggestion:
- <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.nineteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -2492,24 +2585,25 @@
people and the food.China is a large country with diverse
landscapes awaiting adventurers to 2.<input :disabled="testData.isComplete" type="text"
class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />.There
- is a modern
- public transportation system including city
+ is a modern public transportation system including city
buses,3.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 60px"
v-model="testData.in.one" @change="setTestData" />,high-speed trains,and airports,as well as a large
- highway network.These make travel 4.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />and
- efficient and
- allow me to go to many places to enjoy the scenery and
- culture.China鈥檚 natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
+ highway
+ network.These make travel 4.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 60px" v-model="testData.in.one" @change="setTestData" />and efficient and allow me to go
+ to many places to enjoy the
+ scenery and culture.China鈥檚 natural beauty keeps on 5.<input :disabled="testData.isComplete" type="text"
class="input-bottom-border" style="width: 60px" v-model="testData.in.one"
- @change="setTestData" />me,from the pure
- blue waterfalls in Jiuzhaigou to the snowcapped mountains of
- Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
- style="width: 60px" v-model="testData.in.one" @change="setTestData" />of Sanya to the rocky seaside
- of Laoshan鈥� China is such a beautiful country!
+ @change="setTestData" />me,from the pure blue waterfalls in Jiuzhaigou to the snowcapped
+ mountains of Shangri-la,from the sandy 6.<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="testData.in.one" @change="setTestData" />of
+ Sanya to the rocky seaside of Laoshan鈥� China is such a
+ beautiful country!
</p>
- <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showlessonThreeQuestionAnswer">
- 绛旀锛� 1.culture 2.explore 3.subways 4.convenient 5.surprising 6.beach
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+ v-if="showlessonThreeQuestionAnswer">
+ 绛旀锛� 1.culture 2.explore 3.subways
+ 4.convenient 5.surprising 6.beach
</p>
<p>
<b>鈪�.Listen to the conversation about planning for the upcoming
@@ -2557,7 +2651,8 @@
</p>
<h3 id="c009"><span class="bjh3">Practical Writing</span></h3>
<p>Work with your partner to discuss the following questions.</p>
- <p>1.How do you let others know about an upcoming event?
+ <p>
+ 1.How do you let others know about an upcoming event?
<span class="btn-box" @click="showAnswerSeven = !showAnswerSeven">
<svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
<path class="a"
@@ -2571,8 +2666,8 @@
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerSeven">
- 绛旀锛� (1)posters (2)Wechat public account (3)Campus radio (4)Campus TV station
- (5)Notice
+ 绛旀锛� (1)posters (2)Wechat public account (3)Campus
+ radio (4)Campus TV station (5)Notice
</p>
<p>
2.What information would you like to tell them about the event?
@@ -2585,7 +2680,7 @@
</span>
</p>
<!-- 鏂囨湰妗� -->
- <textarea v-model="questionData.reading.sex" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ <textarea v-model="questionData.reading.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<!-- 绛旀妗� -->
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEight">
@@ -2705,21 +2800,30 @@
v-model="testData.in.one" @change="setTestData" />
</p>
<p>2.What should be included in the exhibition?</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" /></p>
+ <p>
+ <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
+ v-model="testData.in.one" @change="setTestData" />
+ </p>
<p>3.Where will the exhibition be held?</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" /></p>
+ <p>
+ <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
+ v-model="testData.in.one" @change="setTestData" />
+ </p>
<p>4.When will the exhibition be held?</p>
- <p><input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
- v-model="testData.in.one" @change="setTestData" /></p>
+ <p>
+ <input :disabled="testData.isComplete" type="text" class="input-bc-t" style="width: 325px"
+ v-model="testData.in.one" @change="setTestData" />
+ </p>
<div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
v-if="showlessonThreeQuestionAnswer">
- <span>绛旀锛�</span>
- <p>1銆� Traditional handicraft show</p>
- <p>2銆� Various handicrafts made by Chinese students in theirtraditional Chinese culture courses</p>
- <p>3銆� Students activity center.</p>
- <p>4銆� November 13th -- 19th</p>
+ <span>绛旀锛�</span>
+ <p>1銆� Traditional handicraft show</p>
+ <p>
+ 2銆� Various handicrafts made by Chinese students in
+ theirtraditional Chinese culture courses
+ </p>
+ <p>3銆� Students activity center.</p>
+ <p>4銆� November 13th -- 19th</p>
</div>
<p>...</p>
</div>
@@ -2825,7 +2929,10 @@
</button>
</li>
<li>
- <button @click="showlessonThreeQuestionAnswer = !showlessonThreeQuestionAnswer" class="parimary-btn">
+ <button @click="
+ showlessonThreeQuestionAnswer =
+ !showlessonThreeQuestionAnswer
+ " class="parimary-btn">
鏌ョ湅绛旀
</button>
</li>
@@ -2855,16 +2962,18 @@
data() {
return {
imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteenOne: require("../../assets/images/grammar1-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
- showAnswerSex: false,
+ showAnsweSix: false,
showAnswerSeven: false,
showAnswerEight: false,
showAnswerNine: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
showlessonTwoQuestionAnswer: false,
showlessonThreeQuestionAnswer: false,
@@ -3026,7 +3135,7 @@
three: "",
four: "",
five: "",
- sex: "",
+ six: "",
},
table: {
one: "",
@@ -3038,6 +3147,16 @@
seven: "",
enight: "",
nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
+ fifteen: "",
+ sixteen: "",
+ seventeen: "",
+ eighteen: "",
+ nineteen: "",
},
},
testData: {
@@ -3089,7 +3208,7 @@
three: "",
four: "",
five: "",
- answer: ["whether", "if", "whether", "whether", "if"],
+ answer: ["whether", "if", "whether", "whether", "If"],
},
},
resource: {
@@ -3108,6 +3227,22 @@
"intercity train",
"shared bike",
"take-away service",
+ ],
+ dropDownListOne: [
+ "A",
+ "B",
+ "C",
+ ],
+ dropDownListTwo: [
+ "T",
+ "F",
+ ],
+ dropDownListThree: [
+ "S+V",
+ "S+V+O",
+ "S+V+P",
+ "S+V+O+O",
+ "S+V+O+C",
],
dropdownData: {
isComplete: false,
@@ -3217,7 +3352,7 @@
three: "",
four: "",
five: "",
- answer: ["whether", "if", "whether", "whether", "if"],
+ answer: ["whether", "if", "whether", "whether", "If"],
},
};
},
@@ -3253,7 +3388,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(()=>{ this.$emit("initViewer","")},500)
},
handleQuestion(type) {
if (type == "one") {
@@ -3301,19 +3439,19 @@
}
}
this.dropdownData = dropdownDatas;
- this.$set(this.dropdownData, 'isComplete', true)
- this.setDropdownData()
+ this.$set(this.dropdownData, "isComplete", true);
+ this.setDropdownData();
},
changeDropdown() {
localStorage.removeItem("english-dropdown-one");
for (let key in this.dropdownData) {
let item = this.dropdownData[key];
- if (key != 'isComplete') {
+ if (key != "isComplete") {
item.value = "";
item.isRight = null;
}
}
- this.$set(this.dropdownData, 'isComplete', false)
+ this.$set(this.dropdownData, "isComplete", false);
},
setDropdownData() {
localStorage.setItem(
@@ -3352,10 +3490,10 @@
}
return flag;
},
- isTextRight(answer, data) {
+ isTextRight(answer, data, num) {
let flag = null;
if (data) {
- flag = answer.indexOf(data) > -1 ? true : false;
+ flag = answer[num] == data
}
return flag;
},
diff --git a/src/books/English/view/components/chapter002.vue b/src/books/English/view/components/chapter002.vue
index 1218b6e..80f5edf 100644
--- a/src/books/English/view/components/chapter002.vue
+++ b/src/books/English/view/components/chapter002.vue
@@ -223,7 +223,7 @@
</svg>
</span>
</p>
- <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ <textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
<p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwo">
绛旀锛�(1)In Japanese culture, using the wrong levelDolitene5saddress1ng5omeone can beenconsidered rude or
@@ -637,7 +637,20 @@
<p>3銆佷粬浠氨濡備綍鍦ㄥ伐浣滀腑姝ｇ‘澶勭悊鏂囧寲宸紓缁欎簡鎴戜滑涓�浜涘缓璁��</p>
<p>4銆佸湪鍔炲叕瀹ょ┛鐫�鍚堥�傜殑琛ｆ湇浼氳浣犳劅鍒拌垝閫傚拰鑷俊銆�</p>
</div>
- <p><b>鈪�.Grammar focus:鈥渋t鈥� as formal subject.</b></p>
+ <p><b>鈪�.Grammar focus:鈥渋t鈥� as formal subject.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>
A.Read the example and underline the real subject that 鈥渋t鈥�
represents in the following sentences.
@@ -787,33 +800,33 @@
<tr class="table-tr-bc">
<td class="tl-cn">Eye Contact</td>
<td>
- <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.ten" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="wh-no tl-cn">Gift Exchange</td>
<td>
- <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.eleven" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.twelve" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="wh-no tl-cn">Table Manners</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.thirteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fourteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -849,22 +862,22 @@
<tr class="table-tr-bc" style="width: 40%">
<td class="wh-no tl-cn">Gift Exchange</td>
<td class="tl-w-45">
- <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fifteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td class="tl-w-45">
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td class="wh-no tl-cn">Table Manners</td>
<td class="tl-w-45">
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.seventeen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td class="tl-w-45">
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.eighteen" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -945,16 +958,33 @@
<p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
<p class="center"><audio :src="resource.readingThree" controls style="margin-left: 10px" class="audio"
@play="audioPlay"></audio></p>
- <p>For an individual or a country,a period of 14 years is long enough to become calm,confident and mature.On
+ <p>For an
+ <span class="word-bc" @click="saveWord($event, 'individual')">individual</span>
+ or a country,a period of 14 years is long enough to become calm,confident and
+ <span class="word-bc" @click="saveWord($event, 'mature')">mature</span>
+ .On
the road from 2008 to 2022,I learned to grow up with my country and the Olympics.</p>
<p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
- journalist.Seven years later when we won the right to host the Winter Games,I did not think that Beijing
+ <span class="word-bc" @click="saveWord($event, 'journalist')">journalist</span>
+ .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
would be the world鈥檚 first city to host both the Summer and Winter Olympics.Now it was real and I was
simply enjoying the moment.</p>
- <p>Turning up as simple but impressive,the opening ceremony lasted for about two hours with less performing
- artists but more audio-visual technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
- 鈥渕yself鈥� 14 years ago at the same sports field.The snowflake-shaped Olympic cauldron,formed by the smaller
- snowflakes with names of the participating countries and regions on them,was lit by two young Chinese
+ <p>Turning up as simple but
+ <span class="word-bc" @click="saveWord($event, 'impressive')">impressive</span>
+ ,the opening
+ <span class="word-bc" @click="saveWord($event, 'ceremony')">ceremony</span>
+ lasted for about two hours with less performing
+ artists but more
+ <span class="word-bc" @click="saveWord($event, 'audio-visual')">audio-visual</span>
+ technologies to tell the story of 鈥渢ogetherness鈥� rather than introducing
+ 鈥渕yself鈥� 14 years ago at the same sports field.The
+ <span class="word-bc" @click="saveWord($event, 'snowflake')">snowflake</span>
+ -shaped Olympic
+ <span class="word-bc" @click="saveWord($event, 'cauldron')">cauldron</span>
+ ,formed by the smaller
+ snowflakes with names of the
+ <span class="word-bc" @click="saveWord($event, 'participating')">participating</span>
+ countries and regions on them,was lit by two young Chinese
athletes.</p>
</div>
</div>
@@ -978,16 +1008,29 @@
<div class="padding-93">
<div class="bodystyle">
<p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
- 鈥渆xceptional鈥�,not only because of the pandemic situation but also a different China now 鈥攎ore confident in
+ 鈥�
+ <span class="word-bc" @click="saveWord($event, 'exceptional')">exceptional</span>
+ 鈥�,not only because of the
+ <span class="word-bc" @click="saveWord($event, 'pandemic')">pandemic</span>
+ situation but also a different China now 鈥攎ore confident in
its culture.</p>
- <p>In the summer 14 years ago,I was like a festivalgoer full of energy rushing for work but also making
- errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the track due to injury.In the
+ <p>In the summer 14 years ago,I was like a
+ <span class="word-bc" @click="saveWord($event, 'festivalgoer')">festivalgoer</span>
+ full of energy rushing for work but also making
+ errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
+ <span class="word-bc" @click="saveWord($event, 'track')">track</span>
+ due to injury.In the
winter of 2022,I shared my passion in the Olympics in another way 鈥攎ore serious at work,fitter self
- 鈥攖hanks to regular exercise and a positive view of sports competition.</p>
+ 鈥攖hanks to regular exercise and a positive view of sports
+ <span class="word-bc" @click="saveWord($event, 'competition')">competition</span>
+ .</p>
<p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
- <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we impressed the
+ <p>I could not agree more with what a gold medal winner said during an interview.鈥淚n 2008 we
+ <span class="word-bc" @click="saveWord($event, 'impressed')">impressed</span> the
world while in 2022 we became people-centered 鈥攆or athletes and the people.鈥�</p>
- <p>I failed to control myself the moments when the Chinese national anthem was played and when images of
+ <p>I failed to control myself the moments when the Chinese national
+ <span class="word-bc" @click="saveWord($event, 'anthem')">anthem</span>
+ was played and when images of
people from all walks of life were displayed during the scene of 鈥淧aying Tribute to the People鈥�.It is this
country and its people that made the Olympics happen.I鈥檓 as tearful as usual for now I鈥檓 deeply in love.
</p>
@@ -1151,11 +1194,11 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one"
+ <textarea v-model="questionData.table.nineteen"
class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two"
+ <textarea v-model="questionData.table.twenty"
class="w100 table-tr-bc b0 table-textarea textarea-box-center" @change="setBookQuestion"></textarea>
</td>
</tr>
@@ -1234,7 +1277,20 @@
绛旀锛�(1) due to (2) focuses on (3)failed to (4)paid tribute to (5) move away
</p>
- <p><b>鈪�.Grammar focus:Active and passive voice.</b></p>
+ <p><b>鈪�.Grammar focus:Active and passive voice.</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
+ height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Complete the passage using the correct form of the verbs in the brackets.</p>
<p>Fashion designer Vivienne Tam 1. <input :disabled="testData.isComplete" type="text"
class="input-bottom-border" style="width: 70px" v-model="testData.in.one" @change="setTestData" />
@@ -1284,17 +1340,17 @@
<tr class="table-tr-bc">
<td class="tl-cn">Chinses Art</td>
<td>
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.twentyOne" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.twentyTwo" class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.twentyThree" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -1328,21 +1384,21 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.twentyFour" class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="setBookQuestion"></textarea>
</td>
<td style="width: 90%;">
- <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.twentyFive" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.sex" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.twentyFix" class="w100 table-tr-bc b0 table-textarea textarea-box"
@change="setBookQuestion"></textarea>
</td>
<td style="width: 90%;">
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.twentySeven" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -1576,55 +1632,55 @@
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.twentyEight" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.two" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.twentyNine" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.thirty" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.thirtyOne" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.five" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.thirtyTwo" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.thirtyThree" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.thirtyFour" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.thirtyFive" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.thirtySix" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.thirtySeven" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.thirtyEight" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.thirtyNine" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -1674,139 +1730,139 @@
</tr>
<tr class="table-tr-bc">
<td rowspan="3">
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.forty" 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 "
+ <textarea v-model="questionData.table.fortyOne" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fortyTwo" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fortyThree" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fortyFour" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.fortyFive" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fortySix" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fortySeven" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fortyEight" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fortyNine" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td rowspan="3">
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.fifty" 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"
+ <textarea v-model="questionData.table.fiftyOne" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fiftyTwo" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fiftyThree" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fiftyFour" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea "
+ <textarea v-model="questionData.table.fiftyFive" class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fiftySix" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fiftySeven" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fiftyEight" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.fiftyNine" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td rowspan="3">
- <textarea v-model="questionData.table.one" class="w100 table-tr-bc b0 table-textarea textarea-box"
+ <textarea v-model="questionData.table.sixty" 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"
+ <textarea v-model="questionData.table.sixtyOne" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.three" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtyTwo" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.four" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtyThree" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.six" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtyFour" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.seven" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtyFive" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.enight" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtySix" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtySeven" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtyEight" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
<td>
- <textarea v-model="questionData.table.nine" class="w100 table-tr-bc b0 table-textarea"
+ <textarea v-model="questionData.table.sixtyNine" class="w100 table-tr-bc b0 table-textarea"
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -1841,13 +1897,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar2-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar2-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne:false,
showLessonOneQuestionAnswer: false,
rawData: {
left: [
@@ -2015,6 +2073,66 @@
seven: "",
enight: "",
nine: "",
+ ten: "",
+ eleven: "",
+ twelve: "",
+ thirteen: "",
+ fourteen: "",
+ fifteen: "",
+ sixteen: "",
+ seventeen: "",
+ eighteen: "",
+ nineteen: "",
+ twenty: "",
+ twentyOne:"",
+ twentyTwo:"",
+ twentyThree:"",
+ twentyFour:"",
+ twentyFive:"",
+ twentySix:"",
+ twentySeven:"",
+ twentyEight:"",
+ twentyNine:"",
+ thirty: "",
+ thirtyOne:"",
+ thirtyTwo:"",
+ thirtyThree:"",
+ thirtyFour:"",
+ thirtyFive:"",
+ thirtySix:"",
+ thirtySeven:"",
+ thirtyEight:"",
+ thirtyNine:"",
+ forty: "",
+ fortyOne:"",
+ fortyTwo:"",
+ fortyThree:"",
+ fortyFour:"",
+ fortyFive:"",
+ fortySix:"",
+ fortySeven:"",
+ fortyEight:"",
+ fortyNine:"",
+ fifty: "",
+ fiftyOne:"",
+ fiftyTwo:"",
+ fiftyThree:"",
+ fiftyFour:"",
+ fiftyFive:"",
+ fiftySix:"",
+ fiftySeven:"",
+ fiftyEight:"",
+ fiftyNine:"",
+ sixty: "",
+ sixtyOne:"",
+ sixtyTwo:"",
+ sixtyThree:"",
+ sixtyFour:"",
+ sixtyFive:"",
+ sixtySix:"",
+ sixtySeven:"",
+ sixtyEight:"",
+ sixtyNine:"",
},
},
testData: {
@@ -2218,7 +2336,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(()=>{ this.$emit("initViewer","")},500)
},
handleQuestion(type) {
if (type == "one") {
diff --git a/src/books/English/view/components/chapter003.vue b/src/books/English/view/components/chapter003.vue
index 0a5512c..7cab30a 100644
--- a/src/books/English/view/components/chapter003.vue
+++ b/src/books/English/view/components/chapter003.vue
@@ -1,5 +1,5 @@
<template>
- <div class="chapter" num="4">
+ <div class="chapter" num="4">
<!-- 绗笁鍗曞厓 -->
<!-- 38 -->
<div class="page-box" page="44">
@@ -10,7 +10,10 @@
<p class="img"></p>
<p><b>This unit will help you to:</b></p>
<p>鉃� Learn words and expressions about volunteering</p>
- <p>鉃� Review the structure of the present continuous tense and the simple future tense</p>
+ <p>
+ 鉃� Review the structure of the present continuous tense and the simple
+ future tense
+ </p>
<p>鉃� Ask for clarification politely</p>
<p>鉃� Be able to fill in the profile properly</p>
<p>鉃� Get ready to volunteer</p>
@@ -35,12 +38,19 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <h2 id="b009"><img class="img-0" alt="" src="../../assets/images/dy3-le1.jpg" /></h2>
+ <h2 id="b009">
+ <img class="img-0" alt="" src="../../assets/images/dy3-le1.jpg" />
+ </h2>
<h3 id="c019"><span class="bjh3">Warm-up</span></h3>
- <p><b>鈪�.Put the expressions in the box below on the corresponding answer line under each
- picture.</b></p>
+ <p>
+ <b>鈪�.Put the expressions in the box below on the corresponding
+ answer line under each picture.</b>
+ </p>
<div class="bk-wh">
- <p>animal rescue and care銆�blood donation銆�community clean-ups銆�language service</p>
+ <p>
+ animal rescue and care銆�blood donation銆�community
+ clean-ups銆�language service
+ </p>
</div>
<div class="openImgBox">
<div class="fl ju-bt">
@@ -119,7 +129,6 @@
</p>
</div>
</div>
-
<div class="fl ju-bt">
<div class="left" style="width: 48%">
<div>
@@ -213,23 +222,68 @@
</button>
</div>
</div>
- <p><b>鈪�.Talk to your partner about the types of volunteer work you know.</b></p>
- <h3 id="c020"><span class="bjh3">Listening</span></h3>
- <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
- <p><b>Watch the video and mark the best answer to each question.</b></p>
- <div style="display: flex;">
- <div class="left" style="width: 55%; margin-top: 11%;">
+ <p>
+ <b>鈪�.Talk to your partner about the types of volunteer work you
+ know.</b>
+ <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerOne">
+ <span>绛旀锛�</span>
+ <p>Going to the countryside to teach kids;</p>
+ <p>Participating in community service;</p>
+ <p>Taking care of the old in a nursing home;</p>
+ <p>Membership in community associations;</p>
+ <p>Census participation;</p>
+ <p>Wildlife conservation;</p>
+ <p>Environment protection;</p>
+ <p>Community development;</p>
+ <p>Arts and music NGO support.</p>
+ </div>
+ <h3 id="c020" 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>Watch the video and mark the best answer to each question.</b>
+ </p>
+ <div style="display: flex">
+ <div class="left" style="width: 55%; margin-top: 11%">
<p>1.Why do you want to be a volunteer?</p>
</div>
- <div class="right" style="widtinputh: 45%;">
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> You can change lives.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> You can stay with friends.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> You can teach new skills.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> You can make more money.</p>
+ <div class="right" style="width: 45%">
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ You can change lives.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ You can stay with friends.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ You can teach new skills.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ You can make more money.
+ </p>
</div>
</div>
</div>
@@ -255,63 +309,177 @@
<div class="padding-93">
<div class="bodystyle">
<div style="display: flex">
- <div class="left" style="width: 55%; margin-top: 11%;">
+ <div class="left" style="width: 55%; margin-top: 11%">
<p>2.Who are more likely to be volunteers?</p>
</div>
- <div class="right" style="width: 45%;">
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> College students.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> Nonprofessionals.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> People without jobs.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" /> Children.</p>
+ <div class="right" style="width: 45%">
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ College students.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ Nonprofessionals.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ People without jobs.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />
+ Children.
+ </p>
</div>
</div>
<div style="display: flex">
- <div class="left" style="width: 50%; margin-top: 11%;">
+ <div class="left" style="width: 50%; margin-top: 11%">
<p>3.Which activity is NOT mentioned in the video?</p>
</div>
- <div class="right" style="width: 50%;">
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" />Volunteering in sport.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" />Emergency services.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" />Helping people with disabilities.</p>
- <p>銆�<input type="checkbox" name="ball" value="Language" id="1"
- v-model="testData.check" />Teaching.</p>
+ <div class="right" style="width: 50%">
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />Volunteering in sport.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />Emergency services.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />Helping people with disabilities.
+ </p>
+ <p>
+ 銆�<input type="checkbox" name="ball" value="Language" id="1"
+ v-model="testData.check" />Teaching.
+ </p>
</div>
</div>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl">
+ <ul class="fl ju-ar w100">
+ <li>
+ <button class="btn-border btn-w" @click="saveData">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTestData" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="showQuestionAnswer = !showQuestionAnswer" class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c021"><span class="bjh3">Reading</span></h3>
- <p>1.As the saying goes,鈥淭he rose is in her hand,the flavor in mine.鈥� What鈥檚 your understanding
- of this saying?</p>
- <p>2.In what way do you help others in daily life?</p>
- <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
- <p class="center"><b>Volunteering and Its Surprising Benefits</b></p>
- <p>With busy life,it can be hard to find time to volunteer.However,the benefits of volunteering
- can be enormous.</p>
- <p>One of the most well-known benefits of volunteering is the impact on the
- community.Volunteering allows you to connect to your community and make it a better
- place.Even helping out with the smallest tasks can make a real difference to the life of
- people in need.Volunteering can benefit you and your family as well as the people you choose
- to help.Doing volunteer work helps you make new friends,expand your network,and boost your
- social skills.</p>
- <p>Volunteering helps reduce the effects of stress,anger,and anxiety.The social contact aspect
- of helping and working with others can have a great effect on your overall mental
- health.Nothing reduces stress better than a meaningful connection to another person.Studies
- have found that those who volunteer have a lower mortality rate than those who do not.</p>
- <p>If you鈥檙e considering a new career,volunteering can help you get experience in your area of
- interest and meet people in the field.Even if you鈥檙e not planning to change
- careers,volunteering can give you the opportunity to practice important qualities and skills
- used in work,such as teamwork,communication skills and problem-solving skills.You might feel
- more comfortable stretching your wings at work once you鈥檝e developed these qualities and
- skills in a volunteer position first.</p>
- </div>
- <div>
+ <p>
+ 1.As the saying goes,鈥淭he rose is in her hand,the flavor in mine.鈥�
+ What鈥檚 your understanding of this saying?
+ <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerTwo">
+ <span>绛旀锛�</span>
+ <p>
+ 1銆両t means helping others is a virtue like the fragrance of
+ rose.
+ </p>
+ <p>
+ 2銆乊ou share rose, you get fun or you benefit from your action.
+ </p>
+ <p>3銆乄e help others, we will feel happy.</p>
+ <p>4銆� Helping others, warming yourself.</p>
+ </div>
+ <p>
+ 2.In what way do you help others in daily life?
+ <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
+ <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501"
+ viewBox="0 0 20.501 20.501">
+ <path class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)" />
+ </svg>
+ </span>
+ </p>
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%"
+ v-if="showAnswerThree">
+ 绛旀锛� share your experience of helping others briefly, such as:
+ helping the classmates with their homework, working as a volunteer
+ in an activity, giving a hand to someone with their heavy luggage,
+ </p>
+ <p class="center">
+ <b>Volunteering and Its Surprising Benefits</b>
+ </p>
+ <p class="center">
+ <audio :src="resource.readingOne" controls class="audio" @play="audioPlay"></audio>
+ </p>
+ <p>
+ With busy life,it can be hard to find time to
+ volunteer.However,the benefits of volunteering can be
+ <span class="word-bc" @click="saveWord($event, 'enormous')">enormous</span>
+ </p>
+ <p>
+ One of the most well-known benefits of volunteering is the impact
+ on the community.Volunteering allows you to connect to your
+ community and make it a better place.Even helping out with the
+ smallest tasks can make a real difference to the life of people in
+ need.Volunteering can benefit you and your family as well as the
+ people you choose to help.Doing volunteer work helps you make new
+ friends,
+ <span class="word-bc" @click="saveWord($event, 'expand')">expand</span>
+ your network,and
+ <span class="word-bc" @click="saveWord($event, 'boost')">boost</span>
+ your social skills.
+ </p>
+ <p>
+ Volunteering helps reduce the effects of stress,anger,and
+ <span class="word-bc" @click="saveWord($event, 'anxiety')">anxiety</span>
+ .The social contact aspect of helping and working with
+ others can have a great effect on your overall mental
+ health.Nothing reduces stress better than a
+ <span class="word-bc" @click="saveWord($event, 'meaningful')">meaningful</span>
+ connection
+ to another person.Studies have found that those who volunteer have
+ a lower
+ <span class="word-bc" @click="saveWord($event, 'mortality')">mortality</span>
+ rate than those who do not.
+ </p>
+ <p>
+ If you鈥檙e considering a new career,volunteering can help you get
+ experience in your area of interest and meet people in the
+ field.Even if you鈥檙e not planning to change careers,volunteering
+ can give you the opportunity to practice important qualities and
+ skills used in work,such as teamwork,
+ <span class="word-bc" @click="saveWord($event, 'communication')">communication</span>
+ skills and
+ problem-solving skills.You might feel more comfortable stretching
+ your wings at work once you鈥檝e developed these qualities and
+ skills in a volunteer position first.
+ </p>
</div>
</div>
+
+ <!-- 椤电爜 -->
<div class="preface-bottom">
<span class="contet-num-box">40</span>
</div>
@@ -332,15 +500,32 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>What鈥檚 more,volunteering is a fun and easy way to explore your interests and passions.Doing
- volunteer work can be a relaxing,energizing escape from your day-to-day routine of
- work,school,or family commitments.Volunteering also provides you with
- creativity,motivation,and vision that can carry over into your personal life and your
- career.</p>
- <p>In a word,volunteering has a great influence on your body and mental health.Remember when you
- help people,you help yourself as well.When you make plans for yourself,it is always a good
- idea to spare some time for volunteering service.Not only can volunteering improve your
- r茅sum茅,but it can also help connect you to more people and bring fulfillment to your life.
+ <p>
+ What鈥檚 more,volunteering is a fun and easy way to explore your
+ interests and
+ <span class="word-bc" @click="saveWord($event, 'passions')">passions</span>
+ .Doing volunteer work can be a
+ relaxing,
+ <span class="word-bc" @click="saveWord($event, 'energizing')">energizing</span>
+ escape from your day-to-day routine of
+ work,school,or family
+ <span class="word-bc" @click="saveWord($event, 'commitments')">commitments</span>
+ .Volunteering also provides you
+ with <span class="word-bc" @click="saveWord($event, 'creativity')">creativity</span>
+ ,motivation,and
+ <span class="word-bc" @click="saveWord($event, 'vision')">vision</span>
+ that can carry over into
+ your personal life and your career.
+ </p>
+ <p>
+ In a word,volunteering has a great influence on your body and
+ mental health.Remember when you help people,you help yourself as
+ well.When you make plans for yourself,it is always a good idea to
+ spare some time for volunteering service.Not only can volunteering
+ improve your r茅sum茅,but it can also help connect you to more
+ people and bring
+ <span class="word-bc" @click="saveWord($event, 'fulfillment')">fulfillment</span>
+ to your life.
</p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
@@ -354,16 +539,23 @@
</div>
<p>expand /瑟k藞sp忙nd/ <i>v.</i> 鎵╁ぇ锛屽鍔狅紙灏虹爜銆佹暟閲忔垨閲嶈鎬э級</p>
<div class="bkbj">
- <p><i>to become greater in size,number or importance; to make sth.greater in size,number or
- importance</i></p>
+ <p>
+ <i>to become greater in size,number or importance; to make
+ sth.greater in size,number or importance</i>
+ </p>
</div>
<p>boost /bu藧st/ <i>v.</i> 浣垮闀匡紱浣垮叴鏃�</p>
<div class="bkbj">
- <p><i>to make sth.increase,or become better or more successful</i></p>
+ <p>
+ <i>to make sth.increase,or become better or more successful</i>
+ </p>
</div>
<p>anxiety /忙艐藞za瑟蓹ti/ <i>n.</i> 鐒﹁檻锛涘咖铏�</p>
<div class="bkbj">
- <p><i>the state of feeling nervous or worried that sth.bad is going to happen</i></p>
+ <p>
+ <i>the state of feeling nervous or worried that sth.bad is going
+ to happen</i>
+ </p>
</div>
<p>meaningful /藞mi藧n瑟艐fl/ <i>adj.</i> 閲嶈鐨勶紱涓ヨ們鐨�</p>
<div class="bkbj">
@@ -371,18 +563,28 @@
</div>
<p>mortality /m蓴藧藞t忙l蓹ti/ <i>n.</i> 姝讳骸鐜囷紱姝讳骸鏁伴噺</p>
<div class="bkbj">
- <p><i>the number of deaths in a particular situation or period of time</i></p>
+ <p>
+ <i>the number of deaths in a particular situation or period of
+ time</i>
+ </p>
</div>
<p>communication /k蓹藢mju藧n瑟藞ke瑟蕛n/ <i>n.</i> 琛ㄨ揪锛涗氦娴�</p>
<div class="bkbj">
- <p><i>the activity or process of expressing ideas and feelings or of giving people
- information</i></p>
+ <p>
+ <i>the activity or process of expressing ideas and feelings or
+ of giving people information</i>
+ </p>
</div>
<p>passion /藞p忙蕛n/ <i>n.</i> 婵�鎯咃紱 寮虹儓鎯呮劅</p>
<div class="bkbj">
- <p><i>a very strong feeling of love,hatred,anger,enthusiasm,etc.</i></p>
+ <p>
+ <i>a very strong feeling of love,hatred,anger,enthusiasm,etc.</i>
+ </p>
</div>
- <p>energize /藞en蓹d蕭a瑟z/ <i>v.</i> 缁欙紙鏌愪汉锛� 澧炴坊鑳介噺锛堟垨绮惧姏銆佹椿鍔涖�佸共鍔诧級</p>
+ <p>
+ energize /藞en蓹d蕭a瑟z/ <i>v.</i> 缁欙紙鏌愪汉锛�
+ 澧炴坊鑳介噺锛堟垨绮惧姏銆佹椿鍔涖�佸共鍔诧級
+ </p>
<div class="bkbj">
<p><i>to give sb.more energy,strength,etc.</i></p>
</div>
@@ -412,9 +614,12 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- p>creativity /藢kri藧e瑟藞t瑟v蓹ti/ <i>n.</i> 鍒涢�犲姏锛涘垱閫犳��</p>
+ <p>creativity /藢kri藧e瑟藞t瑟v蓹ti/ <i>n.</i> 鍒涢�犲姏锛涘垱閫犳��</p>
<div class="bkbj">
- <p><i>the use of skill and imagination to produce sth.new or to produce art</i></p>
+ <p>
+ <i>the use of skill and imagination to produce sth.new or to
+ produce art</i>
+ </p>
</div>
<p>vision /藞v瑟蕭n/ <i>n.</i> 瑙嗛噹</p>
<div class="bkbj">
@@ -422,27 +627,29 @@
</div>
<p>fulfillment /f蕣l藞f瑟lm蓹nt/ <i>n.</i> 瀹炵幇</p>
<div class="bkbj">
- <p><i>the act of doing or achieving what was hoped for or expected</i></p>
+ <p>
+ <i>the act of doing or achieving what was hoped for or
+ expected</i>
+ </p>
</div>
- <div style="display: flex;">
- <div class="left" style="width: 45%;">
+ <div style="display: flex">
+ <div class="left" style="width: 45%; text-wrap: nowrap">
<p>help out 甯姪瑙ｅ喅闅鹃锛涙晳鍑�</p>
<p>stretch one鈥檚 wings 澶у睍鎷宠剼</p>
+ <p>carry over 锛堝湪涓嶅悓鎯呭喌涓嬶級 缁х画瀛樺湪锛屼繚鎸佷笅鍘�</p>
</div>
- <div class="right" style="width: 55%;">
+ <div class="right" style="width: 55%">
<p>make a difference 鏈夊奖鍝嶏紱鏈夊叧绯�</p>
<p>what鈥檚 more 鑰屼笖锛涙澶�</p>
</div>
</div>
- <p>carry over 锛堝湪涓嶅悓鎯呭喌涓嬶級 缁х画瀛樺湪锛屼繚鎸佷笅鍘�</p>
<p></p>
<p><b>鈪�.Reading comprehension.</b></p>
- <p>A.Read through the passage and choose the main idea for Paragraph 2 to 5.</p>
- <p>1.Paragraph 2銆�銆�a.Volunteering can advance your career.</p>
- <p>2.Paragraph 3銆�銆�b.Volunteering brings fun and fulfillment to your life.</p>
- <p>3.Paragraph 4銆�銆�c.Volunteering is good for your mind.</p>
- <p>4.Paragraph 5銆�銆�d.Volunteering connects you to your community.</p>
- <p>B.Choose the best answer to each question according to the information from the passage.</p>
+ <matching :rawData="rawData" :question="question"></matching>
+ <p>
+ B.Choose the best answer to each question according to the
+ information from the passage.
+ </p>
<p>1.What might be the reason that people don鈥檛 volunteer?</p>
<p>a.People are too busy to volunteer.</p>
<p>b.People can鈥檛 find ways to volunteer.</p>
@@ -453,7 +660,9 @@
<p>b.Small acts of helping others also matter.</p>
<p>c.Those who volunteer enjoy a lower mortality rate.</p>
<p>d.Volunteering has nothing to do with one鈥檚 mental health.</p>
- <p>3.In what way can volunteering help with one鈥檚 career development?</p>
+ <p>
+ 3.In what way can volunteering help with one鈥檚 career development?
+ </p>
<p>a.Providing one with a new career.</p>
<p>b.Helping to arouse one鈥檚 interests.</p>
<p>c.Offering an opportunity to practice working skills.</p>
@@ -480,7 +689,9 @@
<div class="padding-93">
<div class="bodystyle">
<p>d.Bringing more comfort to those who are at work.</p>
- <p>4.What suggestion does the writer offer in the last paragraph?</p>
+ <p>
+ 4.What suggestion does the writer offer in the last paragraph?
+ </p>
<p>a.Making a plan before volunteering.</p>
<p>b.Preparing a r茅sum茅 in advance.</p>
<p>c.Taking a physical and mental health check.</p>
@@ -488,28 +699,240 @@
<p>5.What is the author鈥檚 attitude towards volunteering?</p>
<p>a.Indifferent. b.Supportive. c.Opposed.d.Unknown.</p>
<p><b>鈪�.Language focus.</b></p>
- <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
- have been given.</p>
- <p>There are e______benefits when it comes to volunteering.First,it helps to make the community
- a better place,and it also helps you to connect to people and b______your social
- skills.Second,volunteering helps to deal with stress,anger and a______.Studies show that
- people who volunteer have a lower m______rate.Third,volunteering helps with one鈥檚
- career.When you get the chance to practice working skills,you will feel more comfortable at
- work.Fourth,when you are tied up with the daily routine,volunteering can be an
- e______escape,where you can find your interests and p______.All in all,with all the
- benefits,it is always a good idea to spend some time volunteering.</p>
- <p>B.Underline the following expressions in the passage and make sentences with them.</p>
- <p>1.help out_________________________________________</p>
- <p>2.make a difference_________________________________</p>
- <p>3.stretch one鈥檚 wings________________________________</p>
- <p>4.what鈥檚 more_____________________________________</p>
- <p>5.carry over_______________________________________</p>
- <p>C.Translate the following sentences into Chinese.</p>
- <p>1.Joining the Youth Volunteer Association in college expands her friendship circle.</p>
- <p>_______________________________________________________</p>
- <p>2.Serving in the Beijing 2022 Winter Olympics was a meaningful and unforgettable experience.
+ <p>
+ A.Fill in the blanks with the proper words in the passage.The
+ initial letters of the words have been given.
</p>
- <p>_______________________________________________________</p>
+ <p>
+ There are e
+ <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 60px" v-model="testData.in.one" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.one)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.one) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg>
+ </span>
+ benefits when it comes to volunteering.First,it helps to make the
+ community a better place,and it also helps you to connect to
+ people and b<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 60px" v-model="testData.in.two" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.two)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.two) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg> </span>your social skills.Second,volunteering helps to deal with
+ stress,anger and a<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="testData.in.three"
+ @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.three)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.three) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg> </span>.Studies show that people who volunteer have a lower m<input
+ :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 60px" v-model="testData.in.four" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.four)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.four) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg> </span>rate.Third,volunteering helps with one鈥檚 career.When you get the
+ chance to practice working skills,you will feel more comfortable
+ at work.Fourth,when you are tied up with the daily
+ routine,volunteering can be an e<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 60px" v-model="testData.in.five"
+ @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.five)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.five) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg> </span>escape,where you can find your interests and p<input
+ :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 60px" v-model="testData.in.six" @change="setTestData" />
+ <span>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.six)
+ " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="18767"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
+ <path
+ d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+ fill="#1AFA29" p-id="18768"></path>
+ </svg>
+ <svg v-if="
+ testData.isComplete &&
+ isTextRight(testData.in.answer, testData.in.six) == false
+ " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="25745"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+ fill="#d81e06" p-id="25746"></path>
+ </svg> </span>.All in all,with all the benefits,it is always a good idea to
+ spend some time volunteering.
+ </p>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showLessonOneQuestionAnswer">
+ 绛旀锛�(1)enormous (2) boost (3) anxiety (4)
+ mortality (5) energizing (6) passion
+ </p>
+ <p>
+ B.Underline the following expressions in the passage and make
+ sentences with them.
+ </p>
+ <p class="tl-lf">
+ 1.help out
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ </p>
+ <p class="tl-lf">
+ 2.make a difference
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ </p>
+ <p class="tl-lf">
+ 3.stretch one鈥檚 wings
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ </p>
+ <p class="tl-lf">
+ 4.what鈥檚 more
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ </p>
+ <p class="tl-lf">
+ 5.carry over
+ <textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
+ style="margin-left: 40px; width: 92%" class="fz-16 fm-son"
+ @change="setBookQuestion"></textarea>
+ </p>
+ <!-- 渚嬪彞 -->
+ <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+ v-if="showLessonOneQuestionAnswer">
+ <span>渚嬪彞锛�</span>
+ <p>
+ 1銆両 helped out with the check-in of athletes at the sports
+ game.
+ </p>
+ <p>
+ 2銆丯o matter how small the deed is, it will make a difference to
+ people who are in need.
+ </p>
+ <p>
+ 3銆乊our experience of volunteering will help you to stretch your
+ wings in your future career.
+ </p>
+ <p>
+ 4銆乂olunteering does good to one鈥檚 body; what鈥檚 more, it鈥檚 also
+ good for one鈥檚 mental health.
+ </p>
+ <p>
+ 5銆乀he spirit of volunteering will be carried over from
+ generation to generation.
+ </p>
+ </div>
+ <p>C.Translate the following sentences into Chinese.</p>
+ <p>
+ 1.Joining the Youth Volunteer Association in college expands her
+ friendship circle.
+ </p>
+ <p>
+ <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 470px" v-model="testData.in.one" @change="setTestData" />
+ </p>
+ <p>
+ 2.Serving in the Beijing 2022 Winter Olympics was a meaningful and
+ unforgettable experience.
+ </p>
+ <p>
+ <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 470px" v-model="testData.in.one" @change="setTestData" />
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -532,32 +955,100 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>3.It is the commitment to children that keeps her a teacher in the village school for a life
- time.</p>
- <p>_______________________________________________________</p>
- <p>4.Volunteering in different programs helps him grow up to be a man of vision.</p>
- <p>_______________________________________________________</p>
- <p><b>鈪�.Grammar focus:The present continuous tense.</b></p>
- <p>A.Complete the sentences with the present continuous form of the verbs given in the brackets.
+ <p>
+ 3.It is the commitment to children that keeps her a teacher in the
+ village school for a life time.
</p>
- <p>1.Encouraged by other volunteers,he_________(consider) becoming a regular helper in community
- service.</p>
- <p>2.At the moment,I_________(plan) to work as a volunteer teacher after graduation.</p>
- <p>3.What you_________(do) at present will make a difference to people around you.</p>
- <p>4.Currently,they_________(put) a lot of efforts into volunteer work.</p>
- <p>5.The smile on her face says that she_________(have) a great time with the old in the nursing
- home.</p>
- <p>B.Describe each picture below in English using the present continuous tense according to the
- Chinese hints.</p>
+ <p>
+ <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 470px" v-model="testData.in.one" @change="setTestData" />
+ </p>
+ <p>
+ 4.Volunteering in different programs helps him grow up to be a man
+ of vision.
+ </p>
+ <p>
+ <input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 470px" v-model="testData.in.one" @change="setTestData" />
+ </p>
+ <!-- 绛旀 -->
+ <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
+ v-if="showLessonOneQuestionAnswer">
+ <span>绛旀锛�</span>
+ <p>1銆佸姞鍏ュ鏍￠噷鐨勯潚骞村織鎰胯�呭崗浼氭墿澶т簡濂圭殑鏈嬪弸鍦堛��</p>
+ <p>2銆佹湇鍔�2022鐨勫寳浜啲濂ヤ細鏄竴娆￠潪甯告湁鎰忎箟涓旇浜洪毦蹇樼殑缁忓巻銆�</p>
+ <p>3銆佸瀛╁瓙浠殑鎵胯璁╁ス鍦ㄨ繖鎵�涔℃潙灏忓鍋氫簡涓�杈堝瓙鐨勮�佸笀銆�</p>
+ <p>4銆佸弬涓庝笉鍚岀殑蹇楁効鑰呴」鐩府鍔╀粬鎴愰暱涓轰簡涓�涓湁杩滆鐨勪汉銆�</p>
+ </div>
+ <p><b>鈪�.Grammar focus:The present continuous tense.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
+ <p>
+ A.Complete the sentences with the present continuous form of the
+ verbs given in the brackets.
+ </p>
+ <p>
+ 1.Encouraged by other volunteers,he<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
+ @change="setTestData" />
+ (consider) becoming a regular helper in community service.
+ </p>
+ <p>
+ 2.At the moment,I<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
+ @change="setTestData" />
+ (plan) to work as a volunteer teacher after graduation.
+ </p>
+ <p>
+ 3.What you<input :disabled="testData.isComplete" type="text" class="input-bottom-border"
+ style="width: 70px" v-model="testData.in.one" @change="setTestData" />
+ (do) at present will make a difference to people around you.
+ </p>
+ <p>
+ 4.Currently,they<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
+ @change="setTestData" />
+ (put) a lot of efforts into volunteer work.
+ </p>
+ <p>
+ 5.The smile on her face says that she<input :disabled="testData.isComplete" type="text"
+ class="input-bottom-border" style="width: 70px" v-model="testData.in.one"
+ @change="setTestData" />
+ (have) a great time with the old in the nursing home.
+ </p>
+ <!-- 绛旀 -->
+ <p class="event-header-text-bc pd-5" style="width: 90%" v-if="showLessonOneQuestionAnswer">
+ 绛旀锛�(1)is considering (2) am planning (3) are
+ doing (4) are putting (5) is having
+ </p>
+ <p>
+ B.Describe each picture below in English using the present
+ continuous tense according to the Chinese hints.
+ </p>
<div class="fieldset-2">
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0054-1.jpg" /></p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0054-1.jpg" />
+ </p>
<p>蹇楁効鑰呮鍦ㄨ緟瀵煎瀛愪滑鍋氬姛璇俱��</p>
<p>_______________________________________________</p>
<p>_______________________________________________</p>
<p>_______________________________________________</p>
</div>
<div class="fieldset-2">
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0054-2.jpg" /></p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0054-2.jpg" />
+ </p>
<p>瀛︾敓浠鍦ㄥ府蹇欏仛鍐滄椿銆�</p>
<p>_______________________________________________</p>
<p>_______________________________________________</p>
@@ -586,31 +1077,65 @@
<div class="padding-93">
<div class="bodystyle">
<div class="fieldset-2">
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0055-1.jpg" /></p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0055-1.jpg" />
+ </p>
<p>蹇楁効鑰呮鍦ㄦ矙婊╀笂娓呯悊鍨冨溇銆�</p>
<p>_______________________________________________</p>
<p>_______________________________________________</p>
<p>_______________________________________________</p>
</div>
<div class="fieldset-2">
- <p class="center"><img class="img-e" alt="" src="../../assets/images/0055-2.jpg" /></p>
+ <p class="center">
+ <img class="img-e" alt="" src="../../assets/images/0055-2.jpg" />
+ </p>
<p>蹇楁効鑰呮鍦ㄨ繘琛岃。鐗╂崘璧犳椿鍔ㄣ��</p>
<p>_______________________________________________</p>
<p>_______________________________________________</p>
<p>_______________________________________________</p>
</div>
+ <!-- 鎻愪氦鎸夐挳 -->
+ <div class="w100 fl">
+ <ul class="fl ju-ar w100">
+ <li>
+ <button class="btn-border btn-w" @click="saveData">
+ 鎻愪氦
+ </button>
+ </li>
+ <li>
+ <button @click="changeTestData" class="btn-border btn-w">
+ 閲嶅仛
+ </button>
+ </li>
+ <li>
+ <button @click="
+ showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer
+ " class="parimary-btn">
+ 鏌ョ湅绛旀
+ </button>
+ </li>
+ </ul>
+ </div>
<h3 id="c022"><span class="bjh3">Mini-project</span></h3>
- <p>We all have done some volunteer work in one way or another before.Take some time to recall
- that experience,and then:</p>
- <p>1.Interview your partner about his/her volunteering experiences by asking the following
- questions;</p>
+ <p>
+ We all have done some volunteer work in one way or another
+ before.Take some time to recall that experience,and then:
+ </p>
+ <p>
+ 1.Interview your partner about his/her volunteering experiences by
+ asking the following questions;
+ </p>
<p>2.Finish the worksheet and report to the class.</p>
<div class="fieldset">
<p>Questions:1.What volunteer work have you done?</p>
<p>銆�銆�銆�銆�2.How did you feel when you were volunteering?</p>
- <p>銆�銆�銆�銆�3.What are the benefits that experience has brought you?</p>
+ <p>
+ 銆�銆�銆�銆�3.What are the benefits that experience has brought you?
+ </p>
</div>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
+ </p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">The Volunteer Work</td>
@@ -618,12 +1143,16 @@
<td class="tl-cn">The Benefits</td>
</tr>
<tr class="table-tr-bc">
- <td style="word-break: break-all;">Taking care of left-behind children during summer
- vacation.</td>
- <td style="word-break: break-all;">I feel very proud of myself.The work is very
- meaningful.</td>
- <td style="word-break: break-all;">It has taught me to be more patient. I have learned
- to take care of others, and to be more considerate.</td>
+ <td style="word-break: break-all">
+ Taking care of left-behind children during summer vacation.
+ </td>
+ <td style="word-break: break-all">
+ I feel very proud of myself.The work is very meaningful.
+ </td>
+ <td style="word-break: break-all">
+ It has taught me to be more patient. I have learned to take
+ care of others, and to be more considerate.
+ </td>
</tr>
<tr class="table-tr-bc">
<td>
@@ -637,7 +1166,7 @@
</td>
<td>
<textarea v-model="questionData.table.four"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
+ class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
</tr>
@@ -673,17 +1202,15 @@
<tr class="table-tr-bc">
<td>
<textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
- <td style="width: 40%;">
+ <td style="width: 40%">
<textarea v-model="questionData.table.three"
class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
- <td style="width: 40%;">
+ <td style="width: 40%">
<textarea v-model="questionData.table.four"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
@@ -693,20 +1220,17 @@
</td>
<td>
<textarea v-model="questionData.table.seven"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
<td>
<textarea v-model="questionData.table.enight"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
<td>
<textarea v-model="questionData.table.three"
@@ -714,8 +1238,7 @@
</td>
<td>
<textarea v-model="questionData.table.four"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
</tr>
<tr class="table-tr-bc">
@@ -725,28 +1248,36 @@
</td>
<td>
<textarea v-model="questionData.table.seven"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
<td>
<textarea v-model="questionData.table.enight"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
</tr>
</table>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" />
+ </p>
<div class="bk-wh">
- <p>blood donation銆�volunteer teacher銆�community service銆�nursing
+ <p>
+ blood donation銆�volunteer teacher銆�community service銆�nursing
home銆�rewarding銆�challenging銆�demanding銆�interesting銆�overwhelming銆�moving銆�merciful銆�kind-hearted銆�appreciate銆�cherish銆�respect
</p>
</div>
- <h2 id="b010"><img class="img-0" alt="" src="../../assets/images/dy3-le2.jpg" /></h2>
+ <h2 id="b010">
+ <img class="img-0" alt="" src="../../assets/images/dy3-le2.jpg" />
+ </h2>
<h3 id="c023"><span class="bjh3">Warm-up</span></h3>
- <p><b>There are some organizations committed to making the world a better place and making a
- difference in people's lives.Work with your partner to do research online and match the
- following organizations with their missions.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /></p>
+ <p>
+ <b>There are some organizations committed to making the world a
+ better place and making a difference in people's lives.Work with
+ your partner to do research online and match the following
+ organizations with their missions.</b>
+ </p>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -769,25 +1300,54 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0056-1.jpg" /></p>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
+ </p>
<h3 id="c024"><span class="bjh3">Reading</span></h3>
- <audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
- <p>1.More and more organizations and individuals in China are working in public service.Can you
- name a few?</p>
+ <p>
+ 1.More and more organizations and individuals in China are working
+ in public service.Can you name a few?
+ </p>
<p>2.What changes do they bring to China?</p>
<p class="center"><b>How to Light Up the World</b></p>
- <p>锛圗xcerpted from the speech 鈥淟earning from a Barefoot Movement鈥濓級</p>
- <p>If you go all over the world to very remote villages,you will often find only very old people
- and very young people.The men have already left.So,we came up with the simple solution of
- training grandmothers.Grandmothers are compassionate,tolerant,willing to learn,and
- patient.All the qualities that you need are there.</p>
- <p>Barefoot College follows the lifestyle of Gandhi:Students eat,sleep,and work on the
- floor.They can stay for 20 years,or they can go home tomorrow.As of today,we鈥檝e trained 604
- women solar engineers from 1,083 villages in 63 countries.</p>
- <p>The engineers have solar-electrified 45,000 houses.Please remember that our students are
- primarily women who have never left their villages before.They hate the idea of leaving
- their families and getting on a plane.When they reach India,sometimes after 19 hours of
- travel,they </p>
+ <p class="center"><audio :src="resource.listenOne" controls class="audio"
+ @play="audioPlay"></audio></p>
+ <p>
+ 锛圗xcerpted from the speech 鈥淟earning from a Barefoot Movement鈥濓級
+ </p>
+ <p>
+ If you go all over the world to very
+ <span class="word-bc" @click="saveWord($event, 'remote')">remote</span>
+ villages,you will
+ often find only very old people and very young people.The men have
+ already left.So,we came up with the simple
+ <span class="word-bc" @click="saveWord($event, 'solution')">solution</span>
+ of training
+ grandmothers.Grandmothers are
+ <span class="word-bc" @click="saveWord($event, 'compassionate')">compassionate</span>
+ ,
+ <span class="word-bc" @click="saveWord($event, 'tolerant')">tolerant</span>
+ ,willing to
+ learn,and patient.All the qualities that you need are there.
+ </p>
+ <p>
+ Barefoot College follows the lifestyle of Gandhi:Students
+ eat,sleep,and work on the floor.They can stay for 20 years,or they
+ can go home tomorrow.As of today,we鈥檝e trained 604 women
+ <span class="word-bc" @click="saveWord($event, 'solar')">solar</span>
+ engineers from 1,083 villages in 63 countries.
+ </p>
+ <p>
+ The engineers have solar-
+ <span class="word-bc" @click="saveWord($event, 'electrified')">electrified</span>
+ 45,000 houses.Please remember
+ that our students are
+ <span class="word-bc" @click="saveWord($event, 'primarily')">primarily</span>
+ women who have never left their
+ villages before.They hate the idea of leaving their families and
+ getting on a plane.When they reach India,sometimes after 19 hours
+ of travel,they
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -810,27 +1370,47 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>are faced with strange food,strange people,and strange language.We do all the training in
- sign
- language.Yet in six months,they will know more about solar engineering than most university
- graduates.Some women face problems at home for attending Barefoot College.In most of these
- traditional societies,the husband says,鈥淚f you go for training,don鈥檛 come back to me.I will
- take
- another wife.鈥� Then the wife goes,and when she returns,she helps provide her village with
- solar
- electricity.And her husband says,鈥淧lease come back to me.鈥� But she says,鈥淣o,I鈥檓 fine.鈥�
- Because
- the respect she now has is enormous.</p>
- <p>We taught a woman from Afghanistan.It was the first time a grandmother had left her
- village.Afterwards,at a community gathering,she went to sit with the men,who said,鈥淲hat do
- you think you鈥檙e doing? You should be sitting with the women.鈥� And she said quietly,鈥淭oday I
- am not a woman; I am an engineer.I have every right to sit with you.鈥�</p>
- <p>I have a dream.I would like to provide the world鈥檚 47 least developed countries with Barefoot
- College鈥搕rained grandmothers,and together they could solar-electrify more than 100,000
- homes.I would like to reach a million people,and I hope you will be a part of this dream.
+ <p>
+ are faced with strange food,strange people,and strange language.We
+ do all the training in sign language.Yet in six months,they will
+ know more about solar engineering than most university
+ graduates.Some women face problems at home for
+ <span class="word-bc" @click="saveWord($event, 'attend')">attend</span>
+ ing Barefoot
+ College.In most of these traditional societies,the husband
+ says,鈥淚f you go for
+ <span class="word-bc" @click="saveWord($event, 'training')">training</span>
+ ,don鈥檛 come back to me.I will take
+ another wife.鈥� Then the wife goes,and when she returns,she helps
+ provide her village with solar electricity.And her husband
+ says,鈥淧lease come back to me.鈥� But she says,鈥淣o,I鈥檓 fine.鈥� Because
+ the respect she now has is enormous.
</p>
- <p>I鈥檒l end the passage with a quotation from Gandhi:鈥淔irst they ignore you,then they laugh at
- you,then they fight you,and then you win.鈥�</p>
+ <p>
+ We taught a woman from Afghanistan.It was the first time a
+ grandmother had left her village.
+ <span class="word-bc" @click="saveWord($event, 'Afterwards')">Afterwards</span>
+ ,at a community
+ gathering,she went to sit with the men,who said,鈥淲hat do you think
+ you鈥檙e doing? You should be sitting with the women.鈥� And she said
+ quietly,鈥淭oday I am not a woman; I am an engineer.I have every
+ right to sit with you.鈥�
+ </p>
+ <p>
+ I have a dream.I would like to provide the world鈥檚 47 least
+ developed countries with Barefoot College鈥搕rained grandmothers,and
+ together they could solar-electrify more than 100,000 homes.I
+ would like to reach a million people,and I hope you will be a part
+ of this dream.
+ </p>
+ <p>
+ I鈥檒l end the passage with a
+ <span class="word-bc" @click="saveWord($event, 'quotation')">quotation</span>
+ from Gandhi:鈥淔irst they
+ <span class="word-bc" @click="saveWord($event, 'ignore')">ignore</span>
+ you,then they laugh at you,then they fight you,and then you
+ win.鈥�
+ </p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
@@ -842,15 +1422,24 @@
</div>
<p>solution /s蓹藞lu藧蕛n/ <i>n.</i> 瑙ｅ喅鍔炴硶</p>
<div class="bkbj">
- <p><i>a way of solving a problem or dealing with a difficult situation</i></p>
+ <p>
+ <i>a way of solving a problem or dealing with a difficult
+ situation</i>
+ </p>
</div>
<p>compassionate /k蓹m藞p忙蕛蓹n蓹t/ <i>adj.</i> 鏈夊悓鎯呭績鐨勶紱鎬滄偗鐨�</p>
<div class="bkbj">
- <p><i>feeling or showing sympathy for people or animals who are suffering</i></p>
+ <p>
+ <i>feeling or showing sympathy for people or animals who are
+ suffering</i>
+ </p>
</div>
<p>tolerant /藞t蓲l蓹r蓹nt/ <i>adj.</i> 瀹藉鐨勶紱瀹瑰繊鐨�</p>
<div class="bkbj">
- <p><i>able to accept what other people say or do even if you do not agree with it</i></p>
+ <p>
+ <i>able to accept what other people say or do even if you do not
+ agree with it</i>
+ </p>
</div>
<p>solar /藞s蓹蕣l蓹(r)/ <i>adj.</i> 澶槼鑳界殑</p>
<div class="bkbj">
@@ -858,7 +1447,10 @@
</div>
<p>electrify /瑟藞lektr瑟fa瑟/ <i>v.</i> 浣跨數姘斿寲锛涚粰锛堟煇鐗╋級鍏呯數</p>
<div class="bkbj">
- <p><i>to convert to the use of electric power; to charge (sth.) with electricity</i></p>
+ <p>
+ <i>to convert to the use of electric power; to charge (sth.)
+ with electricity</i>
+ </p>
</div>
<p>primarily /pra瑟藞mer蓹li/ <i>adv.</i> 涓昏鍦�</p>
<div class="bkbj">
@@ -892,42 +1484,88 @@
</div>
<p>traditional /tr蓹藞d瑟蕛蓹nl/ <i>adj.</i> 浼犵粺鐨�</p>
<div class="bkbj">
- <p><i>being part of the beliefs,customs or way of life of a particular group of people,which
- have not changed for a long time</i></p>
+ <p>
+ <i>being part of the beliefs,customs or way of life of a
+ particular group of people,which have not changed for a long
+ time</i>
+ </p>
</div>
<p>afterwards /藞蓱藧ft蓹w蓹dz/ <i>adv.</i> 鍚庢潵锛涗互鍚�</p>
<div class="bkbj">
- <p><i>at a later time; after an event that has already been mentioned</i></p>
+ <p>
+ <i>at a later time; after an event that has already been
+ mentioned</i>
+ </p>
</div>
<p>quotation /kw蓹蕣藞te瑟蕛n/ <i>n.</i> 寮曡锛涘紩鏂囷紱璇綍</p>
<div class="bkbj">
- <p><i>a group of words or a short piece of writing taken from a book,play,speech,etc.and
- repeated because it is interesting or useful</i></p>
+ <p>
+ <i>a group of words or a short piece of writing taken from a
+ book,play,speech,etc.and repeated because it is interesting or
+ useful</i>
+ </p>
</div>
<p>ignore /瑟伞藞n蓴藧(r)/ <i>v</i>.浣鏈锛涗笉浜堢悊鐫�</p>
<div class="bkbj">
- <p><i>to pretend that you have not seen sb.or that sb.is not there</i></p>
+ <p>
+ <i>to pretend that you have not seen sb.or that sb.is not
+ there</i>
+ </p>
</div>
- <div style="display: flex;">
- <div class="left" style="width:40%;">
+ <div style="display: flex">
+ <div class="left" style="width: 40%">
<p>light up 鐐逛寒</p>
<p>come up with 鎻愬嚭锛涙兂鍑�</p>
<p>end ...with ...浠モ�︹�︾粨鏉熲�︹��</p>
</div>
- <div class="right" style="width:60%;">
+ <div class="right" style="width: 60%">
<p>go over (to ...) 浠庝竴澶勫埌锛堝彟涓�澶勶級</p>
<p>be faced with sth.闈复锛屽繀椤诲浠橈紙鏌愭儏鍐碉級</p>
</div>
</div>
<div class="bj-note">
<p><b>Notes:</b></p>
- <p>Barefoot
+ <p>
+ Barefoot
College锛氳丹鑴氬ぇ瀛︺�傝繖涓叕鐩婇」鐩富瑕侀拡瀵规潵鑷笘鐣屽悇鍦板啘鏉戠殑鏂囩洸鎴栧崐鏂囩洸锛屽ぇ閮ㄥ垎閮芥槸涓勾姣嶄翰鎴栫姣嶏紝涓哄ス浠彁渚涘厤璐圭殑鏁欒偛锛岃濂逛滑鎴愪负姘村姟宸ョ▼甯堛�佸お闃宠兘宸ョ▼甯堛�佽璁″笀銆佸姪浜у＋銆佸缓绛戝笀鎴栧啘鏉戠ぞ浼氫紒涓氬銆�
</p>
</div>
<p><b>鈪�.Reading comprehension.</b></p>
<p>A.Fill in the blanks with the numbers in the passage.</p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0059-1.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-tr-bc">
+ <td class="tl-lf table-th-bc">1. So far, what has BarefootCollege achieved?</td>
+ <td style="width: 65%;">
+ <p class="table-p"> It has trained l.<input :disabled="testData.isComplete"
+ type="text" class="input-bottom-border input-bc-t" style="width: 70px"
+ v-model="testData.in.one" @change="setTestData" />women solar engineers.</p>
+ <p class="table-p">The women solar engineers are from 2.<input
+ :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 70px"
+ v-model="testData.in.one" @change="setTestData" />villages in 3.<input
+ :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 70px"
+ v-model="testData.in.one" @change="setTestData" />countries.</p>
+ <p class="table-p">The engineers have solar-electrifed 4.<input
+ :disabled="testData.isComplete" type="text"
+ class="input-bottom-border input-bc-t" style="width: 70px"
+ v-model="testData.in.one" @change="setTestData" />homes.</p>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn table-th-bc">2.What's the author'sfuture goal?</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
+ 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>
+ </td>
+ </tr>
+ </table>
</div>
</div>
<div class="preface-bottom">
@@ -950,37 +1588,101 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>B.Decide whether the following statements are true (T) or false (F).</p>
- <p>(銆�) 1.Showing compassion and being patient are qualities needed for training.</p>
- <p>(銆�) 2.Women have to overcome a lot of difficulties to attend Barefoot College.</p>
- <p>(銆�) 3.Half of the courses in the training are done in sign language.</p>
- <p>(銆�) 4.Husbands are always supportive for wives to go for training.</p>
- <p>(銆�) 5.The training helps women gain respect for the changes they brought in.</p>
- <p><b>鈪�.Language focus.</b></p>
- <p>A.Replace the words in italics with the exact words in the passage and change the form if
- necessary.</p>
- <p>1.In <i>far-away </i>areas,only the old and the kids are left._____</p>
- <p>2.The government works on <i>ways</i> to fight against poverty._____</p>
- <p>3.People having no access to electricity <i>mainly</i> live in Africa._____</p>
- <p>4.Some college students choose to <i>join</i> volunteering programs after graduation._____
+ <p>
+ B.Decide whether the following statements are true (T) or false
+ (F).
</p>
- <p>5.Family reunion is a <i>usual </i>way to celebrate the Spring Festival._____</p>
- <p>B.Fill in the blanks with the proper form of the expressions given below._____</p>
+ <p>
+ (銆�) 1.Showing compassion and being patient are qualities needed
+ for training.
+ </p>
+ <p>
+ (銆�) 2.Women have to overcome a lot of difficulties to attend
+ Barefoot College.
+ </p>
+ <p>
+ (銆�) 3.Half of the courses in the training are done in sign
+ language.
+ </p>
+ <p>
+ (銆�) 4.Husbands are always supportive for wives to go for
+ training.
+ </p>
+ <p>
+ (銆�) 5.The training helps women gain respect for the changes they
+ brought in.
+ </p>
+ <p><b>鈪�.Language focus.</b></p>
+ <p>
+ A.Replace the words in italics with the exact words in the passage
+ and change the form if necessary.
+ </p>
+ <p>
+ 1.In <i>far-away </i>areas,only the old and the kids are
+ left._____
+ </p>
+ <p>
+ 2.The government works on <i>ways</i> to fight against
+ poverty._____
+ </p>
+ <p>
+ 3.People having no access to electricity <i>mainly</i> live in
+ Africa._____
+ </p>
+ <p>
+ 4.Some college students choose to <i>join</i> volunteering
+ programs after graduation._____
+ </p>
+ <p>
+ 5.Family reunion is a <i>usual </i>way to celebrate the Spring
+ Festival._____
+ </p>
+ <p>
+ B.Fill in the blanks with the proper form of the expressions given
+ below._____
+ </p>
<div class="fieldset">
- <p>end ...with ...銆�come up with銆�light up銆�be faced with銆�go over to</p>
+ <p>
+ end ...with ...銆�come up with銆�light up銆�be faced with銆�go over
+ to
+ </p>
</div>
- <p>1.After watching the news,he ________ the idea to support the little girl鈥檚 education.</p>
- <p>2.Many Irish people ________ America during the famine 锛堥ゥ鑽掓椂鏈燂級.</p>
+ <p>
+ 1.After watching the news,he ________ the idea to support the
+ little girl鈥檚 education.
+ </p>
+ <p>
+ 2.Many Irish people ________ America during the famine
+ 锛堥ゥ鑽掓椂鏈燂級.
+ </p>
<p>3.They ________ the play ________ a song.</p>
<p>4.The teacher鈥檚 smiles ________ the boy鈥檚 life.</p>
- <p>5.Girls in some parts of the world ________ gender discrimination.</p>
- <p><b>鈪�.Grammar focus:The simple future tense.</b></p>
+ <p>
+ 5.Girls in some parts of the world ________ gender discrimination.
+ </p>
+ <p><b>鈪�.Grammar focus:The simple future tense.</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Underline the parts indicating the future tense.</p>
<p>1.I am about to send you an email with all of our prices.</p>
<p>2.She is to marry John next month.</p>
<p>3.I will call you as soon as I arrive there.</p>
<p>4.We are going to volunteer in the nursing home this weekend.</p>
- <p>5.My plane is taking off at 8:20,so I must be at the airport by 7:20.</p>
+ <p>
+ 5.My plane is taking off at 8:20,so I must be at the airport by
+ 7:20.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1005,37 +1707,58 @@
<div class="bodystyle">
<h3 id="c025"><span class="bjh3">Mini-project</span></h3>
<audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
- <p>Watch the video and mark what the man has done.Then discuss with your partner about what we
- can do in reality to make a change in people鈥檚 lives.</p>
+ <p>
+ Watch the video and mark what the man has done.Then discuss with
+ your partner about what we can do in reality to make a change in
+ people鈥檚 lives.
+ </p>
<p>Things the man has done:</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Hold
- the elevator for the lady</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Catch
- the balloon for the kid</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Stop
- the shopping cart</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Teach
- kids to swim</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Help
- the old cross the street</p>
- <p><input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" /> Plant
- trees in the park</p>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
+ <p>
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ Hold the elevator for the lady
+ </p>
+ <p>
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ Catch the balloon for the kid
+ </p>
+ <p>
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ Stop the shopping cart
+ </p>
+ <p>
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ Teach kids to swim
+ </p>
+ <p>
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ Help the old cross the street
+ </p>
+ <p>
+ <input type="checkbox" name="ball" value="Language" id="1" v-model="testData.check" />
+ Plant trees in the park
+ </p>
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
+ </p>
<table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
<tr class="table-th-bc">
<td class="tl-cn">Things We Can Do</td>
<td class="tl-cn">Changes We Can Make</td>
</tr>
<tr class="table-tr-bc">
- <td style="word-break: break-all;">Hold the door for the personbehind me.</td>
- <td style="word-break: break-all;">It can be very embarrassing if one gets bumped by a
- door, Holding the door for the person behind me shows that I care for other people.
+ <td style="word-break: break-all">
+ Hold the door for the personbehind me.
+ </td>
+ <td style="word-break: break-all">
+ It can be very embarrassing if one gets bumped by a door,
+ Holding the door for the person behind me shows that I care
+ for other people.
</td>
</tr>
<tr class="table-tr-bc">
<td>
<textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
+ class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
@@ -1046,7 +1769,7 @@
<tr class="table-tr-bc">
<td>
<textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
+ class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
@@ -1057,7 +1780,7 @@
<tr class="table-tr-bc">
<td>
<textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
+ class="w100 table-tr-bc b0 table-textarea "
@change="setBookQuestion"></textarea>
</td>
<td>
@@ -1068,8 +1791,7 @@
<tr class="table-tr-bc">
<td>
<textarea v-model="questionData.table.two"
- class="w100 table-tr-bc b0 table-textarea textarea-box"
- @change="setBookQuestion"></textarea>
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
</td>
<td>
<textarea v-model="questionData.table.three"
@@ -1099,18 +1821,31 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <h2 id="b011"><img class="img-0" alt="" src="../../assets/images/dy3-le3.jpg" /></h2>
+ <h2 id="b011">
+ <img class="img-0" alt="" src="../../assets/images/dy3-le3.jpg" />
+ </h2>
<h3 id="c026"><span class="bjh3">Listening</span></h3>
<audio :src="resource.listenOne" controls class="audio" @play="audioPlay"></audio>
- <p><b>鈪�.Listen to the recording and fill in the blanks with what you hear.</b></p>
- <p>Just now,I was giving people_________in Chinese.I am a_________here in Lotus Lane in
- Houhai.I鈥檝e lived in Beijing for 24 years and I鈥檓_________from the United States.My name is
- Terry.I鈥檓 64 years old and I鈥檓_________.And I_________some of my time
- volunteering,helping_________find their way around this beautiful area of Xicheng District
- in Beijing.I love volunteering because I love doing things for people.I like to make people
- happy.I think by making people happy they make other people happy.It鈥檚 like_________a stone
- into the river.It makes little waves and your_________can be given to other people.</p>
- <p><b>鈪�.Listen to the interview and answer the following questions.</b></p>
+ <p>
+ <b>鈪�.Listen to the recording and fill in the blanks with what you
+ hear.</b>
+ </p>
+ <p>
+ Just now,I was giving people_________in Chinese.I am
+ a_________here in Lotus Lane in Houhai.I鈥檝e lived in Beijing for
+ 24 years and I鈥檓_________from the United States.My name is
+ Terry.I鈥檓 64 years old and I鈥檓_________.And I_________some of my
+ time volunteering,helping_________find their way around this
+ beautiful area of Xicheng District in Beijing.I love volunteering
+ because I love doing things for people.I like to make people
+ happy.I think by making people happy they make other people
+ happy.It鈥檚 like_________a stone into the river.It makes little
+ waves and your_________can be given to other people.
+ </p>
+ <p>
+ <b>鈪�.Listen to the interview and answer the following
+ questions.</b>
+ </p>
<p>1.When did Mr.Crossman start volunteering?</p>
<p>_________________________________________________________</p>
<p>2.Why was volunteering not easy in the beginning?</p>
@@ -1142,12 +1877,20 @@
<div class="padding-93">
<div class="bodystyle">
<h3 id="c027"><span class="bjh3">Practical Writing</span></h3>
- <p>For volunteer work,it usually starts with creating a volunteer profile.Whether you鈥檙e just
- starting out or a seasoned volunteer,you can save your volunteering preferences and capture
- your volunteering experiences in your volunteer profile.</p>
- <p><b>鈪�.Look at the following sample and discuss with your partner what are usually included in
- a volunteer profile.Mark the items listed in the box.</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0063-1.jpg" /></p>
+ <p>
+ For volunteer work,it usually starts with creating a volunteer
+ profile.Whether you鈥檙e just starting out or a seasoned
+ volunteer,you can save your volunteering preferences and capture
+ your volunteering experiences in your volunteer profile.
+ </p>
+ <p>
+ <b>鈪�.Look at the following sample and discuss with your partner
+ what are usually included in a volunteer profile.Mark the items
+ listed in the box.</b>
+ </p>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0063-1.jpg" />
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1170,7 +1913,10 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p><b>鈪�.Match the following descriptions with their corresponding Chinese.</b></p>
+ <p>
+ <b>鈪�.Match the following descriptions with their corresponding
+ Chinese.</b>
+ </p>
<p><b>1.gender</b></p>
<p>1) male銆�a.濂虫��</p>
<p>2) female銆�b.鐢锋��</p>
@@ -1195,13 +1941,21 @@
<p>(銆�) b.Beijing,Hi-tech Zone,Shengbang Road,No.30</p>
<p><b>3.鑻辨枃娴佸埄锛屾櫘閫氳瘽姣嶈姘村钩</b></p>
<p>(銆�) a.Fluent in English; native in Mandarin</p>
- <p>(銆�) b.I speak fluent English,and I鈥檓 a native speaker of Mandarin.</p>
+ <p>
+ (銆�) b.I speak fluent English,and I鈥檓 a native speaker of
+ Mandarin.
+ </p>
<p><b>4.鐔熺粌浣跨敤Word銆丒xcel鍜孭PT</b></p>
<p>(銆�) a.I can use Word,Excel and PPT frequently.</p>
<p>(銆�) b.Proficient user of Word,Excel and PPT</p>
<p><b>5.鎷呬换涓栧崥浼氱炕璇戝拰鎺ュ緟宸ヤ綔</b></p>
- <p>(銆�) a.Served as an interpreter and receptionist at the World Expo</p>
- <p>(銆�) b.Working as an interpreter and receptionist at the World Expo</p>
+ <p>
+ (銆�) a.Served as an interpreter and receptionist at the World Expo
+ </p>
+ <p>
+ (銆�) b.Working as an interpreter and receptionist at the World
+ Expo
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1224,13 +1978,19 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>鈪�<b>.A college student wants to be a volunteer in an international sports game.Please
- complete the following volunteer profile for him,covering the following basic
- information given in Chinese.</b></p>
- <p>鏉庢捣锛岀敺锛屼腑鍥戒汉锛�2000骞�8鏈�21鏃ュ嚭鐢燂紝鐢佃瘽鍙风爜涓�153脳脳脳脳8901锛岄偖绠辨槸simonli@
+ <p>
+ 鈪�<b>.A college student wants to be a volunteer in an international
+ sports game.Please complete the following volunteer profile for
+ him,covering the following basic information given in
+ Chinese.</b>
+ </p>
+ <p>
+ 鏉庢捣锛岀敺锛屼腑鍥戒汉锛�2000骞�8鏈�21鏃ュ嚭鐢燂紝鐢佃瘽鍙风爜涓�153脳脳脳脳8901锛岄偖绠辨槸simonli@
email.com锛岀幇灞呬綇鍦ㄥ洓宸濈渷鎴愰兘甯傚ぉ搴滃尯澶╁簻5琛�1600鍙枫�傛瘯涓氫簬鎴愰兘鑱屼笟鎶�鏈闄紝鍟嗗姟鑻辫涓撲笟锛岃幏涓撶鏂囧嚟銆傚ぇ瀛︽湡闂达紝鑰冨彇浜嗘暀甯堣祫鏍艰瘉銆侀┚鐓э紝鎺ュ彈杩囦负鏈熶袱鍛ㄧ殑鈥滄湁鏁堟矡閫氣�濆煿璁�傝嫳璇彛璇祦鍒╋紝鏅�氳瘽鏍囧噯銆�2023骞�7鏈堣嚦8鏈堬紝浣滀负蹇楁効鑰呭弬鍔犱簡涓栫晫澶у鐢熻繍鍔ㄤ細锛屼粠浜嬭繃璇█鏈嶅姟鐩稿叧宸ヤ綔銆�
</p>
- <p class="center"><img class="img-0" alt="" src="../../assets/images/0065-1.jpg" /></p>
+ <p class="center">
+ <img class="img-0" alt="" src="../../assets/images/0065-1.jpg" />
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1256,20 +2016,49 @@
<div class="un-h2">
<h2 id="b012">Unit Project</h2>
</div>
- <p>The China International Import Expo committee is calling for volunteers to serve in the
- expo.The volunteer association in your college is in charge of the first-round recruitment
- and selection.Work in a group of four.Two group members play the roles of applicants and two
- play the role of interviewers.Complete the following worksheets,and then conduct the
- interview.</p>
+ <p>
+ The China International Import Expo committee is calling for
+ volunteers to serve in the expo.The volunteer association in your
+ college is in charge of the first-round recruitment and
+ selection.Work in a group of four.Two group members play the roles
+ of applicants and two play the role of interviewers.Complete the
+ following worksheets,and then conduct the interview.
+ </p>
<p><b>Role 1:Interviewer</b></p>
- <p>1.Work with your partner and create a volunteer evaluation rubric.</p>
- <p>2.Prepare a list of questions you will ask during the interview.</p>
+ <p>
+ 1.Work with your partner and create a volunteer evaluation rubric.
+ </p>
+ <p>
+ 2.Prepare a list of questions you will ask during the interview.
+ </p>
<p><b>Role 2:Applicant</b></p>
<p>1.Prepare a self-introduction.</p>
- <p>2.Make a list of your information which might be useful in the interview.</p>
- <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
- <p><b>Worksheet for the Applicant</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0066-1.jpg" /></p>
+ <p>
+ 2.Make a list of your information which might be useful in the
+ interview.
+ </p>
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" />
+ </p>
+ <p class="center"><b>Worksheet for the Applicant</b></p>
+ <p class="center">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center">
+ <tr class="table-tr-bc">
+ <td style="text-align: left">
+ Self-introduction:
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td style="text-align: left">
+ Questions that could be asked and your answers:
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -1292,8 +2081,25 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p><b>Worksheet for the Interviewer</b></p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0067-1.jpg" /></p>
+ <p class="center"><b>Worksheet for the Interviewer</b></p>
+ <p class="center">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; width: 80%;" class="fz-14 center">
+ <tr class="table-tr-bc">
+ <td style="text-align: left">
+ The volunteer evaluation rubric:
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td style="text-align: left">
+ Question list:
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
+ </p>
<div class="fieldset-1">
<p class="center"><b>Useful Expressions</b></p>
<p><b>For the interviewer</b>:</p>
@@ -1304,8 +2110,10 @@
<p>Could you give me a specific example of how you did that?</p>
<p>Do you have any questions for us?</p>
<p><b>For the applicant</b>:</p>
- <p>As you can see in my profile/As you can probably learn from the profile,I graduated from/
- am studying in ...</p>
+ <p>
+ As you can see in my profile/As you can probably learn from the
+ profile,I graduated from/ am studying in ...
+ </p>
<p>I majored in ...</p>
<p>I鈥檝e volunteered as ...in ...for ...</p>
<p>I鈥檓 skillful at ...</p>
@@ -1334,49 +2142,52 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar3-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar3-1.png"),
showAnswerOne: false,
+ showLessonOneQuestionAnswer: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
{
oldId: "FB34",
- txt: "Martin銆�銆�銆�銆�Silk",
+ txt: "Paragraph 2",
},
{
oldId: "64D6",
- txt: "Jessica銆�銆�The Great Wall",
+ txt: "Paragraph 3",
},
{
oldId: "2ED4",
- txt: "Soren銆�銆�Chinese Food",
+ txt: "Paragraph 4",
},
{
oldId: "44DE",
- txt: "Chinese銆�銆�銆�銆�Tea",
+ txt: "Paragraph 5",
},
],
right: [
{
- oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- },
- {
- oldId: "FB34",
- txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- },
- {
oldId: "2ED4",
- txt: "The clothing material is quite popular among Roman women inancient times.",
+ txt: "a.Volunteering can advance your career.",
},
{
oldId: "44DE",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ txt: "b.Volunteering brings fun and fulfillment to your life.",
+ },
+ {
+ oldId: "64D6",
+ txt: "c.Volunteering is good for your mind.",
+ },
+ {
+ oldId: "FB34",
+ txt: "d.Volunteering connects you to your community.",
},
],
},
@@ -1387,66 +2198,63 @@
answer: [
{
id: "FB34",
- linkValue:
- "The clothing material is quite popular among Roman women inancient times.",
- value: "Silk",
+ linkValue: "d.Volunteering connects you to your community.",
+ value: "Paragraph 2",
},
{
id: "64D6",
- linkValue:
- "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- value: "The Great Wall",
+ linkValue: "c.Volunteering is good for your mind.",
+ value: "Paragraph 3",
},
{
id: "2ED4",
- linkValue:
- "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- value: "Chinese Food",
+ linkValue: "a.Volunteering can advance your career.",
+ value: "Paragraph 4",
},
{
id: "44DE",
- linkValue:
- "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- value: "Chinese Tea",
+ linkValue: "b.Volunteering brings fun and fulfillment to your life.",
+ value: "Paragraph 5",
},
],
optionStyle: undefined,
id: 489306,
+ // 娉ㄦ剰锛岃繖閲岀殑椤哄簭搴旇鑷笂鑰屼笅锛屽繀椤诲拰棰樹竴鑷�
options: {
linkValues: [
{
- oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ oldId: "2ED4",
+ txt: "a.Volunteering can advance your career.",
},
{
oldId: "44DE",
- txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+ txt: "b.Volunteering brings fun and fulfillment to your life.",
+ },
+ {
+ oldId: "64D6",
+ txt: "c.Volunteering is good for your mind.",
},
{
oldId: "FB34",
- txt: "The clothing material is quite popular among Roman women inancient times.",
- },
- {
- oldId: "2ED4",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ txt: "d.Volunteering connects you to your community.",
},
],
values: [
{
oldId: "FB34",
- txt: "Martin Silk",
+ txt: "Paragraph 2",
},
{
oldId: "64D6",
- txt: "The Great Wall",
+ txt: "Paragraph 3",
},
{
oldId: "2ED4",
- txt: "Chinese Food",
+ txt: "Paragraph 4",
},
{
oldId: "44DE",
- txt: "Chinese Tea",
+ txt: "Paragraph 5",
},
],
},
@@ -1458,7 +2266,7 @@
titleDescription: "1",
userChoise: [],
value: [],
- answerImg: require("../../assets/images/matching-one.png"),
+ answerImg: require("../../assets/images/matching-two.png"),
},
questionData: {
warnUp: {
@@ -1511,6 +2319,7 @@
},
},
testData: {
+ isComplete: false,
check: [],
tx: {
one: "",
@@ -1525,6 +2334,16 @@
three: "",
four: "",
five: "",
+ six: "",
+ isRight: null,
+ answer: [
+ "normous",
+ "oost",
+ "nxiety",
+ "ortality",
+ "nergizing",
+ "assion",
+ ],
},
line: {
one: "",
@@ -1628,6 +2447,16 @@
three: "",
four: "",
five: "",
+ six: "",
+ isRight: null,
+ answer: [
+ "normous",
+ "oost",
+ "nxiety",
+ "ortality",
+ "nergizing",
+ "assion",
+ ],
},
line: {
one: "",
@@ -1667,10 +2496,10 @@
},
async getPath() {
this.resource.listenOne = await getResourcePath(
- "422139A2EF66EA888C5ED1D550AE23E0"
+ "BE415E5F4ACF889844A235A19832EB42"
);
this.resource.readingOne = await getResourcePath(
- "3F442B682D84C8AB06C800B29D734920"
+ "CAA563DB7727326EF9469C71E198DC20"
);
this.resource.readingTwo = await getResourcePath(
"E8719EC88026BCFB11D292AA999F6D3D"
@@ -1679,7 +2508,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
@@ -1825,4 +2657,4 @@
right: 0;
background-color: red;
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/books/English/view/components/chapter004.vue b/src/books/English/view/components/chapter004.vue
index 1a99f0b..aa1f6f6 100644
--- a/src/books/English/view/components/chapter004.vue
+++ b/src/books/English/view/components/chapter004.vue
@@ -21,7 +21,7 @@
</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">
@@ -32,7 +32,7 @@
VOLUNTEERS</span>
</li>
</ul>
-
+
<div class="padding-93">
<div class="bodystyle">
<h2 id="b013"><img class="img-0" alt="" src="../../assets/images/dy4-le1.jpg" /></h2>
@@ -64,11 +64,11 @@
<span class="contet-num-box">59</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-unit4 fl al-end" style="height: 100px; padding-left: 40px">
<div class="preface-header-box event-header-text-bc-unit4">
@@ -80,12 +80,16 @@
<div class="padding-93">
<div class="bodystyle">
- <h3 id="c029"><span class="bjh3">Listening</span></h3>
+ <h3 id="c029" 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 the conversation between Tony and Zhang Ping and match the sentence halves.</b>
</p>
- <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
- @play="audioPlay"></audio>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0070-2.jpg" /></p>
+ <matching :rawData="rawData" :question="question"></matching>
<h3 id="c030"><span class="bjh3">Reading</span></h3>
<audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
@play="audioPlay"></audio>
@@ -93,17 +97,35 @@
</p>
<p>2.How can robots help humans today in daily life and work?</p>
<p class="center"><b>Robots in Action</b></p>
+ <p class="center">
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
+ class="audio" @play="audioPlay"></audio>
+ </p>
<p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
- soon be used to study sea creatures up close.These robots can blend right in with underwater
- habitats.Robots take on tasks to make our life easier and safer.Scientists keep coming up
+ soon be used to study sea
+
+ <span class="word-bc" @click="saveWord($event, 'creatures')">creatures</span>
+ up close.These robots can
+ <span class="word-bc" @click="saveWord($event, 'blend')">blend</span>
+ blend right in with underwater
+ <span class="word-bc" @click="saveWord($event, 'habitats')">habitats</span>
+ .Robots take on tasks to make our life easier and safer.Scientists keep coming up
with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
- look at the latest robots.</p>
+ look at the latest robots.
+ </p>
<p><b>Super Swimmer</b></p>
- <p>The Octobot is perfectly named.Its design is based on the octopus.The robot is the size of a
+ <p>The Octobot is perfectly named.Its design is based on the
+ <span class="word-bc" @click="saveWord($event, 'octopus')">octopus</span>
+ .The robot is the size of a
shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
inches per second.That is close to the speed of an octopus.The Octobot moves through water
- by slowly opening its soft rubber arms and then snapping them shut.During tests,fish swam
- alongside the Octobot.Researchers can use the robot to study sea creatures.</p>
+ by slowly opening its soft
+ <span class="word-bc" @click="saveWord($event, 'rubber')">rubber</span>
+ arms and then
+ <span class="word-bc" @click="saveWord($event, 'snapping')"> snapping</span>
+ them shut.During tests,fish swam
+ alongside the Octobot.Researchers can use the robot to study sea creatures.
+ </p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0070-4.jpg" /></p>
</div>
</div>
@@ -128,30 +150,51 @@
<div class="padding-93">
<div class="bodystyle">
<p><b>See Spot Run</b></p>
- <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play fetch.Boston Dynamics
- created the four-legged,160-pound mechanical dog.It can climb mountains.It can cross
+ <p>Spot looks and moves much like a real dog.But don鈥檛 expect it to play
+ <span class="word-bc" @click="saveWord($event, 'fetch')">fetch</span>
+ .Boston Dynamics
+ created the four-legged,160-pound
+ <span class="word-bc" @click="saveWord($event, 'mechanical')">mechanical</span>
+ dog.It can climb mountains.It can cross
woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
- balance.In the future,Spot may be used for search-and-rescue missions and to carry heavy
- facilities.</p>
+ <span class="word-bc" @click="saveWord($event, 'balance')">balance</span>
+ .In the future,Spot may be used for search-and-
+ <span class="word-bc" @click="saveWord($event, 'rescue')">rescue</span>
+ <span class="word-bc" @click="saveWord($event, 'missions')">missions</span>
+ and to carry heavy
+ <span class="word-bc" @click="saveWord($event, 'facilities')">facilities</span>
+ .
+ </p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
<p><b>Hotel Helper</b></p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-2.jpg" /></p>
<p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
- asks for an item,a clerk places it in Mingo鈥檚 lid and enters the room number onto a
- screen.Guests are always very excited when Mingo arrives with a delivery.</p>
+ asks for an item,a clerk places it in Mingo鈥檚
+ <span class="word-bc" @click="saveWord($event, 'lid')">lid</span>
+ and enters the room number onto a
+ screen.Guests are always very excited when Mingo arrives with a delivery.
+ </p>
<p><b>Big in Japan</b></p>
- <p>In Japan,scientists are leading the way in creating humanoid robots.SoftBank introduced
- Pepper,a four-foot-tall robot who can talk with humans and react to emotions.If you
- frown,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
- bigger plans for Pepper.It may one day keep humans company and help teach children.</p>
+ <p>In Japan,scientists are leading the way in creating
+ <span class="word-bc" @click="saveWord($event, 'humanoid')">humanoid</span>
+ robots.SoftBank introduced
+ Pepper,a four-foot-tall robot who can talk with humans and
+ <span class="word-bc" @click="saveWord($event, 'react')">react</span>
+ to emotions.If you
+ <span class="word-bc" @click="saveWord($event, 'frown')">frown</span>
+ ,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
+ bigger plans for Pepper.It may one day keep humans
+ <span class="word-bc" @click="saveWord($event, 'company')">company</span>
+ and help teach children.
+ </p>
<p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.listenOne" controls
- controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+ @play="audioPlay"></audio>
<p>creature /藞kri藧t蕛蓹(r)/ <i>n.</i> 鐢熺墿锛涳紙灏ゆ寚锛� 鍔ㄧ墿</p>
<div class="bkbj">
<p><i>a living thing that can move around,such as an animal</i></p>
@@ -312,7 +355,7 @@
</div>
<!-- 64 -->
<div class="page-box" page="70">
- <div v-if="showPageList.indexOf(71) > -1">
+ <div v-if="showPageList.indexOf(70) > -1">
<!-- 澶撮儴 -->
<div class="w100 mb-20" style="padding-right: 20px">
<div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
@@ -333,9 +376,59 @@
<p>__________________________________________________</p>
<p>4.Food processors are great tools for blending vegetables and fruits.</p>
<p>__________________________________________________</p>
- <p><b>鈪�.Grammar focus:The comparative degree.</b></p>
+ <p><b>鈪�.Grammar focus:The comparative degree.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>A.Write the comparative form for each word below.</p>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0074-1.jpg" /></p>
+ <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"
+ 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"
+ 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"
+ 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"
+ 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"
+ 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"
+ 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"
+ 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"
+ 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"
+ v-model="testData.in.one" @change="setTestData" />
+ </td>
+ </tr>
+ </table>
<p>B.Fill in the blanks with the correct comparatives from the above.</p>
<p>1.The new car model may be launched _______ than expected.</p>
<p>2.The higher we go above the earth,the _______ the air is.</p>
@@ -376,7 +469,37 @@
<div class="padding-93">
<div class="bodystyle">
<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/0075-1.jpg" /></p>
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-tr-bc">
+ <td class="tl-cn table-th-bc">The differences between humanoid robotsand human beings
+ </td>
+ <td class="tl-lf">
+ <p class="table-p">l. Humans are organic beings, yhile robots are not.</p>
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn table-th-bc">
+ The things that robots can't do but humans
+ </td>
+ <td>
+ <p class="table-p">1. Do creative work.</p>
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ <tr class="table-tr-bc">
+ <td class="tl-cn table-th-bc">
+ The functions of your designed robot
+ </td>
+ <td>
+ <p class="table-p">1. Fold clothes for you.</p>
+ <textarea v-model="questionData.table.nineteen"
+ class="w100 table-tr-bc b0 table-textarea" @change="setBookQuestion"></textarea>
+ </td>
+ </tr>
+ </table>
<p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
<div class="bk-wh">
<p>physical銆�complex銆�social銆�relationship銆�feeling銆�emotion銆�empathy銆�thought銆�tireless銆�creative
@@ -450,18 +573,23 @@
<p><i>It appears that most students</i>鈥�</p>
<p><i>What surprised me is that</i>鈥�</p>
<h3 id="c033"><span class="bjh3">Reading</span></h3>
- <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
- @play="audioPlay"></audio>
<p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
</p>
<p>2.What is your dream about space exploration?</p>
<p class="center"><b>Fresh Face of Science</b></p>
+ <p class="center"> <audio :src="resource.listenOne" controls
+ controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
<p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
- <p>According to Zhao Hongzhou,founder of China鈥檚 scientometrics,scientists typically make their
+ <p>According to Zhao Hongzhou,founder of China鈥檚
+ <span class="word-bc" @click="saveWord($event, 'scientometrics')">scientometrics</span>
+ ,scientists typically make their
biggest achievements between the ages of 25 and 45,which is true of the scientists and
- engineers working on FAST(Five-hundred-meter Aperture Spherical Telescope).Its engineering
+ engineers working on FAST(Five-hundred-meter Aperture Spherical
+ <span class="word-bc" @click="saveWord($event, 'Telescope')">Telescope</span>
+ ).Its engineering
and operation team has an average age of 39,while its on-site team has an average age of
- 30.Meanwhile,the scientific spirit these young scientists have shown is also moving.</p>
+ 30.Meanwhile,the scientific spirit these young scientists have shown is also moving.
+ </p>
<p>As the world鈥檚 largest radio telescope,it has been </p>
</div>
</div>
@@ -485,38 +613,66 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>quite helpful in the discovery of around 340 pulsars,since becoming operational in September
- 2016.It has also contributed to helping human beings better understand the origin of fast
- radio
- bursts,extremely brief but powerful flashes in the universe.FAST was listed by the journals
+ <p>quite helpful in the discovery of around 340
+ <span class="word-bc" @click="saveWord($event, 'pulsars')">pulsars</span>
+ ,since becoming operational in September
+ 2016.It has also contributed to helping human beings better understand the
+ <span class="word-bc" @click="saveWord($event, 'origin')">origin</span>
+ of fast radio
+ <span class="word-bc" @click="saveWord($event, 'bursts')">bursts</span>
+ ,extremely brief but powerful flashes in the
+ <span class="word-bc" @click="saveWord($event, 'universe')">universe</span>
+ .FAST was listed by the journals
<i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
</p>
- <p>The construction of FAST pushed the team to its physical and intellectual limits,including
+ <p>The construction of FAST pushed the team to its physical and
+ <span class="word-bc" @click="saveWord($event, 'intellectual')">intellectual </span>
+ limits,including
creating new systems to operate the telescope,also known as the 鈥淪ky Eye鈥�.At the age of
- 28,Yao Rui,a researcher behind FAST鈥檚 feed cabin,was responsible for creating the 鈥減upil鈥� of
+ 28,Yao Rui,a researcher behind FAST鈥檚 feed
+ <span class="word-bc" @click="saveWord($event, 'cabin')">cabin</span>
+ ,was responsible for creating the 鈥�
+ <span class="word-bc" @click="saveWord($event, 'pupil')">pupil</span>鈥� of
the 鈥淪ky Eye鈥� after joining the team.Some of her most challenging tasks involved downsizing
the cabin鈥檚 weight from 34 to 30 tons,while keeping most of the systems inside and leaving
- enough room to fill it with as much complex and sensitive equipment as possible.Yao鈥檚
- solution was to change the shape of the cabin to a diamond structure.The redesign was
- daring,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
+ enough room to fill it with as much
+ <span class="word-bc" @click="saveWord($event, 'complex')">complex</span>
+ and sensitive equipment as possible.Yao鈥檚
+ solution was to change the shape of the cabin to a
+ <span class="word-bc" @click="saveWord($event, 'diamond')">diamond</span>
+ structure.The redesign was
+ <span class="word-bc" @click="saveWord($event, 'daring')">daring</span>
+ ,but later testing proved that it worked perfectly.鈥淚鈥檓 not worried about
problems,because wherever there is a problem,there is a chance for further research,鈥� she
said.鈥淎s a young scientist,I am lucky to associate my personal passions with the needs of
- the nation,so I can improve and grow together with the country.鈥�</p>
+ the nation,so I can improve and grow together with the country.鈥�
+ </p>
<p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
giant machine.Nan Rendong,FAST鈥檚 former chief scientist,often stressed that FAST not only
- needed to be precise and sensitive in its applications,but it should also be beautiful to
+ needed to be
+ <span class="word-bc" @click="saveWord($event, 'precise')">precise</span>
+ and sensitive in its applications,but it should also be beautiful to
look at.鈥淗e expected nothing less of an instrument of national significance,鈥� Sun said.He
spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
- rewarded him with confidence as he overcame many difficulties and setbacks.</p>
- <p>The 鈥淪ky Eye鈥� is open to the world and offers more observation possibilities to the global
- scientific community,contributing Chinese wisdom to building a community of a shared future
- for humanity.</p>
+ <span class="word-bc" @click="saveWord($event, 'rewar')">rewar</span>
+ ded him with confidence as he
+ <span class="word-bc" @click="saveWord($event, 'overcame')">overcame</span>
+ many difficulties and setbacks.
+ </p>
+ <p>The 鈥淪ky Eye鈥� is open to the world and offers more
+ <span class="word-bc" @click="saveWord($event, 'observation')">observation</span>
+ possibilities to the global
+ scientific
+ <span class="word-bc" @click="saveWord($event, 'community')">community</span>
+ ,contributing Chinese wisdom to building a community of a shared future
+ for humanity.
+ </p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.listenOne" controls
- controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
+ <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
+ @play="audioPlay"></audio>
<p>scientometrics /藞sa瑟蓹nt蓹蕣藞metr瑟ks/ <i>n.</i> 绉戝璁￠噺瀛�</p>
<div class="bkbj">
<p><i>the science of measuring and analyzing science</i></p>
@@ -651,7 +807,45 @@
<div class="bk-wh">
<p>15銆�28銆�30銆�38銆�39銆�340銆�2016</p>
</div>
- <p class="center"><img class="img-a" alt="" src="../../assets/images/0079-1.jpg" /></p>
+ <p class="center">
+ <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
+ <tr class="table-tr-bc">
+ <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.
+ </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
+ 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>
+ </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
+ 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>
+ </td>
+ </tr>
+ </table>
+ </p>
<p>B.Decide whether the following statements are true (T) or false (F).</p>
<p>(銆�) 1.According to Zhao Hongzhou鈥檚 analysis,scientists usually make their greatest
achievements before the age of 45.</p>
@@ -704,7 +898,20 @@
_______ it.</p>
<p>4.All drivers _______ their vehicles鈥攅ven when it鈥檚 a self-driving car accident.</p>
<p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
- <p><b>鈪�.Grammar focus:The superlative degree.</b></p>
+ <p><b>鈪�.Grammar focus:The superlative degree.</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Complete the sentences with the superlative form of the words in the brackets.</p>
<p>1.He is probably the _______ (creative) designer in our company.</p>
<p>2.This automated store offers the _______ (wide) variety of products.</p>
@@ -1006,7 +1213,7 @@
<span class="contet-num-box">76</span>
</div>
</div>
- </div> -->
+ </div>
</div>
</template>
<script>
@@ -1022,50 +1229,60 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar4-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar4-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
{
oldId: "FB34",
- txt: "Martin銆�銆�銆�銆�Silk",
+ txt: "1. My phone",
},
{
oldId: "64D6",
- txt: "Jessica銆�銆�The Great Wall",
+ txt: "2. We can pay for almost anything",
},
{
oldId: "2ED4",
- txt: "Soren銆�銆�Chinese Food",
+ txt: "3. Now almost nobody uses",
},
{
oldId: "44DE",
- txt: "Chinese銆�銆�銆�銆�Tea",
+ txt: "4. We rely on mobile phones",
},
+ {
+ oldId: "J20B",
+ txt: "5. Mobile phones have changed",
+ }
],
right: [
{
- oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- },
- {
- oldId: "FB34",
- txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- },
- {
oldId: "2ED4",
- txt: "The clothing material is quite popular among Roman women inancient times.",
+ txt: "a.a fixed-line telephone.",
},
{
oldId: "44DE",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
+ txt: "b. all the time now.",
},
+ {
+ oldId: "64D6",
+ txt: "c. online or by using an App on the phone.",
+ },
+ {
+ oldId: "FB34",
+ txt: "d. is almost dead.",
+ },
+ {
+ oldId: "J20B",
+ txt: "e. how we go about our everyday life.",
+ }
],
},
value: [],
@@ -1076,66 +1293,81 @@
{
id: "FB34",
linkValue:
- "The clothing material is quite popular among Roman women inancient times.",
- value: "Silk",
+ "d. is almost dead.",
+ value: "1. My phone",
},
{
id: "64D6",
linkValue:
- "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
- value: "The Great Wall",
+ "c. online or by using an App on the phone.",
+ value: "2. We can pay for almost anything",
},
{
id: "2ED4",
linkValue:
- "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- value: "Chinese Food",
+ "a. a fixed-line telephone.",
+ value: "3. Now almost nobody uses",
},
{
id: "44DE",
linkValue:
- "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
- value: "Chinese Tea",
+ "b. all the time now.",
+ value: "4. We rely on mobile phones",
+ },
+ {
+ id: "J20B",
+ linkValue:
+ "e. how we go about our everyday life.",
+ value: "5. Mobile phones have changed",
},
],
optionStyle: undefined,
id: 489306,
options: {
linkValues: [
+
{
- oldId: "64D6",
- txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
+ oldId: "2ED4",
+ txt: "a.a fixed-line telephone.",
},
{
oldId: "44DE",
- txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
+ txt: "b. all the time now.",
+ },
+ {
+ oldId: "64D6",
+ txt: "c. online or by using an App on the phone.",
},
{
oldId: "FB34",
- txt: "The clothing material is quite popular among Roman women inancient times.",
+ txt: "d. is almost dead.",
},
{
- oldId: "2ED4",
- txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
- },
+ oldId: "J20B",
+ txt: "e. how we go about our everyday life.",
+ }
],
values: [
{
oldId: "FB34",
- txt: "Martin Silk",
+ txt: "1. My phone",
},
{
oldId: "64D6",
- txt: "The Great Wall",
+ txt: "2. We can pay for almost anything",
},
{
oldId: "2ED4",
- txt: "Chinese Food",
+ txt: "3. Now almost nobody uses",
},
{
oldId: "44DE",
- txt: "Chinese Tea",
+ txt: "4. We rely on mobile phones",
},
+ {
+ oldId: "J20B",
+ txt: "5. Mobile phones have changed",
+ }
],
},
questionType: "matching",
@@ -1146,7 +1378,7 @@
titleDescription: "1",
userChoise: [],
value: [],
- answerImg: require("../../assets/images/matching-one.png"),
+ answerImg: require("../../assets/images/matching-four.png"),
},
questionData: {
warnUp: {
@@ -1367,7 +1599,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
diff --git a/src/books/English/view/components/chapter005.vue b/src/books/English/view/components/chapter005.vue
index c7de6b3..77ecde3 100644
--- a/src/books/English/view/components/chapter005.vue
+++ b/src/books/English/view/components/chapter005.vue
@@ -344,7 +344,20 @@
<p>4.The Beijing 2022 Winter Olympics is in line with its concept of delivering a green and
sustainable Games.</p>
<p>____________________________________________________</p>
- <p><b>鈪�.Grammar focus:The present perfect tense.</b></p>
+ <p><b>鈪�.Grammar focus:The present perfect tense.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>A.Mark the correct form of the words in the brackets.</p>
<p>1.Some shops in India have (begin,began,begun) to exchange recyclable things for groceries.
</p>
@@ -492,29 +505,57 @@
<p>Every morning,I wake up,and just moments after my feet hit this floor,I鈥檓 reaching for a
sports bra and tying my shoelaces.It鈥檚 time to go running.</p>
<p>Sometimes,I鈥檓 alone.Other times,I鈥檓 with a friend.I鈥檓 a runner,and for me,there鈥檚 nothing
- better than a crisp morning,when the air is fresh,the sun is peaking over the horizon,and my
+ better than a
+ <span class="word-bc" @click="saveWord($event, 'crisp')">crisp</span>
+ morning,when the air is fresh,the sun is
+ <span class="word-bc" @click="saveWord($event, 'peak')"> peak</span>
+ ing over the
+ <span class="word-bc" @click="saveWord($event, 'horizon')">horizon</span>
+ ,and my
legs are light.But some days,when an air quality warning shows on my phone,I know running
- outdoors will be unpleasant.</p>
+ outdoors will be unpleasant.
+ </p>
<p>Most of us would love to cut our carbon footprints in half鈥擨 know I would鈥攂ut it just isn鈥檛
convenient.We want to drive in cars,fly in planes,and eat fruits that only grow on the other
side of the world.I鈥檓 lucky enough to live in a city with great public transportation and a
- wealth of ecofriendly ride-sharing options.But actually,not all of us have these choices.
+ wealth of
+ <span class="word-bc" @click="saveWord($event, 'ecofriendly')">ecofriendly </span>
+ <span class="word-bc" @click="saveWord($event, 'ride-sharing')">ride-sharing </span>
+ options.But actually,not all of us have these choices.
</p>
<p>So,if we can鈥檛 take millions of cars off the road,what can we do right now,on an individual
level,to reduce our carbon footprint?</p>
- <p>Well,everybody eats.We eat to celebrate,to grow,and to survive.We also eat selectively.It
- seems like everyone has a dietary restriction these days.Most of the dietary choices are
+ <p>Well,everybody eats.We eat to celebrate,to grow,and to
+ <span class="word-bc" @click="saveWord($event, 'survive')">survive</span>
+ .We also eat
+ <span class="word-bc" @click="saveWord($event, 'selectively')">selectively</span>
+ .It
+ seems like everyone has a
+ <span class="word-bc" @click="saveWord($event, 'dietary')">dietary</span>
+ <span class="word-bc" @click="saveWord($event, 'restriction')">restriction</span>
+ these days.Most of the dietary choices are
made for personal,health-related reasons,but what I鈥檝e learned recently is that the food we
- eat doesn鈥檛 just impact us; it impacts the planet big time.</p>
+ eat doesn鈥檛 just impact us; it impacts the planet big time.
+ </p>
<p>Just this summer,a group of researchers in the UK published a study comparing the carbon
- footprints connected with different diets:meat-eaters,fish-eaters,and vegans.It turns out
- that eliminating meat from your diet can reduce your carbon emissions by half.A vegan diet
+ footprints connected with different diets:meat-eaters,fish-eaters,and
+ <span class="word-bc" @click="saveWord($event, 'vegans')">vegans</span>
+ .It turns out
+ that
+ <span class="word-bc" @click="saveWord($event, 'eliminat')">eliminat</span>
+ ing meat from your diet can reduce your carbon
+ <span class="word-bc" @click="saveWord($event, 'emissions')">emissions</span>
+ by half.A vegan diet
was connected with the least amount of greenhouse gas emissions鈥�99 percent to 102 percent
less than meateaters鈥攂ut even switching from meat to fish can reduce your dietary emissions
- by 50 percent.</p>
+ by 50 percent.
+ </p>
<p>Before learning about this study,I never thought about how my diet impacted anyone but
- myself.I always figured that what I put into my body was a personal decision,but it鈥檚 a
- public concern.</p>
+ myself.I always
+ <span class="word-bc" @click="saveWord($event, 'figured')">figured</span>
+ that what I put into my body was a personal decision,but it鈥檚 a
+ public concern.
+ </p>
<p>Every night before sleeping,I lay there for a moment,reflecting on the day,and thinking about
my next meatless meal.As I close my eyes,I hope for a crisp morning with fresh air,the sun
peaking over the horizon,a lightness in my legs.I am looking forward to the next day鈥檚 run.
@@ -683,7 +724,20 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p><b>鈪�.Grammar focus:The infinitive.</b></p>
+ <p><b>鈪�.Grammar focus:The infinitive.</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Rewrite the following sentences using the infinitive symbol 鈥渢o鈥�.</p>
<p>1.We work hard.</p>
<p>We want to make a better life.</p>
@@ -1029,13 +1083,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar5-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar5-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
@@ -1374,7 +1430,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index 4bb17e8..2cb26a1 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -64,7 +64,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -86,18 +87,32 @@
<p>How do we exactly define a positive work environment? When asked what makes a great work
environment,most people would mention a fancy workplace in a big building with modern
design,or a good relationship with coworkers.</p>
- <p>Gone are those times when candidates only considered the salary at the time of joining a
- company.Nowadays,apart from the job prospect itself,one factor that is greatly influencing
+ <p>Gone are those times when
+ <span class="word-bc" @click="saveWord($event, 'candidates')">andidates</span>
+ only considered the salary at the time of joining a
+ company.Nowadays,apart from the job
+ <span class="word-bc" @click="saveWord($event, 'prospect')">prospect</span>
+ itself,one factor that is greatly influencing
how employees feel about work is the environment being provided by the employer.The work
environment here includes everything,such as the relationship with coworkers,company
culture,room for personal development,caf茅,furniture,etc.A positive work environment is
something that makes employees feel good about coming to work every day,and also motivates
- them to work and give their best effort.</p>
- <p>An effective way to ensure a positive work environment is to motivate employees for a correct
- behavioral approach.Good behavior also determines good and peaceful environment.Another way
+ them to work and give their best effort.
+ </p>
+ <p>An effective way to
+ <span class="word-bc" @click="saveWord($event, 'ensure')">ensure</span>
+ a positive work environment is to motivate employees for a correct
+ <span class="word-bc" @click="saveWord($event, 'behavioral')">behavioral</span>
+ <span class="word-bc" @click="saveWord($event, 'approach')">approach</span>
+ .Good behavior also
+ <span class="word-bc" @click="saveWord($event, 'determines')">determines</span>
+ good and peaceful environment.Another way
is to ensure healthy relationships among the staff; that is why communication is quite
- necessary.Keeping an eye on staff interaction doesn鈥檛 cost much time for the management
- team.They only </p>
+ necessary.Keeping an eye on staff
+ <span class="word-bc" @click="saveWord($event, 'interaction')">interaction</span>
+ doesn鈥檛 cost much time for the management
+ team.They only
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -123,25 +138,36 @@
<p> need to observe body language and listen for negative clues and try to fix the problems as
soon as possible.The staff often takes the message from the behavior of the management
team,so the management team should also be aware of the power of their behavior and always
- maintain dignity.</p>
- <p>Another important way to make a great work environment for a company is to show appreciation
- of outstanding employees.Workers are more likely to stay in the company,work hard and
+ <span class="word-bc" @click="saveWord($event, 'maintain')">maintain</span>
+ <span class="word-bc" @click="saveWord($event, 'dignity')">dignity</span>.
+ </p>
+ <p>Another important way to make a great work environment for a company is to show
+ <span class="word-bc" @click="saveWord($event, 'appreciation')">appreciation</span> of
+ <span class="word-bc" @click="saveWord($event, 'outstanding')">outstanding</span>
+ employees.Workers are more likely to stay in the company,work hard and
provide years of excellent service when knowing that they have a clear opportunity for
- advancement.When employees know they are valued,they tend to return the favor by being the
- best at their job.A positive work environment is a place that promises to advance gifted
- employees and keep that promise.</p>
+ <span class="word-bc" @click="saveWord($event, 'advancement')"> advancement</span>
+ .When employees know they are valued,they tend to return the favor by being the
+ best at their job.A positive work environment is a place that promises to advance
+ <span class="word-bc" @click="saveWord($event, 'gifted')">gifted</span>
+ employees and keep that promise.
+ </p>
<p>The work environment can greatly influence how the employees feel about their jobs.Because of
- this,it鈥檚 important to find an employer that fosters a positive atmosphere and encourages
- employees consistently.A positive work environment can improve employees鈥� happiness,increase
- the productivity and motivate those around them.</p>
+ this,it鈥檚 important to find an employer that
+ <span class="word-bc" @click="saveWord($event, 'fosters')">fosters</span>
+ a positive atmosphere and encourages employees
+ <span class="word-bc" @click="saveWord($event, 'consistently')">consistently</span>
+ .A positive work environment can improve employees鈥� happiness,increase
+ the
+ <span class="word-bc" @click="saveWord($event, 'productivity')">productivity</span>
+ and motivate those around them.
+ </p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center">
- <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
- style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
- </p>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
<p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p>
<div class="bkbj">
<p><i>a person who is applying for a job</i></p>
@@ -194,7 +220,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -322,7 +349,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -342,7 +370,20 @@
<p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of
the company.</p>
<p>______________________________________________</p>
- <p><b>鈪�.Grammar focus:Inverted sentences.</b></p>
+ <p><b>鈪�.Grammar focus:Inverted sentences.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>A.Choose the correct version of the translation of the inverted sentences.</p>
<p>1.鍏氦杞︽潵浜嗐��</p>
<p>a.There comes the bus.</p>
@@ -413,7 +454,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -471,12 +513,20 @@
knowing the company code of conduct,employees know how to act at work and can be more
successful in their roles.If you just joined a new company,it would be beneficial to start
with learning the code of conduct.</p>
- <p>Often,a company uses its core values,including its mission,to guide the creation of these
- codes.These guidelines outline how the organization operates,how employees conduct
- themselves daily,and how they work with others on behalf of the organization.</p>
+ <p>Often,a company uses its
+ <span class="word-bc" @click="saveWord($event, 'core')">core</span>
+ values,including its mission,to guide the creation of these
+ codes.These guidelines
+ <span class="word-bc" @click="saveWord($event, 'outline')">outline</span>
+ how the organization operates,how employees
+ <span class="word-bc" @click="saveWord($event, 'conduct')">conduct</span>
+ themselves daily,and how they work with others on behalf of the organization.
+ </p>
<p>You can usually find a company鈥檚 code of conduct in an employee handbook.Each company has
- different rules in its code of conduct,and each company has its own policies for enforcing
- this code.</p>
+ different rules in its code of conduct,and each company has its own policies for
+ <span class="word-bc" @click="saveWord($event, 'enforcing')">enforcing</span>
+ this code.
+ </p>
<p>The following code of conduct may help you dig into more details.</p>
</div>
</div>
@@ -493,7 +543,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -502,35 +553,69 @@
<div class="fieldset-8">
<p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
<p><b>A._______________________</b></p>
- <p>1.Honesty and integrity.Above all,treat clients fairly.</p>
- <p>2.Maintain the good reputation of the company.</p>
- <p>3.Conflicts and interest.Manage conflicts of interest fairly and do not act in a manner
- inconsistent with the company mission and values.</p>
+ <p>1.Honesty and
+ <span class="word-bc" @click="saveWord($event, 'integrity')">integrity</span>
+ .Above all,treat clients fairly.
+ </p>
+ <p>2.Maintain the good
+ <span class="word-bc" @click="saveWord($event, 'reputation')">reputation</span>
+ of the company.
+ </p>
+ <p>3.
+ <span class="word-bc" @click="saveWord($event, 'Conflicts')">Conflicts</span>
+ and interest.Manage conflicts of interest fairly and do not act in a manner
+ <span class="word-bc" @click="saveWord($event, 'inconsistent')">inconsistent</span>
+ with the company mission and values.
+ </p>
<p>4.Confidentiality.Always be careful of the information received.</p>
- <p>5.Advertising.Products should not be advertised in a misleading way.</p>
+ <p>5.Advertising.Products should not be
+ <span class="word-bc" @click="saveWord($event, 'advertised')">advertised</span>
+ in a
+ <span class="word-bc" @click="saveWord($event, 'misleading')">misleading</span>
+ way.
+ </p>
<p><b>B._______________________</b></p>
- <p>6.Competence.Advise clients only on matters in which they are competent.</p>
+ <p>6.
+ <span class="word-bc" @click="saveWord($event, 'Competence')">Competence</span>
+ .Advise clients only on matters in which they are
+ <span class="word-bc" @click="saveWord($event, 'competent')">competent</span>
+ .
+ </p>
<p>7.Clients鈥� interests.Pay due regard to the interests of clients and keep those interests
above their own.</p>
<p>8.Giving information to clients.Communicate information clearly,fairly and not in a way
that is misleading.</p>
- <p>9.Suitability of advice.Advice should be suitable for the clients鈥� needs.</p>
+ <p>9.
+ <span class="word-bc" @click="saveWord($event, 'Suitability')">Suitability</span>
+ of advice.Advice should be suitable for the clients鈥� needs.
+ </p>
<p>10.Activities.Do not engage in activities that will bring direct or indirect profit to a
- competitor.</p>
+ <span class="word-bc" @click="saveWord($event, 'competitor')">competitor</span>.
+ </p>
<p><b>C._______________________</b></p>
<p>11.Skill and care.Act at all times with reasonable skill and care.</p>
- <p>12.Professional discipline.Organize business in a responsible and effective way.</p>
- <p>13.Company guidance.Be familiar and seek to observe the company guidance.</p>
- <p>14.Complaints.Handle the complaints fairly and quickly.</p>
+ <p>12.Professional
+ <span class="word-bc" @click="saveWord($event, 'discipline')">discipline</span>
+ .Organize business in a responsible and effective way.
+ </p>
+ <p>13.Company guidance.Be familiar and seek to
+ <span class="word-bc" @click="saveWord($event, 'observe')">observe</span>
+ the company
+ <span class="word-bc" @click="saveWord($event, 'guidance')">guidance</span>
+ .
+ </p>
+ <p>14.
+ <span class="word-bc" @click="saveWord($event, 'Complaints')">Complaints</span>
+ .Handle the complaints fairly and quickly.
+ </p>
<p>15.Respect.Treat the clients with respect without discrimination.</p>
</div>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
<p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p>
<div class="bkbj">
<p><i>the most important or central part of sth.</i></p>
@@ -640,7 +725,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -716,7 +802,20 @@
<p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
<p>4._________,you shouldn鈥檛 give up without trying.</p>
<p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
- <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b></p>
+ <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>A.Choose the correct modal verbs in the brackets.</p>
<p>1.It鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at the office.He is a
workaholic.</p>
@@ -744,7 +843,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -825,7 +925,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -896,7 +997,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -956,7 +1058,8 @@
<li class=""></li>
<li class="fz-18">
<span class="chapter-left-bc-unit6">MODULE 6</span>
- <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+ <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+ ENVIRONMENT</span>
</li>
</ul>
<!-- 鍐呭 -->
@@ -991,7 +1094,7 @@
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
- name: "chapterSex",
+ name: "chapterSix",
components: { matching },
props: {
showPageList: {
@@ -1000,13 +1103,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar6-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar6-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
@@ -1369,7 +1474,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
diff --git a/src/books/English/view/components/chapter007.vue b/src/books/English/view/components/chapter007.vue
index 97ab1f4..11582e9 100644
--- a/src/books/English/view/components/chapter007.vue
+++ b/src/books/English/view/components/chapter007.vue
@@ -82,34 +82,66 @@
<p class="center"><audio :src="resource.readingTwo" controls
controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@play="audioPlay"></audio></p>
- <p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
- people it鈥檚 a daily routine.</p>
+ <p>Working on high-
+ <span class="word-bc" @click="saveWord($event, 'voltage')">voltage</span>
+ power lines is considered by many as a high-risk job.But for some
+ people it鈥檚 a daily
+ <span class="word-bc" @click="saveWord($event, 'routine')">routine</span>
+ .
+ </p>
<p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
Jin has been in this job for more than 20 years.He is a team leader at an electric power
company.</p>
<p>Wang still clearly remembered the first time he touched the power line.鈥淚 was really scared
- because at the moment of contact ...500 000 volts of electricity hit the gloves,鈥� recalled
- Wang.</p>
+ because at the moment of
+ <span class="word-bc" @click="saveWord($event, 'contact')">contact</span>
+ ...500 000 volts of
+ <span class="word-bc" @click="saveWord($event, 'electricity')">electricity</span>
+ hit the gloves,鈥� recalled
+ Wang.
+ </p>
<p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
remote areas.</p>
<p>Summer in east China鈥檚 Shandong Province can be hot and dry.The steel tower is also
- hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
- shift.</p>
- <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-transmission
+ hot.Wearing
+ <span class="word-bc" @click="saveWord($event, 'protective')">protective</span>
+ clothes in such weather,Wang felt
+ <span class="word-bc" @click="saveWord($event, 'dizzy')">dizzy</span>
+ even before he started the
+ shift.
+ </p>
+ <p>In 2011,Wang finished the world鈥檚 first repair work on a 660-kilovolt live-
+ <span class="word-bc" @click="saveWord($event, 'transmission')">transmission</span>
line.The power transmitted by this line was almost one-tenth of the total power in the
entire province at that time.Wang won the National Science and Technology Progress Award鈥攐ne
- of China鈥檚 highest national honors鈥攆or his excellent performance.</p>
+ of China鈥檚 highest national honors鈥攆or his excellent performance.
+ </p>
<p>China鈥檚 UHV power network continues to expand,so Wang and his colleagues have set up an
innovation center to address new challenges.</p>
- <p>They have introduced more technologies including the use of drones for line inspection and
- maintenance.They have 240 drones and 80 operators,and they want to create an
- unmanned,digital and intelligent line inspection system.</p>
- <p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
+ <p>They have introduced more technologies including the use of drones for line
+ <span class="word-bc" @click="saveWord($event, 'inspection')">inspection</span>
+ and
+ <span class="word-bc" @click="saveWord($event, 'maintenance')">maintenance</span>
+ .They have 240 drones and 80 operators,and they want to create an
+ unmanned,\
+ <span class="word-bc" @click="saveWord($event, 'digital')">digital</span>
+ and
+ <span class="word-bc" @click="saveWord($event, 'intelligent')">intelligent</span>
+ line inspection system.
+ </p>
+ <p>Wang is now a father of two.His family gave him the biggest support.His
+ <span class="word-bc" @click="saveWord($event, 'dedication')">dedication</span>
+ has made
him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
- achieved more than 30 technological innovations.</p>
- <p>By the end of 2020,a total of 35 UHV projects had been completed or were under construction
+ <span class="word-bc" @click="saveWord($event, 'achieved')">achieved</span>
+ achieved more than 30 technological innovations.
+ </p>
+ <p>By the end of 2020,a total of 35 UHV projects had been completed or were under
+ <span class="word-bc" @click="saveWord($event, 'construction')">construction</span>
in China.Their total length is 48 000 kilometers.China鈥檚 electricity network has the highest
- voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
+ voltage and the biggest transmission
+ <span class="word-bc" @click="saveWord($event, 'capacity')">capacity</span>
+ in the world.Thanks to technicians like Wang
and his colleagues,China hasn鈥檛 experienced a large-scale power outage in the past 10 years.
</p>
</div>
@@ -138,9 +170,8 @@
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
<p>voltage /藞v蓹蕣lt瑟d蕭/ <i>n.</i> 鐢靛帇</p>
<div class="bkbj">
<p><i>electrical force measured in volts</i></p>
@@ -302,7 +333,20 @@
<p>_________________________________________________________________</p>
<p>4.Those employees believe that challenges offer opportunities to learn.</p>
<p>_________________________________________________________________</p>
- <p><b>鈪�.Grammar focus:The simple past & past perfect tense.</b></p>
+ <p><b>鈪�.Grammar focus:The simple past & past perfect tense.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>A.Pick out two sentences of the simple past tense and the past perfect tense respectively
from the passage,and then write them down.</p>
<p><b>The simple past tense:</b></p>
@@ -561,7 +605,20 @@
<p>3.give up_________________________________________</p>
<p>4.turn in_________________________________________</p>
<p>5.address ...to ..._____________________________</p>
- <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</b></p>
+ <p><b>鈪�.Grammar focus:Conjunctions (and,or,but).</b>
+ <span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Read the examples and complete the sentences with <i>and</i>,<i>or</i>,or <i>but</i>.</p>
<p><b>Examples:</b></p>
<div class="fieldset-8">
@@ -885,13 +942,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar7-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar7-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
@@ -1254,7 +1313,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
diff --git a/src/books/English/view/components/chapter008.vue b/src/books/English/view/components/chapter008.vue
index d7943a9..60811f7 100644
--- a/src/books/English/view/components/chapter008.vue
+++ b/src/books/English/view/components/chapter008.vue
@@ -81,11 +81,17 @@
<p class="center"> <audio :src="resource.listenOne" controls
controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
<p>Everyone鈥檚 first job is special.There are a couple of reasons for this:the experience is
- burned into one鈥檚 memory; it gives you the practice needed to fulfill other positions; and
- it teaches you about the value of money.</p>
- <p>When I was sixteen years old,I wanted to buy a new speed cube,but I did not have any money.My
+ burned into one鈥檚 memory; it gives you the practice needed to
+ <span class="word-bc" @click="saveWord($event, 'fulfill')">fulfill</span>
+ other positions; and
+ it teaches you about the value of money.
+ </p>
+ <p>When I was sixteen years old,I wanted to buy a new speed
+ <span class="word-bc" @click="saveWord($event, 'cube')">cube</span>
+ ,but I did not have any money.My
parents were not the type of people to give money to me out of nowhere,or even for work done
- at home.I had to find work in order to purchase one.</p>
+ at home.I had to find work in order to purchase one.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -108,21 +114,43 @@
<!-- 鍐呭 -->
<div class="padding-93">
<div class="bodystyle">
- <p>So,I inquired as to who could give me work around town.I lived in the town of Woodway,which
- had enough people,especially elderly people,who needed help in their yards.I went to the
- oldest person I knew in my neighbourhood,Mrs.Hudson.She was over eighty years old,and could
+ <p>So,I
+ <span class="word-bc" @click="saveWord($event, 'inquired')">inquired</span>
+ as to who could give me work around town.I lived in the town of Woodway,which
+ had enough people,especially
+ <span class="word-bc" @click="saveWord($event, 'elderly')">elderly</span>
+ people,who needed help in their yards.I went to the
+ oldest person I knew in my
+ <span class="word-bc" @click="saveWord($event, 'neighbourhood')">neighbourhood</span>
+ ,Mrs.Hudson.She was over eighty years old,and could
not tend her garden anymore.She had flowers,a grass lawn,and some tomato plants.I knocked on
her door,building up enough courage to ask her for work.She answered that indeed she needed
- help in her garden.</p>
- <p>My first job was to pull out weeds.I got down on my knees with foam protectors and began to
- pull out weeds one by one in her front yard and backyard.After this tedious task,I mowed her
- lawn鈥攆ront and back.That was it for my first day,and it took me about two hours.I asked her
+ help in her garden.
+ </p>
+ <p>My first job was to pull out
+ <span class="word-bc" @click="saveWord($event, 'weeds')">weeds</span>
+ .I got down on my knees with
+ <span class="word-bc" @click="saveWord($event, 'foam')">foam</span>
+ protectors and began to
+ pull out weeds one by one in her front yard and backyard.After this
+ <span class="word-bc" @click="saveWord($event, 'tedious')">tedious</span>
+ task,I
+ <span class="word-bc" @click="saveWord($event, 'mowed')">mowed</span>
+ her
+ <span class="word-bc" @click="saveWord($event, 'lawn')">lawn</span>
+ 鈥攆ront and back.That was it for my first day,and it took me about two hours.I asked her
how much I would get paid,and she said,鈥淚 will give you $5 an hour.鈥� It was less than I
- thought I would get paid,but at least I had a job and the money for my cube.</p>
+ thought I would get paid,but at least I had a job and the money for my cube.
+ </p>
<p>I think everyone should get down on one鈥檚 knees and pull weeds.I think everyone should feel
- the burning sun on one鈥檚 back as they mow.It seems these experiences harden spirits and
- resolve.Besides this,a first job like this teaches you the value of money,and as sweat
- turned into the 鈥渃ube鈥�,it is something no one can take away.</p>
+ the burning sun on one鈥檚 back as they mow.It seems these experiences
+ <span class="word-bc" @click="saveWord($event, 'harden')">harden</span>
+ spirits and
+ <span class="word-bc" @click="saveWord($event, 'resolve')">resolve</span>
+ .Besides this,a first job like this teaches you the value of money,and as
+ <span class="word-bc" @click="saveWord($event, 'sweat')">sweat</span>
+ turned into the 鈥渃ube鈥�,it is something no one can take away.
+ </p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
@@ -307,7 +335,20 @@
<p>4.Wang Yaping with resolve won her family鈥檚 support to be the first woman in China鈥檚 new
space station.</p>
<p>____________________________________________________</p>
- <p><b>鈪�.Grammar focus:The simple present & past tense.</b></p>
+ <p><b>鈪�.Grammar focus:The simple present & past tense.</b>
+ <span class="btn-box" @click="showAnswer('showImg')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImg">
+ <img class="w100" :src="imgThirteen" />
+ </div>
<p>A.Based on the form of the underlined verbs tell us whether the following sentences are about
the past or the present.</p>
<p>锛坧resent锛�1.Everyone鈥檚 first job <span class="u">is</span> special.</p>
@@ -415,7 +456,6 @@
<p><b>In reality,it looks more like:</b></p>
<p class="center"><img class="img-a" alt="" src="../../assets/images/0154-1.jpg" /></p>
<h3 id="c069"><span class="bjh3">Reading</span></h3>
-
<p>1.Working hard is only the first part of success.Making good choices is the second part.It
truly takes both to achieve success at whatever you do.What鈥檚 your interpretation of the
sentence?</p>
@@ -424,9 +464,12 @@
<p class="center"><audio :src="resource.readingTwo" controls
controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
@play="audioPlay"></audio></p>
- <p>We spend a large portion of our lives working,so how we spend those years matters.It is
+ <p>We spend a large
+ <span class="word-bc" @click="saveWord($event, 'portion')">portion</span>
+ of our lives working,so how we spend those years matters.It is
beneficial to find a career that will bring satisfaction and happiness rather than find one
- based on income.</p>
+ based on income.
+ </p>
</div>
</div>
<div class="preface-bottom">
@@ -453,33 +496,56 @@
said.</p>
<p>When we have a job that we love,we are more productive and satisfied.There is more passion to
get up in the morning and begin working.There are more positive emotions associated with
- doing something we care about.Sometimes people choose a certain profession because of past
- experiences.</p>
+ doing something we care about.Sometimes people choose a certain
+ <span class="word-bc" @click="saveWord($event, 'profession')">profession</span>
+ because of past
+ experiences.
+ </p>
<p>Someone may choose to be an actor because they want others to be happy.Someone may choose to
- be a doctor because someone they knew was ill.Someone may choose to be a vet because they
+ be a doctor because someone they knew was ill.Someone may choose to be a
+ <span class="word-bc" @click="saveWord($event, 'vet')">vet</span>
+ because they
care about animals.These past experiences may influence a career,and the career may provide
- more satisfaction and a sense of purpose.</p>
+ more satisfaction and a sense of purpose.
+ </p>
<p>We shouldn鈥檛 spend a lot of time worrying about where we should be.Things will fall into
place as they are meant to.There isn鈥檛 one correct path and everyone鈥檚 life is different.We
- may face challenges that bring greater outcomes later on.</p>
+ may face challenges that bring greater
+ <span class="word-bc" @click="saveWord($event, 'outcomes')">outcomes</span>
+ later on.
+ </p>
<p>Some may argue that they need more money to survive and be happy.It is true that we need
money to survive,but after a certain amount it doesn鈥檛 give us any more happiness.It can
- provide necessities like food,water,clothes,and shelter.It can also provide luxuries like
+ provide
+ <span class="word-bc" @click="saveWord($event, 'necessities')">necessities</span>
+ like food,water,clothes,and
+ <span class="word-bc" @click="saveWord($event, 'shelter')">shelter</span>
+ .It can also provide
+ <span class="word-bc" @click="saveWord($event, 'luxuries')">luxuries</span>
+ like
vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
- enjoyment doesn鈥檛 last forever.We usually return to our baseline state shortly after.Every
- individual鈥檚 needs are different,but we can sometimes play a part in our emotional
- state.Having more luxury items and wants doesn鈥檛 bring happiness that lasts.</p>
- <p>Having a career that we are passionate about,one that gives our life a sense of purpose,and
- one that we are comfortable with is important.Finding a career shouldn鈥檛 be based on income
+ enjoyment doesn鈥檛 last forever.We usually return to our
+ <span class="word-bc" @click="saveWord($event, 'baseline')">baseline</span>
+ state shortly after.Every
+ individual鈥檚 needs are different,but we can sometimes play a part in our
+ <span class="word-bc" @click="saveWord($event, 'emotional')">emotional</span>
+ state.Having more luxury items and wants doesn鈥檛 bring happiness that lasts.
+ </p>
+ <p>Having a career that we are
+ <span class="word-bc" @click="saveWord($event, 'passionate')">passionate</span>
+ about,one that gives our life a sense of purpose,and
+ one that we are
+ <span class="word-bc" @click="saveWord($event, 'comfortable')">comfortable</span>
+ with is important.Finding a career shouldn鈥檛 be based on income
or forced.We spend a huge amount of our lives working,so we should spend this time doing
- something we are passionate about.</p>
+ something we are passionate about.
+ </p>
<p class="fl al-cn mt-40">
<span class="zt-cs" style="font-size: 20px">Words & Expressions</span>
<span class="line-border-box"></span>
</p>
- <p class="center"> <audio :src="resource.readingTwo" controls
- controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
- @play="audioPlay"></audio></p>
+ <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+ style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
<p>portion /藞p蓴藧蕛n/ <i>n.</i>閮ㄥ垎</p>
<div class="bkbj">
<p><i>one part of sth.larger</i></p>
@@ -638,7 +704,19 @@
<p>3.Anyone hired into the company must___________the system.</p>
<p>4.You must accept___________the blame for this crisis.</p>
<p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
- <p><b>鈪�.Grammar focus:Pronouns (it,one).</b></p>
+ <p><b>鈪�.Grammar focus:Pronouns (it,one).</b><span class="btn-box" @click="showAnswer('showImgOne')">
+ <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+ xmlns="http://www.w3.org/2000/svg" p-id="30864"
+ xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+ <path
+ d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+ p-id="30865"></path>
+ </svg>
+ </span>
+ </p>
+ <div class="openImgBox" v-if="showImgOne">
+ <img class="w100" :src="imgThirteenOne" />
+ </div>
<p>Read the examples and complete the sentences with <i>it</i> or <i>one</i>.</p>
<p><b>Examples:</b></p>
<div class="fieldset-2">
@@ -935,13 +1013,15 @@
},
data() {
return {
- imgThirteen: require("../../assets/images/grammar.jpg"),
+ imgThirteen: require("../../assets/images/grammar8-1.png"),
+ imgThirteenOne: require("../../assets/images/grammar8-2.png"),
showAnswerOne: false,
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
showAnswerFive: false,
showImg: false,
+ showImgOne: false,
showQuestionAnswer: false,
rawData: {
left: [
@@ -1304,7 +1384,10 @@
showAnswer(type) {
if (type == "showImg") {
this.showImg = !this.showImg;
+ } else if (type == "showImgOne") {
+ this.showImgOne = !this.showImgOne;
}
+ setTimeout(() => { this.$emit("initViewer", "") }, 500)
},
handleQuestion(type) {
if (type == "one") {
diff --git a/src/books/English/view/components/index.vue b/src/books/English/view/components/index.vue
index c78fa13..fc98ffc 100644
--- a/src/books/English/view/components/index.vue
+++ b/src/books/English/view/components/index.vue
@@ -14,24 +14,53 @@
></pageHeader>
<chapterOne
@saveCharacters="saveCharacters"
+ @initViewer="initViewer"
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
></chapterOne>
<chapterTwo
@saveCharacters="saveCharacters"
+ @initViewer="initViewer"
v-if="showCatalogList.indexOf(3) > -1"
:showPageList="loadPageList"
></chapterTwo>
<chapterThree
@saveCharacters="saveCharacters"
+ @initViewer="initViewer"
v-if="showCatalogList.indexOf(4) > -1"
:showPageList="loadPageList"
></chapterThree>
<chapterFour
@saveCharacters="saveCharacters"
+ @initViewer="initViewer"
v-if="showCatalogList.indexOf(5) > -1"
:showPageList="loadPageList"
></chapterFour>
+ <chapterFive
+ @saveCharacters="saveCharacters"
+ @initViewer="initViewer"
+ v-if="showCatalogList.indexOf(6) > -1"
+ :showPageList="loadPageList"
+ ></chapterFive>
+ <chapterSix
+ @saveCharacters="saveCharacters"
+ @initViewer="initViewer"
+ v-if="showCatalogList.indexOf(7) > -1"
+ :showPageList="loadPageList"
+ ></chapterSix>
+ <chapterSeven
+ @saveCharacters="saveCharacters"
+ @initViewer="initViewer"
+ v-if="showCatalogList.indexOf(8) > -1"
+ :showPageList="loadPageList"
+ ></chapterSeven>
+ <chapterEight
+ @saveCharacters="saveCharacters"
+ @initViewer="initViewer"
+ v-if="showCatalogList.indexOf(9) > -1"
+ :showPageList="loadPageList"
+ ></chapterEight>
+
</div>
<miniAudio
:path="audioPath"
@@ -50,7 +79,7 @@
import chapterThree from "./chapter003.vue";
import chapterFour from "./chapter004.vue";
import chapterFive from "./chapter005.vue";
-import chapterSex from "./chapter006.vue";
+import chapterSix from "./chapter006.vue";
import chapterSeven from "./chapter007.vue";
import chapterEight from "./chapter008.vue";
import miniAudio from "@/components/miniAudio/index.vue";
@@ -739,7 +768,7 @@
chapterThree,
chapterFour,
chapterFive,
- chapterSex,
+ chapterSix,
chapterSeven,
chapterEight,
};
@@ -933,7 +962,7 @@
chapterThree,
chapterFour,
chapterFive,
- chapterSex,
+ chapterSix,
chapterSeven,
chapterEight,
miniAudio,
diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index aa0623d..76591d0 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -461,7 +461,7 @@
.text{
margin: 0 8%;
font-family: "STkaiti";
- font-size: 19px;
+
}
.text1{
margin-bottom: 3%;
diff --git a/src/books/artAndDrama/view/components/index.vue b/src/books/artAndDrama/view/components/index.vue
index 46e60b9..cec59d6 100644
--- a/src/books/artAndDrama/view/components/index.vue
+++ b/src/books/artAndDrama/view/components/index.vue
@@ -4,7 +4,7 @@
<div id="searchContent"></div>
</div>
<div class="page-content" :style="{
- fontSize: fontSize ? fontSize + 'px' : '16px',
+ fontSize: fontSize ? fontSize + 'px' : '19px',
transform: `scale(${pageZoom ? pageZoom : 1})`,
transformOrigin: 'center top',
}">
--
Gitblit v1.9.1