From cb551b7bd09783e1318f8aa51d2e11c2beb30c96 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 24 五月 2024 16:51:39 +0800
Subject: [PATCH] 英语优化
---
src/books/English/view/components/chapter001.vue | 382 ++++++++++++++++++++++++++++++++++--------------------
src/books/English/assets/main.less | 4
2 files changed, 245 insertions(+), 141 deletions(-)
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 73549f3..3ca5462 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -899,6 +899,10 @@
.pd-5 {
padding: 0 5px;
}
+ .resource-primary-border {
+ border: 3px dotted #f49a4c;
+ border-radius: 1em;
+ }
}
/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
@media (max-width: 660px) {
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 326ee76..68e18a3 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -1254,28 +1254,64 @@
>
<span class="word-bc mr-20 dl-span" @click="saveWord('ancient')"
>ancient</span
- ><span class="word-bc mr-20 dl-span" @click="saveWord('incredible')"
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord('incredible')"
>incredible</span
><span class="word-bc mr-20 dl-span" @click="saveWord('unique')"
>unique</span
- ><span class="word-bc mr-20 dl-span" @click="saveWord('traditional')"
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord('traditional')"
>traditional</span
- ><span class="word-bc mr-20 dl-span" @click="saveWord('outstanding')"
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord('outstanding')"
>outstanding</span
- ><span class="word-bc mr-20 dl-span" @click="saveWord('mouth-watering')"
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord('mouth-watering')"
>mouth-watering</span
><span class="word-bc mr-20 dl-span" @click="saveWord('diverse')"
>diverse</span
- ><span class="word-bc mr-20 dl-span" @click="saveWord('hospitable')"
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord('hospitable')"
>hospitable</span
- ><span class="word-bc mr-20 dl-span" @click="saveWord('enjoyable')"
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord('enjoyable')"
>enjoyable</span
- ><span class="word-bc mr-20 dl-span" @click="saveWord('memorable')"
+ ><span
+ class="word-bc mr-20 dl-span"
+ @click="saveWord('memorable')"
>memorable</span
><span class="word-bc mr-20 dl-span" @click="saveWord('charming')"
>charming</span
>
</p>
+ </div>
+ <div class="resource-primary-border" style="padding: 8px">
+ <el-carousel
+ :autoplay="false"
+ trigger="click"
+ class="bones-carousel carousel-image"
+ arrow="always"
+ indicator-position="none"
+ >
+ <el-carousel-item
+ v-for="(item, index) in pptList"
+ :key="index"
+ class="bones-carousel-item"
+ >
+ <el-image
+ :src="item"
+ :preview-src-list="pptList"
+ :preview-teleported="true"
+ class="open-image"
+ />
+ </el-carousel-item>
+ </el-carousel>
</div>
</div>
</div>
@@ -1314,153 +1350,191 @@
</div>
<div class="fl ju-bt">
<div class="left" style="width: 48%">
- <p class="center">
- <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
- </p>
- <p class="center">
- 1.
- <select v-model="dropdownData.one.value">
- <option
- v-for="(item, index) in dropDownList"
- :key="index"
- :value="item"
- >
- {{ item }}
- </option>
- </select>
- <span class="icon-box">
- <i
- class="el-icon-check correct-icon"
- v-if="dropdownData.one.isRight"
- ></i>
- <i
- class="el-icon-close error-icon"
- v-if="dropdownData.one.isRight == false"
- ></i>
- </span>
+ <div>
+ <p class="center">
+ <el-image :src="imgSeven" :preview-src-list="[imgSeven]" />
+ </p>
+ <p class="center">
+ 1.
+ <select v-model="dropdownData.one.value">
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="dropdownData.one.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="dropdownData.one.isRight == false"
+ ></i>
+ </span>
+ </p>
+ </div>
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
+ 绛旀锛欳hinese knot
</p>
</div>
<div class="right" style="width: 48%">
- <p class="center">
- <el-image
- :src="imgEnight"
- :preview-src-list="[imgEnight]"
- style="width: 98%"
- />
- </p>
- <p class="center">
- 2.
- <select v-model="dropdownData.two.value">
- <option
- v-for="(item, index) in dropDownList"
- :key="index"
- :value="item"
- >
- {{ item }}
- </option>
- </select>
- <span class="icon-box">
- <i
- class="el-icon-check correct-icon"
- v-if="dropdownData.two.isRight"
- ></i>
- <i
- class="el-icon-close error-icon"
- v-if="dropdownData.two.isRight == false"
- ></i>
- </span>
+ <div>
+ <p class="center">
+ <el-image
+ :src="imgEnight"
+ :preview-src-list="[imgEnight]"
+ style="width: 98%"
+ />
+ </p>
+ <p class="center">
+ 2.
+ <select v-model="dropdownData.two.value">
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="dropdownData.two.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="dropdownData.two.isRight == false"
+ ></i>
+ </span>
+ </p>
+ </div>
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
+ 绛旀锛欳hinese knot
</p>
</div>
</div>
<div class="fl ju-bt">
<div class="left" style="width: 48%">
- <p class="center">
- <el-image :src="imgNine" :preview-src-list="[imgNine]" />
- </p>
- <p class="center">
- 3.
- <select v-model="dropdownData.three.value">
- <option
- v-for="(item, index) in dropDownList"
- :key="index"
- :value="item"
- >
- {{ item }}
- </option>
- </select>
- <span class="icon-box">
- <i
- class="el-icon-check correct-icon"
- v-if="dropdownData.three.isRight"
- ></i>
- <i
- class="el-icon-close error-icon"
- v-if="dropdownData.three.isRight == false"
- ></i>
- </span>
+ <div>
+ <p class="center">
+ <el-image :src="imgNine" :preview-src-list="[imgNine]" />
+ </p>
+ <p class="center">
+ 3.
+ <select v-model="dropdownData.three.value">
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="dropdownData.three.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="dropdownData.three.isRight == false"
+ ></i>
+ </span>
+ </p>
+ </div>
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
+ 绛旀锛欳hinese knot
</p>
</div>
<div class="right" style="width: 48%">
- <p class="center">
- <el-image
- :src="imgTen"
- :preview-src-list="[imgTen]"
- style="width: 94%"
- />
- </p>
- <p class="center">
- 4.
- <select v-model="dropdownData.four.value">
- <option
- v-for="(item, index) in dropDownList"
- :key="index"
- :value="item"
- >
- {{ item }}
- </option>
- </select>
- <span class="icon-box">
- <i
- class="el-icon-check correct-icon"
- v-if="dropdownData.four.isRight"
- ></i>
- <i
- class="el-icon-close error-icon"
- v-if="dropdownData.four.isRight == false"
- ></i>
- </span>
+ <div>
+ <p class="center">
+ <el-image
+ :src="imgTen"
+ :preview-src-list="[imgTen]"
+ style="width: 94%"
+ />
+ </p>
+ <p class="center">
+ 4.
+ <select v-model="dropdownData.four.value">
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="dropdownData.four.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="dropdownData.four.isRight == false"
+ ></i>
+ </span>
+ </p>
+ </div>
+ <p
+ class="event-header-text-bc pd-5"
+ style="width: 90%"
+ v-if="showAnswerFive"
+ >
+ 绛旀锛欳hinese knot
</p>
</div>
</div>
<div class="fl ju-bt">
<div class="left" style="width: 48%">
- <p class="center">
- <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
- </p>
- <p class="center">
- 5.
- <select v-model="dropdownData.five.value">
- <option
- v-for="(item, index) in dropDownList"
- :key="index"
- :value="item"
- >
- {{ item }}
- </option>
- </select>
- <span class="icon-box">
- <i
- class="el-icon-check correct-icon"
- v-if="dropdownData.five.isRight"
- ></i>
- <i
- class="el-icon-close error-icon"
- v-if="dropdownData.five.isRight == false"
- ></i>
- </span>
- </p>
+ <div>
+ <p class="center">
+ <el-image :src="imgEleven" :preview-src-list="[imgEleven]" />
+ </p>
+ <p class="center">
+ 5.
+ <select v-model="dropdownData.five.value">
+ <option
+ v-for="(item, index) in dropDownList"
+ :key="index"
+ :value="item"
+ >
+ {{ item }}
+ </option>
+ </select>
+ <span class="icon-box">
+ <i
+ class="el-icon-check correct-icon"
+ v-if="dropdownData.five.isRight"
+ ></i>
+ <i
+ class="el-icon-close error-icon"
+ v-if="dropdownData.five.isRight == false"
+ ></i>
+ </span>
+ </p>
+ </div>
</div>
<div class="right" style="width: 48%">
<p class="center">
@@ -1498,7 +1572,7 @@
<button @click="setDropdownData">淇濆瓨</button>
<button>鎻愪氦</button>
<button @click="handleDropdown('judge')">鍒ゆ柇姝ｇ‘</button>
- <button @click="handleDropdown('answer')">鏌ョ湅绛旀</button>
+ <button @click="showAnswerFive = !showAnswerFive">鏌ョ湅绛旀</button>
</div>
</div>
</div>
@@ -1532,6 +1606,7 @@
showAnswerTwo: false,
showAnswerThree: false,
showAnswerFour: false,
+ showAnswerFive: false,
showImg: false,
showQuestionAnswer: false,
questionData: {
@@ -1672,8 +1747,35 @@
answer: "facial recognition",
},
},
- pptList:[
- ]
+ pptList: [
+ require("../../assets/images/ppt/ppt_01.png"),
+ require("../../assets/images/ppt/ppt_02.png"),
+ require("../../assets/images/ppt/ppt_03.png"),
+ require("../../assets/images/ppt/ppt_04.png"),
+ require("../../assets/images/ppt/ppt_05.png"),
+ require("../../assets/images/ppt/ppt_06.png"),
+ require("../../assets/images/ppt/ppt_07.png"),
+ require("../../assets/images/ppt/ppt_08.png"),
+ require("../../assets/images/ppt/ppt_09.png"),
+ require("../../assets/images/ppt/ppt_10.png"),
+ require("../../assets/images/ppt/ppt_11.png"),
+ require("../../assets/images/ppt/ppt_12.png"),
+ require("../../assets/images/ppt/ppt_13.png"),
+ require("../../assets/images/ppt/ppt_14.png"),
+ require("../../assets/images/ppt/ppt_15.png"),
+ require("../../assets/images/ppt/ppt_16.png"),
+ require("../../assets/images/ppt/ppt_17.png"),
+ require("../../assets/images/ppt/ppt_18.png"),
+ require("../../assets/images/ppt/ppt_19.png"),
+ require("../../assets/images/ppt/ppt_20.png"),
+ require("../../assets/images/ppt/ppt_21.png"),
+ require("../../assets/images/ppt/ppt_22.png"),
+ require("../../assets/images/ppt/ppt_23.png"),
+ require("../../assets/images/ppt/ppt_24.png"),
+ require("../../assets/images/ppt/ppt_25.png"),
+ require("../../assets/images/ppt/ppt_26.png"),
+ require("../../assets/images/ppt/ppt_27.png"),
+ ],
};
},
mounted() {
@@ -1761,8 +1863,6 @@
item.value == item.answer
? (item.isRight = true)
: (item.isRight = false);
- } else if (type == "answer") {
- item.value = item.answer;
}
}
this.dropdownData = dropdownDatas;
--
Gitblit v1.9.1