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 | 395 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 293 insertions(+), 102 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 0033da7..90be500 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -24,7 +24,7 @@
<div class="page-box" page="7">
<div class="w100 mb-20" style="padding-right: 20px">
<div
- class="w100 event-header-bc fl al-end"
+ class="event-header-bc fl al-end"
style="height: 100px; padding-left: 40px"
>
<div class="preface-header-box event-header-text-bc">
@@ -46,135 +46,251 @@
>
</p>
<div class="fl ju-bt">
- <div class="left" style="width:48%">
+ <div class="left" style="width: 48%">
<p class="center">
- <el-image
- :src="imgOne"
- :preview-src-list="[imgOne]"
- class="w100"
- />
+ <el-image :src="imgOne" :preview-src-list="[imgOne]" />
</p>
- <p class="center">1._____________________</p>
+ <p class="center">
+ 1.<input
+ v-model="questionData.warnUp.one.value"
+ class="input-bottom-border fz-18"
+ @blur="handleQuestion('one')"
+ />
+ <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%">
+ <div class="right" style="width: 48%">
<p class="center">
<el-image
- :src="imgTwo"
- :preview-src-list="[imgTwo]"
- class="w100"
- />
+ :src="imgTwo"
+ :preview-src-list="[imgTwo]"
+ style="width: 96%"
+ />
</p>
- <p class="center">2._____________________</p>
+ <p class="center">
+ 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>
<div class="fl ju-bt">
- <div class="left" style="width:48%">
+ <div class="left" style="width: 48%">
<p class="center">
- <el-image
- :src="imgThree"
- :preview-src-list="[imgThree]"
- class="w100"
- />
+ <el-image :src="imgThree" :preview-src-list="[imgThree]" />
</p>
- <p class="center">3._____________________</p>
+ <p class="center">
+ 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%">
+ <div class="right" style="width: 48%">
<p class="center">
<el-image
- :src="imgFour"
- :preview-src-list="[imgFour]"
- class="w100"
- />
+ :src="imgFour"
+ :preview-src-list="[imgFour]"
+ style="width: 94%"
+ />
</p>
- <p class="center">4._____________________</p>
+ <p class="center">
+ 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>
<div class="fl ju-bt">
- <div class="left" style="width:48%">
+ <div class="left" style="width: 48%">
<p class="center">
- <el-image
- :src="imgFive"
- :preview-src-list="[imgFive]"
- class="w100"
- />
+ <el-image :src="imgFive" :preview-src-list="[imgFive]" />
</p>
- <p class="center">5._____________________</p>
+ <p class="center">
+ 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%">
+ <div class="right" style="width: 48%">
<p class="center">
<el-image
- :src="imgSix"
- :preview-src-list="[imgSix]"
- class="w100"
- />
+ :src="imgSix"
+ :preview-src-list="[imgSix]"
+ style="width: 94%"
+ />
</p>
- <p class="center">6._____________________</p>
+ <p class="center">
+ 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><b>鈪�.What other symbols can you think of?</b></p>
- <p>_________________________________________</p>
+ <p class="t0">
+ <b>鈪�.What other symbols can you think of?</b>
+ <button class="parimary-btn" @click="showAnswer('seven')">
+ 鏄剧ず绛旀
+ </button>
+ </p>
+ <p class="t0">
+ <input
+ v-model="questionData.warnUp.seven"
+ class="input-bottom-border w100 fz-18"
+ />
+ </p>
</div>
</div>
<div class="preface-bottom">
<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
@@ -443,16 +559,91 @@
name: "chapter-one",
data() {
return {
- imgOne:require("../../assets/images/0012-1.jpg"),
- imgTwo:require("../../assets/images/0012-2.jpg"),
- imgThree:require("../../assets/images/0012-3.jpg"),
- imgFour:require("../../assets/images/0012-4.jpg"),
- imgFive:require("../../assets/images/0012-5.jpg"),
- imgSix:require("../../assets/images/0012-6.jpg"),
- }
- }
+ imgOne: require("../../assets/images/0012-1.jpg"),
+ imgTwo: require("../../assets/images/0012-2.jpg"),
+ imgThree: require("../../assets/images/0012-3.jpg"),
+ imgFour: require("../../assets/images/0012-4.jpg"),
+ imgFive: require("../../assets/images/0012-5.jpg"),
+ imgSix: require("../../assets/images/0012-6.jpg"),
+ questionData: {
+ warnUp: {
+ one: {
+ value: "",
+ isRight: null,
+ },
+ two: {
+ value: "",
+ isRight: null,
+ },
+ three: {
+ value: "",
+ isRight: null,
+ },
+ four: {
+ value: "",
+ isRight: null,
+ },
+ five: {
+ value: "",
+ isRight: null,
+ },
+ six: {
+ value: "",
+ isRight: null,
+ },
+ seven: "",
+ },
+ },
+ };
+ },
+ methods: {
+ showAnswer(type) {
+ if (type == "seven") {
+ this.questionData.warnUp.seven = "This is a good idear.";
+ }
+ },
+ handleQuestion(type) {
+ if (type == "one") {
+ 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>
+p {
+ font-size: 16px !important;
+}
+.bodystyle {
+ margin: 0 !important;
+}
</style>
--
Gitblit v1.9.1