From e5a42538eda99a4860bddc417e107ef230df8837 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 23 五月 2024 12:17:02 +0800
Subject: [PATCH] 合书
---
src/books/English/view/components/chapter001.vue | 291 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 210 insertions(+), 81 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index b0b8cf5..90be500 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -56,11 +56,16 @@
class="input-bottom-border fz-18"
@blur="handleQuestion('one')"
/>
- <i
- class="el-icon-check correct-icon"
- v-if="questionData.warnUp.one.isRight"
- ></i>
- <i class="el-icon-close error-icon" v-if="questionData.warnUp.one.isRight == false"></i>
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="questionData.warnUp.one.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="questionData.warnUp.one.isRight == false"
+ ></i>
+ </span>
</p>
</div>
<div class="right" style="width: 48%">
@@ -72,7 +77,21 @@
/>
</p>
<p class="center">
- 2.<input class="input-bottom-border fz-18" />
+ 2.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.two.value"
+ @blur="handleQuestion('two')"
+ />
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="questionData.warnUp.two.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="questionData.warnUp.two.isRight == false"
+ ></i>
+ </span>
</p>
</div>
</div>
@@ -83,7 +102,21 @@
<el-image :src="imgThree" :preview-src-list="[imgThree]" />
</p>
<p class="center">
- 3.<input class="input-bottom-border fz-18" />
+ 3.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.three.value"
+ @blur="handleQuestion('three')"
+ />
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="questionData.warnUp.three.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="questionData.warnUp.three.isRight == false"
+ ></i>
+ </span>
</p>
</div>
<div class="right" style="width: 48%">
@@ -95,7 +128,21 @@
/>
</p>
<p class="center">
- 4.<input class="input-bottom-border fz-18" />
+ 4.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.four.value"
+ @blur="handleQuestion('four')"
+ />
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="questionData.warnUp.four.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="questionData.warnUp.four.isRight == false"
+ ></i>
+ </span>
</p>
</div>
</div>
@@ -106,7 +153,21 @@
<el-image :src="imgFive" :preview-src-list="[imgFive]" />
</p>
<p class="center">
- 5.<input class="input-bottom-border fz-18" />
+ 5.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.five.value"
+ @blur="handleQuestion('five')"
+ />
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="questionData.warnUp.five.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="questionData.warnUp.five.isRight == false"
+ ></i>
+ </span>
</p>
</div>
<div class="right" style="width: 48%">
@@ -118,17 +179,31 @@
/>
</p>
<p class="center">
- 6.<input class="input-bottom-border fz-18" />
+ 6.<input
+ class="input-bottom-border fz-18"
+ v-model="questionData.warnUp.six.value"
+ @blur="handleQuestion('six')"
+ />
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="questionData.warnUp.six.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="questionData.warnUp.six.isRight == false"
+ ></i>
+ </span>
</p>
</div>
</div>
- <p>
+ <p class="t0">
<b>鈪�.What other symbols can you think of?</b>
<button class="parimary-btn" @click="showAnswer('seven')">
鏄剧ず绛旀
</button>
</p>
- <p>
+ <p class="t0">
<input
v-model="questionData.warnUp.seven"
class="input-bottom-border w100 fz-18"
@@ -140,60 +215,82 @@
<span class="contet-num-box">2</span>
</div>
</div>
+ <div class="page-box" page="8">
+ <ul class="preface-odd-header w100 fl ju-bt">
+ <li class=""></li>
+ <li>
+ <span class="chapter-left-bc">MODULE 1</span>
+ <span class="chapter-right-bc fw-bl chapter-right-cl">CHINA,A WONDERLAND</span>
+ </li>
+ </ul>
+ <div class="padding-102">
+ <div class="bodystyle">
+ <h3 id="c002"><span class="bjh3">Listening</span></h3>
+ <p>
+ <b
+ >Four foreigners are talking about their impressions on Chinese
+ culture.Listen to the recording and match the items with the
+ corresponding descriptions.</b
+ >
+ </p>
+ <p class="center">
+ <img class="img-g" alt="" src="../../assets/images/0013-1.jpg" />
+ </p>
+ <p class="center">
+ <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
+ </p>
+ <h3 id="c003"><span class="bjh3">Reading</span></h3>
+ <p class="center">
+ <img class="img-g" alt="" src="../../assets/images/0013-2.jpg" />
+ </p>
+ <p>
+ 1.How was Chinese culture introduced to the world in ancient times?
+ </p>
+ <p>
+ 2.China offers so much to see and explore.What took you by surprise
+ about China?
+ </p>
+ <p class="center"><b>My Experience in Wonderland</b></p>
+ <p class="block">
+ 鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly
+ enjoyable,鈥� responds Alice.鈥淵ou should visit it sometime.鈥�
+ </p>
+ <p class="right">
+ 鈥�<i>Alice in Wonderland </i>(鈥淭hrough the Looking Glass鈥�)
+ </p>
+ <p>
+ My incredible journey to China started in 2017 when I got selected
+ as a foreign student for PhD studies at one university.When I
+ arrived in China,I was like Alice in Alice in Wonderland.I was
+ curious about the people,the culture,the cuisine and of course the
+ huge variety of landscapes.
+ </p>
+ <p>
+ I found many great people and made several Chinese friends along the
+ way.These friends made me see China through the eyes of the locals.I
+ always found Chinese people very friendly and hospitable towards
+ foreigners.These Chinese friends made my understanding of Chinese
+ culture and civilization much easier,enjoyable and memorable.I
+ consider China my second home and love it like my own country!
+ </p>
+ <p>
+ You cannot explore China properly if you do not try its delicious
+ variety of food.If you ate
+ </p>
+ </div>
+ </div>
+ <div class="preface-bottom">
+ <span class="contet-num-box">3</span>
+ </div>
+ </div>
+ <!-- -->
<div class="bodystyle">
- <h3 id="c002"><span class="bjh3">Listening</span></h3>
<p>
- <b
- >Four foreigners are talking about their impressions on Chinese
- culture.Listen to the recording and match the items with the
- corresponding descriptions.</b
- >
- </p>
- <p class="center">
- <img class="img-g" alt="" src="../../assets/images/0013-1.jpg" />
- </p>
- <p class="center">
- <img class="img-0" alt="" src="../../assets/images/0013-3.jpg" />
- </p>
- <h3 id="c003"><span class="bjh3">Reading</span></h3>
- <p class="center">
- <img class="img-g" alt="" src="../../assets/images/0013-2.jpg" />
- </p>
- <p>1.How was Chinese culture introduced to the world in ancient times?</p>
- <p>
- 2.China offers so much to see and explore.What took you by surprise
- about China?
- </p>
- <p class="center"><b>My Experience in Wonderland</b></p>
- <p class="block">
- 鈥淪o how was your journey to China?鈥� asks Alexandra.鈥淗ighly enjoyable,鈥�
- responds Alice.鈥淵ou should visit it sometime.鈥�
- </p>
- <p class="right">
- 鈥�<i>Alice in Wonderland </i>(鈥淭hrough the Looking Glass鈥�)
- </p>
- <p>
- My incredible journey to China started in 2017 when I got selected as a
- foreign student for PhD studies at one university.When I arrived in
- China,I was like Alice in Alice in Wonderland.I was curious about the
- people,the culture,the cuisine and of course the huge variety of
- landscapes.
- </p>
- <p>
- I found many great people and made several Chinese friends along the
- way.These friends made me see China through the eyes of the locals.I
- always found Chinese people very friendly and hospitable towards
- foreigners.These Chinese friends made my understanding of Chinese
- culture and civilization much easier,enjoyable and memorable.I consider
- China my second home and love it like my own country!
- </p>
- <p>
- You cannot explore China properly if you do not try its delicious
- variety of food.If you ate a new kind of food every day for one whole
- year,the list of Chinese food would still never end! Though I love to
- eat almost all kinds of Chinese cuisine,I found Sichuan and Hunan
- cuisine quite mouth-watering and stimulating.For a foodie like me,China
- is a heaven.I simply cannot live without Chinese food.
+ a new kind of food every day for one whole year,the list of Chinese food
+ would still never end! Though I love to eat almost all kinds of Chinese
+ cuisine,I found Sichuan and Hunan cuisine quite mouth-watering and
+ stimulating.For a foodie like me,China is a heaven.I simply cannot live
+ without Chinese food.
</p>
<p>
Like I said earlier,China is a huge wonderland.It has thousands of years
@@ -472,32 +569,29 @@
warnUp: {
one: {
value: "",
- isRight:null,
+ isRight: null,
},
- two:{
- value:"",
- isRight:null,
- },
- three:{
+ two: {
value: "",
- isRight:null,
+ isRight: null,
},
- four:{
+ three: {
value: "",
- isRight:null,
+ isRight: null,
},
- five:{
+ four: {
value: "",
- isRight:null,
+ isRight: null,
},
- six:{
+ five: {
value: "",
- isRight:null,
+ isRight: null,
},
- seven:{
+ six: {
value: "",
- isRight:null,
+ isRight: null,
},
+ seven: "",
},
},
};
@@ -510,11 +604,46 @@
},
handleQuestion(type) {
if (type == "one") {
- return this.questionData.warnUp.one.value ? this.questionData.warnUp.one.isRight = this.questionData.warnUp.one.value == "浣犲ソ" : this.questionData.warnUp.one.isRight = null
+ this.questionData.warnUp.one.value
+ ? (this.questionData.warnUp.one.isRight =
+ this.questionData.warnUp.one.value == "浣犲ソ")
+ : (this.questionData.warnUp.one.isRight = null);
+ } else if (type == "two") {
+ this.questionData.warnUp.two.value
+ ? (this.questionData.warnUp.two.isRight =
+ this.questionData.warnUp.two.value == "浣犲ソ")
+ : (this.questionData.warnUp.two.isRight = null);
+ } else if (type == "three") {
+ this.questionData.warnUp.three.value
+ ? (this.questionData.warnUp.three.isRight =
+ this.questionData.warnUp.three.value == "浣犲ソ")
+ : (this.questionData.warnUp.three.isRight = null);
+ } else if (type == "four") {
+ this.questionData.warnUp.four.value
+ ? (this.questionData.warnUp.four.isRight =
+ this.questionData.warnUp.four.value == "浣犲ソ")
+ : (this.questionData.warnUp.four.isRight = null);
+ } else if (type == "five") {
+ this.questionData.warnUp.five.value
+ ? (this.questionData.warnUp.five.isRight =
+ this.questionData.warnUp.five.value == "浣犲ソ")
+ : (this.questionData.warnUp.five.isRight = null);
+ } else if (type == "six") {
+ this.questionData.warnUp.six.value
+ ? (this.questionData.warnUp.six.isRight =
+ this.questionData.warnUp.six.value == "浣犲ソ")
+ : (this.questionData.warnUp.six.isRight = null);
}
},
},
};
</script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+p {
+ font-size: 16px !important;
+}
+.bodystyle {
+ margin: 0 !important;
+}
+</style>
--
Gitblit v1.9.1