From 3465a4b37d56e4a737309ebb7f2965dfcb2090a0 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 29 五月 2024 21:21:01 +0800 Subject: [PATCH] 英语优化 --- src/books/embedded/view/components/chapter001.vue | 230 +++++++++++----- src/books/English/assets/images/grammar.jpg | 0 src/books/English/view/components/chapter001.vue | 534 ++++++++++++++++++++++--------------- src/books/English/assets/images/Cover.jpg | 0 src/books/English/view/components/header.vue | 16 src/App.vue | 2 src/books/English/assets/main.less | 5 src/books/childHealth/view/content/components/chapter001.vue | 2 src/books/childHealth/view/content/index.vue | 2 src/books/English/assets/images/icon/2钩.svg | 7 src/books/English/assets/images/icon/错误-copy.svg | 7 src/books/embedded/view/components/header.vue | 2 12 files changed, 507 insertions(+), 300 deletions(-) diff --git a/src/App.vue b/src/App.vue index 40e6635..f09d3e3 100644 --- a/src/App.vue +++ b/src/App.vue @@ -63,7 +63,7 @@ } else { this.activeBook = await this.config.getBookConfig( // childHealth - this.config.resourceCtx + "lifeCare" + this.config.resourceCtx + "english" ); // 娴嬭瘯璇曡30椤� // this.activeBook.tryPageCount = 10; diff --git a/src/books/English/assets/images/Cover.jpg b/src/books/English/assets/images/Cover.jpg new file mode 100644 index 0000000..7143ccd --- /dev/null +++ b/src/books/English/assets/images/Cover.jpg Binary files differ diff --git a/src/books/English/assets/images/grammar.jpg b/src/books/English/assets/images/grammar.jpg index dbd2cbd..0b22157 100644 --- a/src/books/English/assets/images/grammar.jpg +++ b/src/books/English/assets/images/grammar.jpg Binary files differ diff --git "a/src/books/English/assets/images/icon/2\351\222\251.svg" "b/src/books/English/assets/images/icon/2\351\222\251.svg" new file mode 100644 index 0000000..c7675f7 --- /dev/null +++ "b/src/books/English/assets/images/icon/2\351\222\251.svg" @@ -0,0 +1,7 @@ +<svg t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> +</svg> \ No newline at end of file diff --git "a/src/books/English/assets/images/icon/\351\224\231\350\257\257-copy.svg" "b/src/books/English/assets/images/icon/\351\224\231\350\257\257-copy.svg" new file mode 100644 index 0000000..7cc6fac --- /dev/null +++ "b/src/books/English/assets/images/icon/\351\224\231\350\257\257-copy.svg" @@ -0,0 +1,7 @@ +<svg t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> +</svg> \ No newline at end of file diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less index 3439399..b7bda5c 100644 --- a/src/books/English/assets/main.less +++ b/src/books/English/assets/main.less @@ -586,7 +586,7 @@ margin-top: 0.5em; } .bjh3 { - border: 10px dotted #faeec6; + border: 5px dotted #faeec6; background: #0da785; padding: 0.2em 0.4em 0.2em 0.4em; color: #ffffff; @@ -712,6 +712,9 @@ .mb-20 { margin-bottom: 20px; } + .mt-40 { + margin-top: 40px; + } .wh-nr { white-space: nowrap; } diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue index a84b761..e437630 100644 --- a/src/books/English/view/components/chapter001.vue +++ b/src/books/English/view/components/chapter001.vue @@ -1,7 +1,7 @@ <template> <div class="chapter" num="0"> <!-- 1 --> - <div class="page-box" page="6"> + <div class="page-box" page="7"> <div class="bodystyle"> <h1 id="a005"> <img class="img-0" alt="" src="../../assets/images/dy1.jpg" /> @@ -23,7 +23,7 @@ </div> </div> <!-- 2 --> - <div class="page-box" page="7"> + <div class="page-box" page="8"> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc fl al-end" @@ -48,18 +48,17 @@ > <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo"> <svg - xmlns="http://www.w3.org/2000/svg" - width="20.501" - height="20.501" - viewBox="0 0 20.501 20.501" - - > - <path - class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" - /> - </svg> + xmlns="http://www.w3.org/2000/svg" + width="20.501" + height="20.501" + viewBox="0 0 20.501 20.501" + > + <path + class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" + /> + </svg> </span> <!-- <button @click="showAnswerTwo = !showAnswerTwo" @@ -82,14 +81,20 @@ @change="setBookQuestion" /> <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> + <svg v-if="questionData.warnUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="questionData.warnUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -118,14 +123,20 @@ @change="setBookQuestion" /> <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> + <svg v-if="questionData.warnUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="questionData.warnUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -153,14 +164,20 @@ @change="setBookQuestion" /> <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> + <svg v-if="questionData.warnUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="questionData.warnUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -189,14 +206,20 @@ @change="setBookQuestion" /> <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> + <svg v-if="questionData.warnUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="questionData.warnUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -224,14 +247,20 @@ @change="setBookQuestion" /> <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> + <svg v-if="questionData.warnUp.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="questionData.warnUp.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -260,14 +289,20 @@ @change="setBookQuestion" /> <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> + <svg v-if="questionData.warnUp.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="questionData.warnUp.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -290,18 +325,17 @@ </button> --> <span class="btn-box" @click="showAnswerOne = !showAnswerOne"> <svg - xmlns="http://www.w3.org/2000/svg" - width="20.501" - height="20.501" - viewBox="0 0 20.501 20.501" - - > - <path - class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" - /> - </svg> + xmlns="http://www.w3.org/2000/svg" + width="20.501" + height="20.501" + viewBox="0 0 20.501 20.501" + > + <path + class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" + /> + </svg> </span> </p> <p class="t0"> @@ -329,7 +363,7 @@ </div> </div> <!-- 3 --> - <div class="page-box" page="8"> + <div class="page-box" page="9"> <ul class="preface-odd-header w100 fl ju-bt"> <li class=""></li> <li class="fz-18"> @@ -369,18 +403,17 @@ </button> --> <span class="btn-box" @click="showAnswerThree = !showAnswerThree"> <svg - xmlns="http://www.w3.org/2000/svg" - width="20.501" - height="20.501" - viewBox="0 0 20.501 20.501" - - > - <path - class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" - /> - </svg> + xmlns="http://www.w3.org/2000/svg" + width="20.501" + height="20.501" + viewBox="0 0 20.501 20.501" + > + <path + class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" + /> + </svg> </span> </p> <textarea @@ -409,18 +442,17 @@ </button> --> <span class="btn-box" @click="showAnswerFour = !showAnswerFour"> <svg - xmlns="http://www.w3.org/2000/svg" - width="20.501" - height="20.501" - viewBox="0 0 20.501 20.501" - - > - <path - class="a" - d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" - transform="translate(-3327.144 15329)" - /> - </svg> + xmlns="http://www.w3.org/2000/svg" + width="20.501" + height="20.501" + viewBox="0 0 20.501 20.501" + > + <path + class="a" + d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z" + transform="translate(-3327.144 15329)" + /> + </svg> </span> </p> <textarea @@ -450,16 +482,18 @@ </p> <p> My - <span class="word-bc" @click="saveWord($event,'incredible')" + <span class="word-bc" @click="saveWord($event, 'incredible')" >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" @click="saveWord($event, 'cuisine')" + >cuisine</span + > and of course the huge variety of - <span class="word-bc" @click="saveWord($event,'landscapes')" + <span class="word-bc" @click="saveWord($event, 'landscapes')" >landscapes</span >. </p> @@ -467,12 +501,12 @@ 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')" + <span class="word-bc" @click="saveWord($event, 'hospitable')" >hospitable</span > towards foreigners.These Chinese friends made my understanding of Chinese culture and - <span class="word-bc" @click="saveWord($event,'civilization')" + <span class="word-bc" @click="saveWord($event, 'civilization')" >civilization</span > much easier,enjoyable and memorable.I consider China my second home @@ -480,7 +514,9 @@ </p> <p> You cannot - <span class="word-bc" @click="saveWord($event,'explore')">explore</span> + <span class="word-bc" @click="saveWord($event, 'explore')" + >explore</span + > China properly if you do not try its delicious variety of food.If you ate </p> @@ -491,7 +527,7 @@ </div> </div> <!-- 4 --> - <div class="page-box"> + <div class="page-box" page="10"> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc fl al-end" @@ -509,15 +545,17 @@ 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 - <span class="word-bc" @click="saveWord($event,'mouth-watering')" + <span class="word-bc" @click="saveWord($event, 'mouth-watering')" >mouth-watering</span > and - <span class="word-bc" @click="saveWord($event,'stimulating')" + <span class="word-bc" @click="saveWord($event, 'stimulating')" >stimulating</span >.For a - <span class="word-bc" @click="saveWord($event,'foodie')">foodie</span> like - me,China is a heaven.I simply cannot live without Chinese food. + <span class="word-bc" @click="saveWord($event, 'foodie')" + >foodie</span + > + 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 @@ -525,11 +563,13 @@ 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" @click="saveWord($event, 'unique')" + >unique</span + > <span class="word-bc" style="margin-left: 5px" - @click="saveWord($event,'atmosphere')" + @click="saveWord($event, 'atmosphere')" >atmosphere</span > that attracts you.I visited more than a dozen cities and came across @@ -544,8 +584,8 @@ <!-- <p class="center"> <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" /> </p> --> - <p class="fl al-cn"> - <span class="zt-cs">Words & Expressions</span> + <p class="fl al-cn mt-40"> + <span class="zt-cs " style="font-size:20px">Words & Expressions</span> <span class="line-border-box"></span> </p> <audio @@ -609,7 +649,7 @@ </div> </div> <!-- 5 --> - <div class="page-box"> + <div class="page-box" page="11"> <ul class="preface-odd-header w100 fl ju-bt"> <li class=""></li> <li class="fz-18"> @@ -653,8 +693,8 @@ <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p> <p>along the way 娌块��</p> <div class="bj-note"> - <p><b>Notes:</b></p> - <p> + <p class="m0 "><b class="fz-18">Notes:</b></p> + <p class="m0"> <i>Alice in Wonderland</i> 锛�<i >Alice's Adventures in Wonderland</i >鐨勭畝鍐欙紝涓枃璇戜负銆婄埍涓戒笣姊︽父浠欏銆嬶級锛屾槸19涓栫邯鑻卞浗浣滃鍒樻槗鏂峰崱缃楀皵鍒涗綔鐨勮憲鍚嶅効绔ユ枃瀛︿綔鍝侊紝璁茶堪浜嗕竴涓悕鍙埍涓戒笣鐨勮嫳鍥藉皬濂冲涓轰簡杩介�愪竴鍙彛鐫�鎬�琛ㄣ�佷細璇磋瘽鐨勫厰瀛愯�屼笉鎱庢帀鍏ヤ簡鍏斿瓙娲烇紝浠庤�岃繘鍏ヤ簡涓�涓濂囩殑鍥藉害骞剁粡鍘嗕簡涓�绯诲垪濂囧够鍐掗櫓鐨勬晠浜嬨�� @@ -665,13 +705,15 @@ A.Mark the items that made the author curious when she arrived in China. </p> - <p>鈻� Language</p> - <p>鈻� People</p> - <p>鈻� Culture</p> - <p>鈻� Cuisine</p> - <p>鈻� Folk art</p> - <p>鈻� Landscapes</p> - <p>鈻� Transportation</p> + <p> + <input type="checkbox" name="ball" value="basketball" id="1" checked="checked"/> + Language</p> + <p><input type="checkbox" name="ball" value="basketball" id="1" /> People</p> + <p><input type="checkbox" name="ball" value="basketball" id="1"/> Culture</p> + <p><input type="checkbox" name="ball" value="basketball" id="1" /> Cuisine</p> + <p><input type="checkbox" name="ball" value="basketball" id="1" /> Folk art</p> + <p><input type="checkbox" name="ball" value="basketball" id="1" /> Landscapes</p> + <p><input type="checkbox" name="ball" value="basketball" id="1" /> Transportation</p> </div> </div> <div class="preface-bottom"> @@ -679,7 +721,7 @@ </div> </div> <!-- 6 --> - <div class="page-box"> + <div class="page-box" page="12"> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc fl al-end" @@ -914,7 +956,7 @@ </div> </div> <!-- 7 --> - <div class="page-box"> + <div class="page-box" page="13"> <ul class="preface-odd-header w100 fl ju-bt"> <li class=""></li> <li class="fz-18"> @@ -1160,18 +1202,25 @@ 绛旀锛� 1.whether 2.if 3.whether 4.whether 5.if </p> - <ul class="fl ju-ev" style="width: 50%"> - <li><button class="btn-border btn-w">鎻愪氦</button></li> - <li><button @click="setTestData" class="btn-border btn-w">淇濆瓨</button></li> - <li> - <button - @click="showQuestionAnswer = !showQuestionAnswer" - class="parimary-btn" - > - 鏌ョ湅绛旀 - </button> - </li> - </ul> + <div class="w100 fl ju-cn"> + <ul class="fl ju-ev" style="width: 50%"> + <li><button class="btn-border btn-w">鎻愪氦</button></li> + <li> + <button @click="setTestData" class="btn-border btn-w"> + 淇濆瓨 + </button> + </li> + <li> + <button + style="min-height:24px" + @click="showQuestionAnswer = !showQuestionAnswer" + class="parimary-btn" + > + 鏌ョ湅绛旀 + </button> + </li> + </ul> + </div> </div> </div> <div class="preface-bottom"> @@ -1179,7 +1228,7 @@ </div> </div> <!-- 8 --> - <div class="page-box"> + <div class="page-box" page="14"> <div class="w100 mb-20" style="padding-right: 20px"> <div class="event-header-bc fl al-end" @@ -1317,44 +1366,54 @@ </p> <div class="bk-wh"> <p class="dl-box"> - <span class="word-bc mr-20 dl-span" @click="saveWord($event,'exquisite')" + <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')" + <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')" + @click="saveWord($event, 'incredible')" >incredible</span - ><span class="word-bc mr-20 dl-span" @click="saveWord($event,'unique')" + ><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')" + @click="saveWord($event, 'traditional')" >traditional</span ><span class="word-bc mr-20 dl-span" - @click="saveWord($event,'outstanding')" + @click="saveWord($event, 'outstanding')" >outstanding</span ><span class="word-bc mr-20 dl-span" - @click="saveWord($event,'mouth-watering')" + @click="saveWord($event, 'mouth-watering')" >mouth-watering</span - ><span class="word-bc mr-20 dl-span" @click="saveWord($event,'diverse')" + ><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')" + @click="saveWord($event, 'hospitable')" >hospitable</span ><span class="word-bc mr-20 dl-span" - @click="saveWord($event,'enjoyable')" + @click="saveWord($event, 'enjoyable')" >enjoyable</span ><span class="word-bc mr-20 dl-span" - @click="saveWord($event,'memorable')" + @click="saveWord($event, 'memorable')" >memorable</span - ><span class="word-bc mr-20 dl-span" @click="saveWord($event,'charming')" + ><span + class="word-bc mr-20 dl-span" + @click="saveWord($event, 'charming')" >charming</span > </p> @@ -1388,7 +1447,7 @@ </div> </div> <!-- 9 --> - <div class="page-box"> + <div class="page-box" page="15"> <ul class="preface-odd-header w100 fl ju-bt"> <li class=""></li> <li class="fz-18"> @@ -1434,14 +1493,20 @@ </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> + <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="dropdownData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -1474,14 +1539,20 @@ </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> + <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="dropdownData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -1513,14 +1584,20 @@ </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> + <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="dropdownData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -1553,14 +1630,20 @@ </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> + <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="dropdownData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -1592,14 +1675,20 @@ </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> + <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="dropdownData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -1632,14 +1721,20 @@ </option> </select> <span class="icon-box"> - <i - class="el-icon-check correct-icon" - v-if="dropdownData.six.isRight" - ></i> - <i - class="el-icon-close error-icon" - v-if="dropdownData.six.isRight == false" - ></i> + <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" + width="40" height="20"> + <path + d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0" + fill="#1AFA29" p-id="18768"></path> + </svg> + <svg v-if="dropdownData.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1" + xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" + width="20" height="20"> + <path + d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531" + fill="#d81e06" p-id="25746"></path> + </svg> </span> </p> </div> @@ -1652,18 +1747,22 @@ </p> </div> </div> - <div class="fl ju-ev" style="width: 70%"> - <button @click="setDropdownData" class="btn-border btn-w"> - 淇濆瓨 - </button> - <button class="btn-border btn-w">鎻愪氦</button> - <button @click="handleDropdown('judge')" class="btn-border btn-w">鍒ゆ柇姝g‘</button> - <button - @click="showAnswerFive = !showAnswerFive" - class="parimary-btn" - > - 鏌ョ湅绛旀 - </button> + <div class="w100 fl ju-cn"> + <div class="fl ju-ev" style="width: 60%"> + <button @click="setDropdownData" class="btn-border btn-w"> + 淇濆瓨 + </button> + <button class="btn-border btn-w" @click="handleDropdown('judge')"> + 鎻愪氦 + </button> + <button + style="min-height:24px" + @click="showAnswerFive = !showAnswerFive" + class="parimary-btn" + > + 鏌ョ湅绛旀 + </button> + </div> </div> </div> </div> @@ -1886,8 +1985,8 @@ this.getPath(); }, methods: { - saveWord(event,word) { - this.$emit("saveCharacters", event,word); + saveWord(event, word) { + this.$emit("saveCharacters", event, word); }, setTestData() { localStorage.setItem("english-testOne", JSON.stringify(this.testData)); @@ -1999,11 +2098,12 @@ } .btn-w { font-size: 14px; - border-width:1px; + border-width: 1px; min-width: 80px; - background-color:#fff; + min-height: 24px; + background-color: #fff; &:hover { - background-color:#0bab87 ; + background-color: #0bab87; color: #fff; } } diff --git a/src/books/English/view/components/header.vue b/src/books/English/view/components/header.vue index 815e40e..c95c0a7 100644 --- a/src/books/English/view/components/header.vue +++ b/src/books/English/view/components/header.vue @@ -1,13 +1,19 @@ <template> <div class="chapter" num="0"> - <!-- 1 --> + <!-- --> <div class="page-box" page="1"> + <p class="center"> + <img class="img-0" alt="" src="../../assets/images/Cover.jpg" /> + </p> + </div> + <!-- 1 --> + <div class="page-box" page="2"> <p class="center"> <img class="img-0" alt="" src="../../assets/images/SMY.jpg" /> </p> </div> <!-- 2 --> - <div class="page-box text-center" style="padding: 136px 0" page="2"> + <div class="page-box text-center" style="padding: 136px 0" page="3"> <div class="box"> <hr class="line" /> <p class="tl fz-14"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p> @@ -65,7 +71,7 @@ </div> </div> <!-- 3 --> - <div class="page-box " page="3"> + <div class="page-box " page="4"> <div class="pd-20 "> <div class="preface w100 fl al-end ju-cn"> <h1 id="a003" class="front preface-text">鍓嶈█</h1> @@ -93,7 +99,7 @@ </div> </div> <!-- 4 --> - <div class="page-box" page="4"> + <div class="page-box" page="5"> <div class="mb-20" style="padding-right: 20px;"> <div class="primary-bc fl al-end" style="height: 100px;padding-left: 40px;"> <div class="preface-header-box y-bc"> @@ -137,7 +143,7 @@ </div> </div> <!-- 5 --> - <div class="page-box" page="5"> + <div class="page-box" page="6"> <ul class="preface-odd-header w100 fl ju-bt"> <li class="left primary-bc "></li> <li> diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index 8508577..c1f95a5 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -360,8 +360,6 @@ v-if="testOne && questionData" ref="examinationOne" :cardList="questionData[10]" - :chapter="1" - :page="2" /> </div> <h2 class="module_block" id="b001" style="margin: 0"> diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue index 9bc3114..b8a4106 100644 --- a/src/books/childHealth/view/content/index.vue +++ b/src/books/childHealth/view/content/index.vue @@ -556,6 +556,7 @@ testData[catalog][page], this.config.activeBook ); + } else { const obj = {}; for (let key in testData[catalog][page]) { @@ -567,6 +568,7 @@ } this.questionData[page] = obj; } + console.log('棰樼洰',this.questionData); } } } diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue index f9ba615..28326db 100644 --- a/src/books/embedded/view/components/chapter001.vue +++ b/src/books/embedded/view/components/chapter001.vue @@ -204,11 +204,11 @@ </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> <li class="footer-num">2</li> <li class="footer-box"></li> </ul> - </div> </div> <!-- 3 --> <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13"> @@ -469,11 +469,11 @@ </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> <li class="footer-num">6</li> <li class="footer-box"></li> </ul> - </div> </div> <!-- 7 --> <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17"> @@ -720,33 +720,84 @@ 锛�6锛夊畨瑁呭畬鎴愬悗锛學indows鎿嶄綔绯荤粺鐨勬闈笂娣诲姞浜嗗鍥�1-20鎵�绀虹殑涓や釜蹇嵎鏂瑰紡鍥炬爣锛屽垎鍒敤浜庡惎鍔∕CGS宓屽叆寮忕粍鎬佺幆澧冨拰妯℃嫙杩愯鐜銆� </p> <div class="qrbodyPic"> - <el-carousel - trigger="click" - class="bones-carousel carousel-image" - arrow="always" - indicator-position="none" - > - <el-carousel-item - v-for="(item, index) in bonesList" - :key="index" - class="bones-carousel-item" - > - <el-image - :src="item" - :preview-src-list="bonesList" - :preview-teleported="true" - class="open-image" - /> - </el-carousel-item> - </el-carousel> + <div class="banshi openImgBox"> + <div class="swiper-container"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/carousel-one.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/carousel-two.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/carousel-three.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/carousel-four.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/carousel-five.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/carousel-six.png" + /> + </div> + </div> + </div> + <div class="swiper-pagination"></div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + + </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> <li class="footer-num">8</li> <li class="footer-box"></li> </ul> - </div> </div> <!-- 9 --> <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="19"> @@ -1389,7 +1440,7 @@ 闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-45鎵�绀猴紝鈥滄寚绀虹伅1鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�1锛氣�濅负鈥�1鈥濓紝鏉炬墜鍚庡浣嶏紱鎸変笅鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-46鎵�绀猴紝鈥滄寚绀虹伅2鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�2锛氣�濅负鈥�1鈥濄�� </p> <div class="qrbodyPic"> - <el-carousel + <!-- <el-carousel trigger="click" class="img-carousel carousel-image" arrow="always" @@ -1407,15 +1458,84 @@ class="open-image" /> </el-carousel-item> - </el-carousel> + </el-carousel> --> + <div class="banshi openImgBox"> + <div class="swiper-container"> + <div class="swiper-wrapper"> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/img-list-one.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/img-list-two.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/img-list-three.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/img-list-four.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/img-list-five.png" + /> + </div> + </div> + <div class="swiper-slide"> + <div + class="imgBox" + style="width: 100%; height: 100%" + > + <img + src="../../assets/images/img-list-six.png" + /> + </div> + </div> + </div> + <div class="swiper-pagination"></div> + <div class="swiper-button-next"></div> + <div class="swiper-button-prev"></div> + </div> + </div> </div> </div> </div> - <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> + </div> + <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96"> <li class="footer-num">14</li> <li class="footer-box"></li> </ul> - </div> </div> <!-- 15 --> <div class="page-box fl fl-cl ju-bt al-end padding-96 pr" page="25"> @@ -1703,49 +1823,6 @@ }, data() { return { - imgOne: require("../../assets/images/img00014001.jpg"), - imgTwo: require("../../assets/images/img00014002.jpg"), - imgThree: require("../../assets/images/img00014003.jpg"), - imgFour: require("../../assets/images/img00014004.jpg"), - imgFive: require("../../assets/images/img00015001.jpg"), - imgSix: require("../../assets/images/img00017001.jpg"), - imgSeven: require("../../assets/images/img00017002.jpg"), - imgEnight: require("../../assets/images/img00017003.jpg"), - imgNine: require("../../assets/images/img00017004.jpg"), - imgTen: require("../../assets/images/img00017005.jpg"), - imgEleven: require("../../assets/images/img00018001.jpg"), - imgTwelve: require("../../assets/images/img00018002.jpg"), - imgThirteen: require("../../assets/images/img00018003.jpg"), - imgFourteen: require("../../assets/images/img00019001.jpg"), - imgFifteen: require("../../assets/images/img00022001.jpg"), - imgSixteen: require("../../assets/images/img00022002.jpg"), - imgSeventeen: require("../../assets/images/img00022003.jpg"), - imgEighteen: require("../../assets/images/img00022004.jpg"), - imgNineTeen: require("../../assets/images/img00023001.jpg"), - imgTwenty: require("../../assets/images/img00023002.jpg"), - imgtOne: require("../../assets/images/img00023003.jpg"), - imgtTwo: require("../../assets/images/img00023004.jpg"), - imgtThree: require("../../assets/images/img00023005.jpg"), - imgtFour: require("../../assets/images/img00024001.jpg"), - imgtFive: require("../../assets/images/img00024002.jpg"), - imgtSix: require("../../assets/images/img00024003.jpg"), - imgtSeven: require("../../assets/images/img00024004.jpg"), - imgtEnight: require("../../assets/images/img00024005.jpg"), - imgtNine: require("../../assets/images/img00025001.jpg"), - imgtTen: require("../../assets/images/img00025002.jpg"), - imgrOne: require("../../assets/images/img00025003.jpg"), - imgrTwo: require("../../assets/images/img00025004.jpg"), - imgrThree: require("../../assets/images/img00025006.jpg"), - tableOne: require("../../assets/images/img00019002.jpg"), - videoOne: true, - bonesList: [ - require("../../assets/images/carousel-one.png"), - require("../../assets/images/carousel-two.png"), - require("../../assets/images/carousel-three.png"), - require("../../assets/images/carousel-four.png"), - require("../../assets/images/carousel-five.png"), - require("../../assets/images/carousel-six.png"), - ], imgList: [ require("../../assets/images/img-list-one.png"), require("../../assets/images/img-list-two.png"), @@ -1779,7 +1856,8 @@ </script> <style scoped lang="less"> p { - font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important; + // font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important; + font-family: "Times New Roman", "瀹嬩綋", SimSun, sans-serif !important; margin: 0; text-align: justify; } @@ -1843,4 +1921,10 @@ text-indent: 0; padding-left: 23px; } +.banshi { + margin-top: 40px; + width: 100%; + height: 350px; + margin: 0 auto; +} </style> diff --git a/src/books/embedded/view/components/header.vue b/src/books/embedded/view/components/header.vue index 495b38b..f54dbda 100644 --- a/src/books/embedded/view/components/header.vue +++ b/src/books/embedded/view/components/header.vue @@ -419,7 +419,7 @@ <style scoped lang="less"> p { text-align: justify; - // color: #666; + font-family: "Times New Roman", "瀹嬩綋", SimSun, sans-serif !important; } .author-padding { padding: 104px 20px 104px 20px; -- Gitblit v1.9.1