From bd4d2df3c20c2baea23567f57556a70a38e1960d Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 26 七月 2024 14:12:32 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/English/view/components/chapter001.vue | 148 ++++++++++++++++++++++++-------------------------
1 files changed, 73 insertions(+), 75 deletions(-)
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index ee6150f..50c34a2 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -359,7 +359,7 @@
shadow puppet show, traditional Chinese medicine, Peking Opera
scenery
</p>
- <p class="center"><b>My Experience in <span class="word-bc" @click="saveWord($event, 'Wonderland')">Wonderland</span> </b></p>
+ <p class="center"><b>My Experience in <span class="word-bc">Wonderland</span> </b></p>
<p class="center">
<audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
</p>
@@ -372,29 +372,29 @@
</p>
<p>
My
- <span class="word-bc" @click="saveWord($event, 'incredible')">incredible</span>
+ <span class="word-bc">incredible</span>
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
- <span class="word-bc" @click="saveWord($event, 'cuisine')">cuisine</span>
+ <span class="word-bc" >cuisine</span>
and of course the huge variety of
- <span class="word-bc" @click="saveWord($event, 'landscapes')">landscapes</span>.
+ <span class="word-bc">landscapes</span>.
</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
- <span class="word-bc" @click="saveWord($event, 'hospitable')">hospitable</span>
+ <span class="word-bc">hospitable</span>
towards foreigners.These Chinese friends made my understanding of
Chinese culture and
- <span class="word-bc" @click="saveWord($event, 'civilization')">civilization</span>
+ <span class="word-bc">civilization</span>
much easier,enjoyable and memorable.I consider China my second
home and love it like my own country!
</p>
<p>
You cannot
- <span class="word-bc" @click="saveWord($event, 'explore')">explore</span>
+ <span class="word-bc">explore</span>
China properly if you do not try its delicious variety of food.If
you ate
</p>
@@ -423,10 +423,10 @@
Chinese food would still never end! Though I love to eat almost
all kinds of Chinese cuisine,I found Sichuan and Hunan cuisine
quite
- <span class="word-bc" @click="saveWord($event, 'mouth-watering')">mouth-watering</span>
+ <span class="word-bc">mouth-watering</span>
and
- <span class="word-bc" @click="saveWord($event, 'stimulating')">stimulating</span>.For a
- <span class="word-bc" @click="saveWord($event, 'foodie')">foodie</span>
+ <span class="word-bc">stimulating</span>.For a
+ <span class="word-bc">foodie</span>
like me,China is a heaven.I simply cannot live without Chinese
food.
</p>
@@ -436,8 +436,8 @@
its own story and history.From the big and advanced cities like
Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
Hangzhou,each city has its
- <span class="word-bc" @click="saveWord($event, 'unique')">unique</span>
- <span class="word-bc" style="margin-left: 5px" @click="saveWord($event, 'atmosphere')">atmosphere</span>
+ <span class="word-bc">unique</span>
+ <span class="word-bc" style="margin-left: 5px">atmosphere</span>
that attracts you.I visited more than a dozen cities and came
across their charming features and unique landscapes such as
Huangshan,the Great Wall,Canton Tower.
@@ -1337,7 +1337,7 @@
</p>
<!-- 鎻愪氦鎸夐挳 -->
<div class="w100 fl ju-cn">
- <ul class="fl ju-ev" style="width:80%">
+ <ul class="fl ju-ev w80" >
<li>
<button class="btn-border btn-w" @click="saveData">
鎻愪氦
@@ -1461,18 +1461,18 @@
</p>
<div class="bk-wh">
<p class="dl-box">
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'exquisite')">exquisite</span>
- <span class="word-bc mr-20 dl-span" @click="saveWord($event, 'ancient')">ancient</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'incredible')">incredible</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'unique')">unique</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'traditional')">traditional</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'outstanding')">outstanding</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'mouth-watering')">mouth-watering</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'diverse')">diverse</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'hospitable')">hospitable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'enjoyable')">enjoyable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'memorable')">memorable</span><span
- class="word-bc mr-20 dl-span" @click="saveWord($event, 'charming')">charming</span>
+ <span class="word-bc mr-20 dl-span" >exquisite</span>
+ <span class="word-bc mr-20 dl-span">ancient</span><span
+ class="word-bc mr-20 dl-span" >incredible</span><span
+ class="word-bc mr-20 dl-span" >unique</span><span
+ class="word-bc mr-20 dl-span" >traditional</span><span
+ class="word-bc mr-20 dl-span" >outstanding</span><span
+ class="word-bc mr-20 dl-span" >mouth-watering</span><span
+ class="word-bc mr-20 dl-span" >diverse</span><span
+ class="word-bc mr-20 dl-span" >hospitable</span><span
+ class="word-bc mr-20 dl-span" >enjoyable</span><span
+ class="word-bc mr-20 dl-span" >memorable</span><span
+ class="word-bc mr-20 dl-span" >charming</span>
</p>
</div>
<div class="resource-primary-border" style="padding: 8px">
@@ -1959,35 +1959,35 @@
<p>
On August 31st,2012,as I landed my feet on Chinese ground,I
started to breathe in the air coming from the
- <span class="word-bc" @click="saveWord($event, 'breeze')">breeze</span>
+ <span class="word-bc">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
- <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" />
+ <span class="word-bc">Mausoleum</span>
+ .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
+ v-model="testData.tg.one" @change="setTestData" />
I looked around with curiosity,and everything seemed to move at a
quick
- <span class="word-bc" @click="saveWord($event, 'pace')">pace</span>.
+ <span class="word-bc">pace</span>.
</p>
<p>
Six months later,as I walked down the hall of my
- <span class="word-bc" @click="saveWord($event, 'dormitory')">dormitory</span>
+ <span class="word-bc">dormitory</span>
,I met
my
- <span class="word-bc" @click="saveWord($event, 'neighbour')">neighbour</span>
+ <span class="word-bc">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
- <span class="word-bc" @click="saveWord($event, 'via')">via</span>
+ <span class="word-bc">via</span>
an online shop.鈥� I went to
my room to turn on my
- <span class="word-bc" @click="saveWord($event, 'laptop')">laptop</span>
+ <span class="word-bc">laptop</span>
and typed in the key words.I was
- <span class="word-bc" @click="saveWord($event, 'stunned')">stunned</span>
+ <span class="word-bc">stunned</span>
; I couldn鈥檛 believe my eyes.It is actually an online
shopping website where you can buy anything you can think of.
</p>
@@ -1995,39 +1995,39 @@
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
- <span class="word-bc" @click="saveWord($event, 'triggered')">triggered</span>
+ <span class="word-bc" >triggered</span>
my attention.With the
help of my classmates,I finally got my own online payment
account.This is an absolute
- <span class="word-bc" @click="saveWord($event, 'gadget')">gadget</span>
+ <span class="word-bc">gadget</span>
,very convenient and easy to
use.With the start of this new
- <span class="word-bc" @click="saveWord($event, 'era')">era</span>
+ <span class="word-bc">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" />
+ B.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
+ v-model="testData.tg.two" @change="setTestData" />
I went through all the necessary procedures and couldn鈥檛 wait to
ride my first shared bike.
</p>
<p>
Last but not least,nearly at the end of 2016,the ordering
platforms made their appearance on all Chinese phones.C.<input :disabled="testData.isComplete" type="text"
- class="input-bottom-border" style="width: 120px" v-model="testData.in.one" @change="setTestData" />
+ class="input-bottom-border" style="width: 75%" v-model="testData.tg.three" @change="setTestData" />
What makes my life easier is that I can buy vegetables and fruits
online and get them delivered to my door.
</p>
<p>
The five aspects that I mentioned above changed the life of
millions of people around China.The Chinese
- <span class="word-bc" @click="saveWord($event, 'economy')">economy</span>
+ <span class="word-bc">economy</span>
is
- <span class="word-bc" @click="saveWord($event, 'booming')">booming</span>
+ <span class="word-bc">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>
+ <span class="word-bc" >potential</span>
.
</p>
</div>
@@ -2183,7 +2183,7 @@
blanks.
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.one.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
:value="item">
@@ -2209,7 +2209,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.two.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
:value="item">
@@ -2235,7 +2235,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownChoiceData.three.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownChoiceData.dropDownListChoice" :key="index"
:value="item">
@@ -2269,7 +2269,7 @@
(F).
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.one.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
:value="item">
@@ -2294,7 +2294,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.two.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
:value="item">
@@ -2320,7 +2320,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.three.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
:value="item">
@@ -2346,7 +2346,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.four.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
:value="item">
@@ -2372,7 +2372,7 @@
</span>
</p>
<p>
- ( <select :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
+ ( <select class="select-border" :disabled="testOneData.isComplete" v-model="testOneData.dropdownDetermineData.five.value"
style="width: 8%">
<option v-for="(item, index) in testOneData.dropdownDetermineData.dropDownListDetermine" :key="index"
:value="item">
@@ -2756,7 +2756,7 @@
</p>
</div>
<p>
- 1.It is actually an online shopping website.( <select :disabled="testOneData.isComplete"
+ 1.It is actually an online shopping website.( <select class="select-border" :disabled="testOneData.isComplete"
v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
@@ -2781,7 +2781,7 @@
</span>
</p>
<p>
- 2.Vanessa finally got her own online payment account. ( <select :disabled="testOneData.isComplete"
+ 2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete"
v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
@@ -2807,7 +2807,7 @@
</p>
<p>
3.China offers researchers world-class advanced research
- facilities in the institutes. ( <select :disabled="testOneData.isComplete"
+ facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete"
v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
@@ -2833,7 +2833,7 @@
</p>
<p>
4.These friends made Vanessa see China through the eyes of the
- locals. ( <select :disabled="testOneData.isComplete"
+ locals. ( <select class="select-border" :disabled="testOneData.isComplete"
v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
@@ -2858,7 +2858,7 @@
</span>
</p>
<p>
- 5.The list of Chinese food never ends. ( <select :disabled="testOneData.isComplete"
+ 5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete"
v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
<option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
:value="item">
@@ -2888,8 +2888,8 @@
5.S+V
</p>
<!-- 鎻愪氦鎸夐挳 -->
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
<li>
<button class="btn-border btn-w" @click="savaDataOne">
鎻愪氦
@@ -3501,8 +3501,8 @@
绛旀锛� (1)experience Chinese handicraft (2)paper cutting contest (3)design the posters
(4)handicraftsmen to show their talent (5)arrange the room set-up
</p>
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
<li>
<button class="btn-border btn-w" @click="savaDataTwo">
鎻愪氦
@@ -3886,8 +3886,8 @@
<p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
绛旀锛歂ame of the event,Date & time,Address,Organizer
</p>
- <div class="w100 fl">
- <ul class="fl ju-ar w100">
+ <div class="w100 fl ju-cn">
+ <ul class="fl ju-ar w80">
<li>
<button class="btn-border btn-w" @click="savaCheck">
鎻愪氦
@@ -4605,6 +4605,11 @@
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
},
+ tg:{
+ one:"",
+ two:"",
+ three:"",
+ },
},
//page12-13棰橀泦
testOneData: {
@@ -4842,9 +4847,6 @@
this.getPath();
},
methods: {
- saveWord(event, word) {
- this.$emit("saveCharacters", event, word);
- },
setTestData() {
localStorage.setItem("english-testOne", JSON.stringify(this.testData));
},
@@ -4912,6 +4914,11 @@
four: "",
five: "",
answer: ["whether", "if", "whether", "whether", "If"],
+ },
+ tg:{
+ one:"",
+ two:"",
+ three:"",
},
};
},
@@ -5245,15 +5252,6 @@
position: fixed;
right: 0;
background-color: red;
-}
-
-.select-border {
- border: 0;
- border-bottom: 1px solid #767676;
-
- &:focus {
- outline: none;
- }
}
.poster-img {
--
Gitblit v1.9.1