From 6464d968c5049caa0a8c243e37058d237ad78b3e Mon Sep 17 00:00:00 2001 From: unknown <qq1940665526@163.com> Date: 星期五, 31 五月 2024 14:54:12 +0800 Subject: [PATCH] 优化 --- src/books/English/view/components/chapter001.vue | 68 ++++++++++++++++++++++------------ 1 files changed, 44 insertions(+), 24 deletions(-) diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index 8dc5e7f..0767589 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/src/books/English/view/components/chapter001.vue @@ -830,11 +830,19 @@ > </p> </div> - <p>get selected as ...琚�変负鈥︹��</p> - <p>(a) variety of ...鍚勭鍚勬牱鐨勨�︹��</p> - <p>come across 鍋堕亣锛涚鍒�</p> - <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p> - <p>along the way 娌块��</p> + <ul class="w100 fl fw-wr"> + <li> + <p>get selected as ...琚�変负鈥︹��</p> + <p>(a) variety of ...鍚勭鍚勬牱鐨勨�︹��</p> + <p>come across 鍋堕亣锛涚鍒�</p> + </li> + <li> + <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p> + <p>along the way 娌块��</p> + </li> + </ul> + + <div class="bj-note"> <p class="m0"><b class="fz-18">Notes:</b></p> <p class="m0"> @@ -1664,7 +1672,7 @@ </div> <div class="resource-primary-border" style="padding: 8px"> <div class="banshi openImgBox"> - <div class="swiper-container swiper-ppt"> + <div class="swiper-container swiper_ppt"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgBox" style="width: 100%; height: 100%"> @@ -1804,9 +1812,10 @@ </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> - <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> - <div class="pagination-info"></div> + <div class="pageBox"></div> </div> + <!-- 鏄剧ず褰撳墠椤靛拰鎬婚〉鏁扮殑鍏冪礌 --> + </div> </div> </div> @@ -2298,13 +2307,14 @@ <script> import getResourcePath from "@/assets/methods/resources"; - +import Swiper from "swiper/bundle"; +import "swiper/swiper-bundle.css"; export default { name: "chapter-one", - props:{ - showPageList:{ - type:Array - } + props: { + showPageList: { + type: Array, + }, }, data() { return { @@ -2316,6 +2326,8 @@ showAnswerFive: false, showImg: false, showQuestionAnswer: false, + // pageNum: "1", + // total: "27", questionData: { warnUp: { one: { @@ -2367,7 +2379,7 @@ }, }, testData: { - check:[], + check: [], tx: { one: "", two: "", @@ -2480,9 +2492,9 @@ localStorage.setItem("english-testOne", JSON.stringify(this.testData)); }, changeTestData() { - localStorage.removeItem("english-testOne") + localStorage.removeItem("english-testOne"); this.testData = { - check:[], + check: [], tx: { one: "", two: "", @@ -2524,7 +2536,7 @@ four: "", five: "", }, - } + }; }, setBookQuestion() { localStorage.setItem( @@ -2594,11 +2606,11 @@ this.dropdownData = dropdownDatas; }, changeDropdown() { - localStorage.removeItem("english-dropdown-one") - for(let key in this.dropdownData) { - const item = this.dropdownData[key] - item.value = "" - item.isRight = null + localStorage.removeItem("english-dropdown-one"); + for (let key in this.dropdownData) { + const item = this.dropdownData[key]; + item.value = ""; + item.isRight = null; } }, setDropdownData() { @@ -2609,7 +2621,7 @@ }, saveData() { console.log(this.testData); - } + }, }, }; </script> @@ -2646,7 +2658,7 @@ font-size: 14px; border-width: 1px; min-width: 80px; - min-height: 28px; + height: 30px; background-color: #fff; &:hover { background-color: #0bab87; @@ -2654,11 +2666,19 @@ } } .banshi { + position: relative; margin-top: 40px; width: 100%; height: 350px; margin: 0 auto; } +.pageBox { + z-index: 9999999999; + color: #999; + position: absolute; + left: 48%; + bottom: 0px; +} select { height: 24px; } -- Gitblit v1.9.1