From 218a387c6191311ed29b1aa81612e0aa3b4fa9dc Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期三, 16 十月 2024 18:03:13 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/mathBook/view/components/sample.vue | 733 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 550 insertions(+), 183 deletions(-) diff --git a/src/books/mathBook/view/components/sample.vue b/src/books/mathBook/view/components/sample.vue index 4782a20..88f47d7 100644 --- a/src/books/mathBook/view/components/sample.vue +++ b/src/books/mathBook/view/components/sample.vue @@ -63,10 +63,17 @@ <img class="img-gn" alt="" src="../../assets/images/wttc.jpg" /> </p> <p> - 鍑芥暟<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|鍜�<i>g</i>锛�<i>x</i>锛�=<i>x</i><sup>2</sup>鐨勫浘鍍忕殑瀵圭О鎬у浣曪紵 + 鍑芥暟<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|鍜�<i>g</i>锛�<i>x</i>锛�=<i>x</i + ><sup>2</sup>鐨勫浘鍍忕殑瀵圭О鎬у浣曪紵 </p> - <textarea cols="30" rows="4" v-model="chapterData.txtOne" placeholder="璇疯緭鍏ュ唴瀹�" class="w100 ta-br textarea-text" - @input="handleChapterData"></textarea> + <textarea + cols="30" + rows="4" + v-model="chapterData.txtOne" + placeholder="璇疯緭鍏ュ唴瀹�" + class="w100 ta-br textarea-text" + @input="handleChapterData" + ></textarea> <p class="left"> <img class="img-gn" alt="" src="../../assets/images/tjfx.jpg" /> </p> @@ -83,7 +90,11 @@ <p class="center"> <img class="img-a" alt="" src="../../assets/images/0100-2.jpg" /> </p> - <iframe src="https://www.geogebra.org/calculator" frameborder="0" class="iframe-box"></iframe> + <iframe + src="https://www.geogebra.org/calculator" + frameborder="0" + class="iframe-box" + ></iframe> <p class="center openImgBox"> <img class="img-c" alt="" src="../../assets/images/0100-3.jpg" /> </p> @@ -93,8 +104,12 @@ 鍙戠幇锛屽嚱鏁�<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|鐨勫畾涔夊煙鏄紙-鈭烇紝+鈭烇級锛屽嚱鏁板浘鍍忓叧浜�<i>y</i>杞村绉�.浠庤〃3-11涓繕鍙戠幇锛屽綋鑷彉閲忓彇涓�瀵圭浉鍙嶆暟鏃讹紝瀵瑰簲鐨勫嚱鏁板�肩浉绛夛紝濡�<i>f</i>锛�-1锛�=<i>f</i>锛�1锛�=1锛�<i>f</i>锛�-2锛�=<i>f</i>锛�2锛�=2锛�<i>f</i>锛�-3锛�=<i>f</i>锛�3锛�=3锛屸�﹀疄闄呬笂锛屽浠绘剰<i>x</i>鈭堬紙-鈭烇紝+鈭烇級锛岄兘鏈�<i>f</i>锛�-<i>x</i>锛�=|-<i>x</i>|=|<i>x</i>|=<i>f</i>锛�<i>x</i>锛夛紝鍗�<i>f</i>锛�-<i>x</i>锛�=<i>f</i>锛�<i>x</i>锛�. </p> <p> - 鍥�3-14锛�2锛� - 涓紝鍑芥暟<i>g</i>锛�<i>x</i>锛�=<i>x</i><sup>2</sup>鐨勫畾涔夊煙鏄紙-鈭烇紝+鈭烇級锛屽嚱鏁板浘鍍忎篃鍏充簬<i>y</i>杞村绉�.琛�3-12涓紝褰撹嚜鍙橀噺鍙栦竴瀵圭浉鍙嶆暟鏃讹紝瀵瑰簲鐨勫嚱鏁板�肩浉绛夛紝濡�<i>g</i>锛�-1锛�=<i>g</i>锛�1锛�=1锛�<i>g</i>锛�-2锛�=<i>g</i>锛�2锛�=4锛�<i>g</i>锛�-3锛�=<i>g</i>锛�3锛�=9锛屸�﹀疄闄呬笂锛屽浠绘剰<i>x</i>鈭堬紙-鈭烇紝+鈭烇級锛岄兘鏈�<i>g</i>锛�-<i>x</i>锛�=锛�-<i>x</i>锛�<sup>2</sup>=<i>x</i><sup>2</sup>=<i>g</i>锛�<i>x</i>锛夛紝鍗�<i>g</i>锛�-<i>x</i>锛�=<i>g</i>锛�<i>x</i>锛�. + 鍥�3-14锛�2锛� 涓紝鍑芥暟<i>g</i>锛�<i>x</i>锛�=<i>x</i + ><sup>2</sup + >鐨勫畾涔夊煙鏄紙-鈭烇紝+鈭烇級锛屽嚱鏁板浘鍍忎篃鍏充簬<i>y</i>杞村绉�.琛�3-12涓紝褰撹嚜鍙橀噺鍙栦竴瀵圭浉鍙嶆暟鏃讹紝瀵瑰簲鐨勫嚱鏁板�肩浉绛夛紝濡�<i>g</i>锛�-1锛�=<i>g</i>锛�1锛�=1锛�<i>g</i>锛�-2锛�=<i>g</i>锛�2锛�=4锛�<i>g</i>锛�-3锛�=<i>g</i>锛�3锛�=9锛屸�﹀疄闄呬笂锛屽浠绘剰<i>x</i>鈭堬紙-鈭烇紝+鈭烇級锛岄兘鏈�<i>g</i>锛�-<i>x</i>锛�=锛�-<i>x</i>锛�<sup>2</sup>=<i + >x</i + ><sup>2</sup + >=<i>g</i>锛�<i>x</i>锛夛紝鍗�<i>g</i>锛�-<i>x</i>锛�=<i>g</i>锛�<i>x</i>锛�. </p> <p> 杩欎袱涓嚱鏁扮殑鍥惧儚閮藉叧浜� <i>y</i> 杞村绉帮紱褰撹嚜鍙橀噺鍙栧畾涔夊煙涓换鎰忎竴瀵圭浉 @@ -115,44 +130,96 @@ <img class="img-gn" alt="" src="../../assets/images/cxgk.jpg" /> </p> <p> - 涓�鑸湴锛岃鍑芥暟<i>f</i>锛�<i>x</i>锛夌殑瀹氫箟鍩熶负<i>D</i>锛屽鏋滃浜�<span class="u">浠绘剰</span><i>x</i>鈭�<i>D</i>锛�<span - class="u">閮芥湁</span>-<i>x</i>鈭�<i>D</i>锛屼笖<i>f</i>锛�-<i>x</i>锛�=<i>f</i>锛�<i>x</i>锛夛紝閭d箞鍑芥暟<i>f</i>锛�<i>x</i>锛夊氨鍙綔<b>鍋跺嚱鏁�</b>锛屽鍥�3-15鎵�绀�.<b>鍋跺嚱鏁扮殑鍥惧儚鍏充簬<i>y</i>杞村绉�</b>. + 涓�鑸湴锛岃鍑芥暟<i>f</i>锛�<i>x</i>锛夌殑瀹氫箟鍩熶负<i>D</i>锛屽鏋滃浜�<span + class="u" + >浠绘剰</span + ><i>x</i>鈭�<i>D</i>锛�<span class="u">閮芥湁</span + >-<i>x</i>鈭�<i>D</i>锛屼笖<i>f</i>锛�-<i>x</i>锛�=<i>f</i>锛�<i>x</i>锛夛紝閭d箞鍑芥暟<i>f</i>锛�<i>x</i>锛夊氨鍙綔<b>鍋跺嚱鏁�</b>锛屽鍥�3-15鎵�绀�.<b>鍋跺嚱鏁扮殑鍥惧儚鍏充簬<i>y</i>杞村绉�</b>. </p> <p> 鎴戜滑鍙互鐢卞嚱鏁扮殑鍥惧儚鏄惁鍏充簬<i>y</i>杞村绉版潵鍒ゆ柇鍑芥暟鏄笉鏄伓鍑芥暟. </p> <p class="center openImgBox"> - <img class="img-c" alt="" src="../../assets/images/0101-1.jpg" style="width: 40%" /> + <img + class="img-c" + alt="" + src="../../assets/images/0101-1.jpg" + style="width: 40%" + /> </p> <p class="img fl fl-cn ju-cn"> <span>鍥�3-15</span> - <el-tooltip class="item" effect="dark" :content="chapterData.isCollectImg ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" - placement="top-start"> - <img :src="collectResourceList.findIndex(item => item.id == '722FE833') > -1 ? collectCheck : collectImg" - alt="" class="collect-btn" @click="handleCollect('img')" /> + <el-tooltip + class="item" + effect="dark" + :content="chapterData.isCollectImg ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start" + > + <img + :src=" + collectResourceList.findIndex( + (item) => item.id == '722FE833' + ) > -1 + ? collectCheck + : collectImg + " + alt="" + class="collect-btn" + @click="handleCollect('img')" + /> </el-tooltip> </p> - <video :src="videoPath" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" - x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls - controlslist="nodownload" class="video-border w100"></video> + <video + :src="videoPath" + webkit-playsinline="true" + x-webkit-airplay="true" + playsinline="true" + x5-video-orientation="h5" + x5-video-player-fullscreen="true" + x5-playsinline="" + controls + controlslist="nodownload" + class="video-border w100" + ></video> <p class="img fl fl-cn ju-cn"> <span>瑙嗛锛氬垽鏁板嚱鏁板鍋舵�х殑鏂规硶鍜屾楠� </span> - <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" - placement="top-start"> + <el-tooltip + class="item" + effect="dark" + :content="chapterData.isCollectVideo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'" + placement="top-start" + > <img - :src="collectResourceList.findIndex(item => item.id == 'a28cd862d61b5df2201406b76e9f01b0') > -1 ? collectCheck : collectImg" - alt="" class="collect-btn" @click="handleCollect('video')" /> + :src=" + collectResourceList.findIndex( + (item) => item.id == 'a28cd862d61b5df2201406b76e9f01b0' + ) > -1 + ? collectCheck + : collectImg + " + alt="" + class="collect-btn" + @click="handleCollect('video')" + /> </el-tooltip> </p> <p class="fl"> <span> - <span class="zt-ls"><b>渚�1</b></span>銆�鏍规嵁鍥�3-16涓嚱鏁扮殑鍥惧儚锛屽垽鏂摢浜涘嚱鏁版槸鍋跺嚱鏁�. + <span class="zt-ls"><b>渚�1</b></span + >銆�鏍规嵁鍥�3-16涓嚱鏁扮殑鍥惧儚锛屽垽鏂摢浜涘嚱鏁版槸鍋跺嚱鏁�. </span> <span class="btn-box" @click="isShowExampleOne = !isShowExampleOne"> - <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501"> - <path class="a" + <svg + xmlns="http://www.w3.org/2000/svg" + width="16.501" + height="16.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)" /> + transform="translate(-3327.144 15329)" + /> </svg> </span> </p> @@ -188,15 +255,27 @@ 銆�宸茬煡<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|+1鍥惧儚鍦�<i>y</i>杞村彸杈圭殑閮ㄥ垎濡傚浘3-17鎵�绀�.璇曠敾鍑鸿繖涓嚱鏁板浘鍍忓湪<i>y</i>杞村乏杈圭殑閮ㄥ垎. </span> <span class="btn-box" @click="isShowExampleTwo = !isShowExampleTwo"> - <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501"> - <path class="a" + <svg + xmlns="http://www.w3.org/2000/svg" + width="16.501" + height="16.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)" /> + transform="translate(-3327.144 15329)" + /> </svg> </span> </p> <p class="center openImgBox"> - <img class="img-c" alt="" src="../../assets/images/0102-1.jpg" style="width: 40%" /> + <img + class="img-c" + alt="" + src="../../assets/images/0102-1.jpg" + style="width: 40%" + /> </p> <p class="img">鍥�3-17</p> <p v-if="isShowExampleTwo"> @@ -207,13 +286,22 @@ 濡傚浘3-18鎵�绀猴紝鍦�<i>y</i>杞村彸杈圭殑鍥惧儚涓婂彇涓ょ偣<i>A</i>鍜�<i>B</i>锛屽垎鍒敾鍑哄畠浠叧浜�<i>y</i>杞村绉扮殑鐐�<i>A</i>鈥插拰<i>B</i>鈥诧紝鐒跺悗杩炵嚎<i>A</i>鈥�<i>B</i>鈥诧紝灏卞緱鍒拌繖涓嚱鏁扮殑鍥惧儚鍦�<i>y</i>杞村乏杈圭殑閮ㄥ垎. </p> <p class="center openImgBox"> - <img class="img-c" alt="" src="../../assets/images/0102-2.jpg" style="width: 40%" /> + <img + class="img-c" + alt="" + src="../../assets/images/0102-2.jpg" + style="width: 40%" + /> </p> <p class="img">鍥�3-18</p> <div class="bk"> <div class="bj1"> <p class="left"> - <img class="img-gn1" alt="" src="../../assets/images/tbts.jpg" /> + <img + class="img-gn1" + alt="" + src="../../assets/images/tbts.jpg" + /> </p> </div> <p class="block"> @@ -221,103 +309,187 @@ </p> </div> <p> - <span class="zt-ls"><b>渚�3</b></span>銆�鍒ゆ柇涓嬪垪鍑芥暟鏄笉鏄伓鍑芥暟. + <span class="zt-ls"><b>渚�3</b></span + >銆�鍒ゆ柇涓嬪垪鍑芥暟鏄笉鏄伓鍑芥暟. </p> <ul> <li class="fl fl-cn"> <p>锛�1锛� <i>f</i>锛�<i>x</i>锛�=3<i>x</i><sup>2</sup>+1锛�</p> - <span class="btn-box" @click="isShowExampleThree = !isShowExampleThree"> - <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501"> - <path class="a" + <span + class="btn-box" + @click="isShowExampleThree = !isShowExampleThree" + > + <svg + xmlns="http://www.w3.org/2000/svg" + width="16.501" + height="16.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)" /> + transform="translate(-3327.144 15329)" + /> </svg> </span> <span class="btn-box" @click="openThinkingDialog"> - <svg xmlns="http://www.w3.org/2000/svg" width="16.545" height="18.112" viewBox="0 0 20.545 22.112"> - <path class="a" + <svg + xmlns="http://www.w3.org/2000/svg" + width="16.545" + height="18.112" + viewBox="0 0 20.545 22.112" + > + <path + class="a" d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z" - transform="translate(-3761 14334.001)" /> + transform="translate(-3761 14334.001)" + /> </svg> </span> <span class="btn-box" @click="stepDialog = true"> - <svg xmlns="http://www.w3.org/2000/svg" width="15.28" height="17.563" viewBox="0 0 19.28 20.563"> + <svg + xmlns="http://www.w3.org/2000/svg" + width="15.28" + height="17.563" + viewBox="0 0 19.28 20.563" + > <g transform="translate(-109.056 -82.941)"> - <path class="a" + <path + class="a" d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z" - transform="translate(-3316.14 15289.201)" /> - <path class="a" + transform="translate(-3316.14 15289.201)" + /> + <path + class="a" d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z" - transform="translate(-196.896 -148.921)" /> - <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" /> + transform="translate(-196.896 -148.921)" + /> + <path + class="a" + d="M763.392,793.79l3.262-3.262h-3.262Z" + transform="translate(-638.661 -690.634)" + /> </g> </svg> </span> <span class="btn-box" @click="openMathDiaolog"> - <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.323" - height="15.939" viewBox="0 0 18.323 15.939"> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="15.323" + height="15.939" + viewBox="0 0 18.323 15.939" + > <g transform="translate(-398 -946)"> - <path class="a" + <path + class="a" d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z" - transform="translate(398 948)" /> - <path class="b" + transform="translate(398 948)" + /> + <path + class="b" d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z" - transform="translate(398 948)" /> - <path class="a" + transform="translate(398 948)" + /> + <path + class="a" d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z" - transform="translate(398 948)" /> + transform="translate(398 948)" + /> </g> </svg> </span> </li> <li class="fl fl-cn"> <p>锛�2锛� <i>f</i>锛�<i>x</i>锛�=<i>x</i><sup>2</sup>+<i>x</i>锛�</p> - <span class="btn-box" @click="isShowExampleFour = !isShowExampleFour"> - <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501"> - <path class="a" + <span + class="btn-box" + @click="isShowExampleFour = !isShowExampleFour" + > + <svg + xmlns="http://www.w3.org/2000/svg" + width="16.501" + height="16.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)" /> + transform="translate(-3327.144 15329)" + /> </svg> </span> <span class="btn-box" @click="openMathDiaolog"> - <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.323" - height="15.939" viewBox="0 0 18.323 15.939"> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="15.323" + height="15.939" + viewBox="0 0 18.323 15.939" + > <g transform="translate(-398 -946)"> - <path class="a" + <path + class="a" d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z" - transform="translate(398 948)" /> - <path class="b" + transform="translate(398 948)" + /> + <path + class="b" d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z" - transform="translate(398 948)" /> - <path class="a" + transform="translate(398 948)" + /> + <path + class="a" d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z" - transform="translate(398 948)" /> + transform="translate(398 948)" + /> </g> </svg> </span> </li> <li class="fl fl-cn"> <p>锛�3锛� <i>f</i>锛�<i>x</i>锛�=5<i>x</i>+2.</p> - <span class="btn-box" @click="isShowExampleFive = !isShowExampleFive"> - <svg xmlns="http://www.w3.org/2000/svg" width="16.501" height="16.501" viewBox="0 0 20.501 20.501"> - <path class="a" + <span + class="btn-box" + @click="isShowExampleFive = !isShowExampleFive" + > + <svg + xmlns="http://www.w3.org/2000/svg" + width="16.501" + height="16.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)" /> + transform="translate(-3327.144 15329)" + /> </svg> </span> <span class="btn-box" @click="openMathDiaolog"> - <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.323" - height="15.939" viewBox="0 0 18.323 15.939"> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="15.323" + height="15.939" + viewBox="0 0 18.323 15.939" + > <g transform="translate(-398 -946)"> - <path class="a" + <path + class="a" d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z" - transform="translate(398 948)" /> - <path class="b" + transform="translate(398 948)" + /> + <path + class="b" d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z" - transform="translate(398 948)" /> - <path class="a" + transform="translate(398 948)" + /> + <path + class="a" d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z" - transform="translate(398 948)" /> + transform="translate(398 948)" + /> </g> </svg> </span> @@ -325,12 +497,15 @@ </ul> <div v-if="isShowExampleThree"> <p> - <span class="zt-ls"><b>瑙�</b></span>锛�1锛� - 鍑芥暟<i>f</i>锛�<i>x</i>锛�=3<i>x</i><sup>2</sup>+1鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<b>R</b>锛� + <span class="zt-ls"><b>瑙�</b></span + >锛�1锛� 鍑芥暟<i>f</i>锛�<i>x</i>锛�=3<i>x</i + ><sup>2</sup + >+1鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<b>R</b>锛� </p> <p>鑰�</p> <p class="center"> - <i>f</i>锛�-<i>x</i>锛�=3锛�-<i>x</i>锛�<sup>2</sup>+1=3<i>x</i><sup>2</sup>+1=<i>f</i>锛�<i>x</i>锛夛紝 + <i>f</i>锛�-<i>x</i>锛�=3锛�-<i>x</i>锛�<sup>2</sup>+1=3<i>x</i + ><sup>2</sup>+1=<i>f</i>锛�<i>x</i>锛夛紝 </p> <p> 鎵�浠ワ紝鍑芥暟<i>f</i>锛�<i>x</i>锛�=3<i>x</i><sup>2</sup>+1鏄伓鍑芥暟. @@ -338,14 +513,18 @@ </div> <div v-if="isShowExampleFour"> <p> - 锛�2锛� - 鍑芥暟<i>f</i>锛�<i>x</i>锛�=<i>x</i><sup>2</sup>+<i>x</i>鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<b>R</b>锛岃�� + 锛�2锛� 鍑芥暟<i>f</i>锛�<i>x</i>锛�=<i>x</i + ><sup>2</sup + >+<i>x</i>鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<b>R</b>锛岃�� </p> <p class="center"> - <i>f</i>锛�-<i>x</i>锛�=锛�-<i>x</i>锛�<sup>2</sup>+锛�-<i>x</i>锛�=<i>x</i><sup>2</sup>-<i>x</i>鈮�<i>f</i>锛�<i>x</i>锛夛紝 + <i>f</i>锛�-<i>x</i>锛�=锛�-<i>x</i>锛�<sup>2</sup>+锛�-<i>x</i>锛�=<i + >x</i + ><sup>2</sup>-<i>x</i>鈮�<i>f</i>锛�<i>x</i>锛夛紝 </p> <p> - 鎵�浠ワ紝鍑芥暟<i>f</i>锛�<i>x</i>锛�=<i>x</i><sup>2</sup>+<i>x</i>涓嶆槸鍋跺嚱鏁�. + 鎵�浠ワ紝鍑芥暟<i>f</i>锛�<i>x</i>锛�=<i>x</i + ><sup>2</sup>+<i>x</i>涓嶆槸鍋跺嚱鏁�. </p> </div> <div v-if="isShowExampleFive"> @@ -354,20 +533,31 @@ 鍑芥暟<i>f</i>锛�<i>x</i>锛�=5<i>x</i>+2鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<i>R</i>锛岃�� </p> <p class="center"> - <i>f</i>锛�-<i>x</i>锛�=5锛�-<i>x</i>锛�+2=-5<i>x</i>+2鈮�<i>f</i>锛�<i>x</i>锛夛紝 + <i>f</i + >锛�-<i>x</i>锛�=5锛�-<i>x</i>锛�+2=-5<i>x</i>+2鈮�<i>f</i>锛�<i>x</i>锛夛紝 </p> <p>鎵�浠ワ紝鍑芥暟<i>f</i>锛�<i>x</i>锛�=5<i>x</i>+2涓嶆槸鍋跺嚱鏁�.</p> </div> <div class="bk-hzjl"> <div class="bj1-hzjl"> <p class="left"> - <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" /> + <img + class="img-gn2" + alt="" + src="../../assets/images/hzjl.jpg" + /> </p> </div> <p class="block tl"> 濡傛灉<i>f</i>锛�<i>x</i>锛夛紝<i>g</i>锛�<i>x</i>锛夐兘鏄畾涔夊煙涓�<i>D</i>鐨勫伓鍑芥暟锛岄偅涔�<i>f</i>锛�<i>x</i>锛�+<i>g</i>锛�<i>x</i>锛夊拰<i>f</i>锛�<i>x</i>锛�<i>g</i>锛�<i>x</i>锛変粛鏄伓鍑芥暟鍚楋紵 - <textarea cols="30" rows="4" v-model="chapterData.txtTwo" placeholder="璇疯緭鍏ュ唴瀹�" - class="w100 ta-br textarea-text" @input="handleChapterData"></textarea> + <textarea + cols="30" + rows="4" + v-model="chapterData.txtTwo" + placeholder="璇疯緭鍏ュ唴瀹�" + class="w100 ta-br textarea-text" + @input="handleChapterData" + ></textarea> </p> </div> </div> @@ -385,136 +575,283 @@ <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" /> </p> <div class="bj"> - - - <examinations :cardList="questionData[9]" :hideCollect="true" sourceType="json" inputBc="#d3edfa" - v-if="questionData" :isReal="false"></examinations> - - - - - <p class="gr-title">鍥涖�佸嚱鏁� f(x)=x鈥�-3 鐨勫浘鍍忓湪 杞村乏杈圭殑閮ㄥ垎濡傚浘鎵�绀猴紝璇蜂綘鐢诲嚭杩欎釜鍑芥暟鍥惧儚鍦� y杞村彸杈圭殑閮ㄥ垎.</p> - <div style="margin:0 auto;width:330px"> - <graffiti :page="9" :bcImg="this.config.activeBook.resourceUrl + '/images/0103-2.jpg'" :imgHeight="300" - :imgWidth="300" :bcColor="'#d3edfa'" /> + <examinations + :cardList="questionData[9]" + :hideCollect="true" + sourceType="json" + inputBc="#d3edfa" + v-if="questionData" + :isReal="false" + ></examinations> + <p class="gr-title"> + 鍥涖�佸嚱鏁� f(x)=x鈥�-3 鐨勫浘鍍忓湪 + 杞村乏杈圭殑閮ㄥ垎濡傚浘鎵�绀猴紝璇蜂綘鐢诲嚭杩欎釜鍑芥暟鍥惧儚鍦� y杞村彸杈圭殑閮ㄥ垎. + </p> + <div style="margin: 0 auto; width: 330px"> + <graffiti + :page="9" + :bcImg=" + this.config.activeBook.resourceUrl + '/images/0103-2.jpg' + " + :imgHeight="300" + :imgWidth="300" + :bcColor="'#d3edfa'" + /> </div> </div> </div> </div> </div> - - - <!-- 鍑芥暟鎺т欢寮圭獥 --> - <el-dialog :visible.sync="dialogVisible" width="60%" :append-to-body="true" :show-close="false"> - <div slot="title" style="padding: 0 0 15px 0;position: relative;"> - <svg style="position: absolute; right:10px;cursor: pointer;" @click="dialogVisible = false" t="1718596022986" - class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4252" width="20" - height="20" xmlns:xlink="http://www.w3.org/1999/xlink"> + <el-dialog + :visible.sync="dialogVisible" + width="60%" + :append-to-body="true" + :show-close="false" + > + <div slot="title" style="padding: 0 0 15px 0; position: relative"> + <svg + style="position: absolute; right: 10px; cursor: pointer" + @click="dialogVisible = false" + t="1718596022986" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="4252" + width="20" + height="20" + xmlns:xlink="http://www.w3.org/1999/xlink" + > <path d="M176.661601 817.172881C168.472798 825.644055 168.701706 839.149636 177.172881 847.338438 185.644056 855.527241 199.149636 855.298332 207.338438 846.827157L826.005105 206.827157C834.193907 198.355983 833.964998 184.850403 825.493824 176.661601 817.02265 168.472798 803.517069 168.701706 795.328267 177.172881L176.661601 817.172881Z" - fill="#979797" p-id="4253"></path> + fill="#979797" + p-id="4253" + ></path> <path d="M795.328267 846.827157C803.517069 855.298332 817.02265 855.527241 825.493824 847.338438 833.964998 839.149636 834.193907 825.644055 826.005105 817.172881L207.338438 177.172881C199.149636 168.701706 185.644056 168.472798 177.172881 176.661601 168.701706 184.850403 168.472798 198.355983 176.661601 206.827157L795.328267 846.827157Z" - fill="#979797" p-id="4254"></path> + fill="#979797" + p-id="4254" + ></path> </svg> </div> - <iframe src="https://www.geogebra.org/calculator" frameborder="0" style="width: 100%; min-height: 800px"></iframe> + <iframe + src="https://www.geogebra.org/calculator" + frameborder="0" + style="width: 100%; min-height: 800px" + ></iframe> </el-dialog> <!-- 瑙i鎬濊矾寮圭獥 --> - <el-dialog :visible.sync="thinkingDialog" width="40%" :append-to-body="true" :show-close="false"> - <div slot="title" style="padding: 0; text-align: center; color: #333;display:flex;justify-content: center;"> + <el-dialog + :visible.sync="thinkingDialog" + width="40%" + :append-to-body="true" + :show-close="false" + > + <div + slot="title" + style=" + padding: 0; + text-align: center; + color: #333; + display: flex; + justify-content: center; + " + > <span style=""> 瑙i鎬濊矾 </span> - <svg style="position: absolute; right:10px;cursor: pointer;" @click="thinkingDialog = false" t="1718596022986" - class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4252" width="20" - height="20" xmlns:xlink="http://www.w3.org/1999/xlink"> + <svg + style="position: absolute; right: 10px; cursor: pointer" + @click="thinkingDialog = false" + t="1718596022986" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="4252" + width="20" + height="20" + xmlns:xlink="http://www.w3.org/1999/xlink" + > <path d="M176.661601 817.172881C168.472798 825.644055 168.701706 839.149636 177.172881 847.338438 185.644056 855.527241 199.149636 855.298332 207.338438 846.827157L826.005105 206.827157C834.193907 198.355983 833.964998 184.850403 825.493824 176.661601 817.02265 168.472798 803.517069 168.701706 795.328267 177.172881L176.661601 817.172881Z" - fill="#979797" p-id="4253"></path> + fill="#979797" + p-id="4253" + ></path> <path d="M795.328267 846.827157C803.517069 855.298332 817.02265 855.527241 825.493824 847.338438 833.964998 839.149636 834.193907 825.644055 826.005105 817.172881L207.338438 177.172881C199.149636 168.701706 185.644056 168.472798 177.172881 176.661601 168.701706 184.850403 168.472798 198.355983 176.661601 206.827157L795.328267 846.827157Z" - fill="#979797" p-id="4254"></path> + fill="#979797" + p-id="4254" + ></path> </svg> </div> <ul> <li v-for="(item, index) in thinkOne" :key="index"> <div v-if="item.isShow" style="display: flex"> <span style="position: relative"> - <span style="position: absolute; top: 16px; left: 13px; color: #fff">{{ index + 1 }}</span> - <img src="../../assets/images/icon/blue-group.png" alt="" style="margin-right: 10px" - v-if="index < thinkOne.length - 1" /> - <img src="../../assets/images/icon/blue.png" alt="" v-if="index == thinkOne.length - 1" - style="margin-right: 10px" /> + <span + style="position: absolute; top: 16px; left: 13px; color: #fff" + >{{ index + 1 }}</span + > + <img + src="../../assets/images/icon/blue-group.png" + alt="" + style="margin-right: 10px" + v-if="index < thinkOne.length - 1" + /> + <img + src="../../assets/images/icon/blue.png" + alt="" + v-if="index == thinkOne.length - 1" + style="margin-right: 10px" + /> </span> <p class="txt-p">{{ item.txt }}</p> </div> </li> </ul> - <div @click="showNext(thinkIndex)" style=" + <div + @click="showNext(thinkIndex)" + style=" display: flex; flex-direction: column; align-items: center; justify-content: center; - "> - <img src="../../assets/images/icon/mouse.png" alt="" v-if="thinkIndex != 3" /> - <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1710234570135" - class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="5067" width="15" height="15"> + " + > + <img + src="../../assets/images/icon/mouse.png" + alt="" + v-if="thinkIndex != 3" + /> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + t="1710234570135" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + p-id="5067" + width="15" + height="15" + > <path d="M2.257993 493.371555 415.470783 906.584344 512 1003.113561 608.529217 906.584344 1021.742007 493.371555 925.212789 396.842337 512 810.055127 98.787211 396.842337Z" - fill="#1296db" p-id="5068" /> + fill="#1296db" + p-id="5068" + /> <path d="M2.257993 117.980154 415.470783 531.192944 512 627.722161 608.529217 531.192944 1021.742007 117.980154 925.212789 21.450937 512 434.663727 98.787211 21.450937Z" - fill="#1296db" p-id="5069" /> + fill="#1296db" + p-id="5069" + /> </svg> </div> </el-dialog> <!-- 瑙i姝ラ寮圭獥 --> - <el-dialog class="stepDialog" title="瑙i姝ラ" :visible.sync="stepDialog" width="40%" :append-to-body="true" - :show-close="false"> - <div slot="title" style="padding: 0; text-align: center; color: #333;display:flex;justify-content: center;"> - <span> - 瑙i姝ラ - </span> - <svg style="position: absolute; right:10px;cursor: pointer;" @click="stepDialog = false" t="1718596022986" - class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4252" width="20" - height="20" xmlns:xlink="http://www.w3.org/1999/xlink"> + <el-dialog + class="stepDialog" + title="瑙i姝ラ" + :visible.sync="stepDialog" + width="40%" + :append-to-body="true" + :show-close="false" + > + <div + slot="title" + style=" + padding: 0; + text-align: center; + color: #333; + display: flex; + justify-content: center; + " + > + <span> 瑙i姝ラ </span> + <svg + style="position: absolute; right: 10px; cursor: pointer" + @click="stepDialog = false" + t="1718596022986" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + xmlns="http://www.w3.org/2000/svg" + p-id="4252" + width="20" + height="20" + xmlns:xlink="http://www.w3.org/1999/xlink" + > <path d="M176.661601 817.172881C168.472798 825.644055 168.701706 839.149636 177.172881 847.338438 185.644056 855.527241 199.149636 855.298332 207.338438 846.827157L826.005105 206.827157C834.193907 198.355983 833.964998 184.850403 825.493824 176.661601 817.02265 168.472798 803.517069 168.701706 795.328267 177.172881L176.661601 817.172881Z" - fill="#979797" p-id="4253"></path> + fill="#979797" + p-id="4253" + ></path> <path d="M795.328267 846.827157C803.517069 855.298332 817.02265 855.527241 825.493824 847.338438 833.964998 839.149636 834.193907 825.644055 826.005105 817.172881L207.338438 177.172881C199.149636 168.701706 185.644056 168.472798 177.172881 176.661601 168.701706 184.850403 168.472798 198.355983 176.661601 206.827157L795.328267 846.827157Z" - fill="#979797" p-id="4254"></path> + fill="#979797" + p-id="4254" + ></path> </svg> </div> <ul> <li v-for="(item, index) in stepOne" :key="index"> <div v-if="item.isShow" style="display: flex"> <span style="position: relative"> - <span style="position: absolute; top: 16px; left: 13px; color: #fff">{{ index + 1 }}</span> - <img src="../../assets/images/icon/blue-group.png" alt="" style="margin-right: 10px" - v-if="index < stepOne.length - 1" /> - <img src="../../assets/images/icon/blue.png" alt="" v-if="index == stepOne.length - 1" - style="margin-right: 10px" /> + <span + style="position: absolute; top: 16px; left: 13px; color: #fff" + >{{ index + 1 }}</span + > + <img + src="../../assets/images/icon/blue-group.png" + alt="" + style="margin-right: 10px" + v-if="index < stepOne.length - 1" + /> + <img + src="../../assets/images/icon/blue.png" + alt="" + v-if="index == stepOne.length - 1" + style="margin-right: 10px" + /> </span> <p class="txt-p">{{ item.txt }}</p> </div> </li> </ul> - <div @click="showNextChange(stepIndex)" style=" + <div + @click="showNextChange(stepIndex)" + style=" display: flex; flex-direction: column; align-items: center; justify-content: center; - "> - <img src="../../assets/images/icon/mouse.png" alt="" v-if="stepIndex != 2" /> - <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1710234570135" - class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="5067" width="15" height="15"> + " + > + <img + src="../../assets/images/icon/mouse.png" + alt="" + v-if="stepIndex != 2" + /> + <svg + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + t="1710234570135" + class="icon" + viewBox="0 0 1024 1024" + version="1.1" + p-id="5067" + width="15" + height="15" + > <path d="M2.257993 493.371555 415.470783 906.584344 512 1003.113561 608.529217 906.584344 1021.742007 493.371555 925.212789 396.842337 512 810.055127 98.787211 396.842337Z" - fill="#1296db" p-id="5068" /> + fill="#1296db" + p-id="5068" + /> <path d="M2.257993 117.980154 415.470783 531.192944 512 627.722161 608.529217 531.192944 1021.742007 117.980154 925.212789 21.450937 512 434.663727 98.787211 21.450937Z" - fill="#1296db" p-id="5069" /> + fill="#1296db" + p-id="5069" + /> </svg> </div> </el-dialog> @@ -523,9 +860,12 @@ <script> import examinations from "@/components/examinations/index.vue"; -import graffiti from '@/components/graffiti/index.vue' +import graffiti from "@/components/graffiti/index.vue"; import { getResourcePath } from "@/assets/methods/resources"; -import { getCollectResource, setCollectResource } from "@/assets/methods/resources"; +import { + getCollectResource, + setCollectResource, +} from "@/assets/methods/resources"; export default { name: "chapter-one", components: { examinations, graffiti }, @@ -535,8 +875,8 @@ default: [], }, questionData: { - type: Object - } + type: Object, + }, }, async mounted() { const data = localStorage.getItem("math-chapterData"); @@ -544,7 +884,9 @@ this.chapterData = JSON.parse(data); } this.getPath(); - this.collectResourceList = await getCollectResource(this.config.activeBook.bookId) + this.collectResourceList = await getCollectResource( + this.config.activeBook.bookId + ); }, data() { return { @@ -595,7 +937,7 @@ dragQuestion: [ { analysisCon: null, - answer: ['A', 'B', 'C'], + answer: ["A", "B", "C"], difficulty: 0, id: "7BC7B760", isCollect: false, @@ -610,21 +952,21 @@ index: "010311", txt: "鑳嗗皬鐨�", value: "A", - isShow: true + isShow: true, }, { img: "", index: "010312", txt: "鍠勮壇鐨�", value: "B", - isShow: true + isShow: true, }, { img: "", index: "010313", txt: "娌夌ǔ鐨�", value: "C", - isShow: true + isShow: true, }, ], optionStyle: "Txt", @@ -634,38 +976,38 @@ 0: "铓傝殎闃熼暱璧拌矾鏄傞鎸鸿兏銆佹浼愬潥瀹氾紝瀹冩槸涓�鍙�(", 1: { data: "span", - num: 0 + num: 0, }, 2: ")铓傝殎;灏忚殏铓佽蛋璧疯矾鏉ュ皬蹇冪考缈硷紝鐪肩椋樺拷涓嶅畾锛屽畠鏄竴鍙�(", 3: { data: "span", - num: 1 + num: 1, }, 4: ")铓傝殎;铓傝殎灏忓闈㈠甫寰瑧锛屾椂鍒绘効鎰忓府鍔╁ぇ瀹讹紝瀹冩槸涓�鍙�(", 5: { data: "span", num: 2, }, - 6: " )铓傝殎" + 6: " )铓傝殎", }, stemStyle: "RichTxt", type: "鎷栨嫿棰�", userAnswer: [ { - vlaue: '', - txt: '' + vlaue: "", + txt: "", }, { - vlaue: '', - txt: '' + vlaue: "", + txt: "", }, { - vlaue: '', - txt: '' + vlaue: "", + txt: "", }, - ] + ], }, - ] + ], }; }, methods: { @@ -716,9 +1058,23 @@ // }, handleCollect(type) { if (type == "img") { - this.handleCollectResource("722FE833", "", 'images/0101-1.jpg', "鍥剧墖", "json", '鍥�3-15') + this.handleCollectResource( + "722FE833", + "", + "images/0101-1.jpg", + "鍥剧墖", + "json", + "鍥�3-15" + ); } else if (type == "video") { - this.handleCollectResource("a28cd862d61b5df2201406b76e9f01b0", "a28cd862d61b5df2201406b76e9f01b0", '', "瑙嗛", "bits", '瑙嗛锛氬垽鏁板嚱鏁板鍋舵�х殑鏂规硶鍜屾楠�') + this.handleCollectResource( + "a28cd862d61b5df2201406b76e9f01b0", + "a28cd862d61b5df2201406b76e9f01b0", + "", + "瑙嗛", + "bits", + "瑙嗛锛氬垽鏁板嚱鏁板鍋舵�х殑鏂规硶鍜屾楠�" + ); // setCollectResource(this.config.activeBook.bookId,[]) } this.handleChapterData(); @@ -745,11 +1101,18 @@ } }, //璧勬簮鏀惰棌浜嬩欢 - handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) { + handleCollectResource( + id, + md5, + resourcePath, + resourceType, + source, + resourceName + ) { console.log(this.collectResourceList); - let list = this.collectResourceList - if (list.findIndex(item => item.id == id) > -1) { - list = list.filter(item => item.id != id) + let list = this.collectResourceList; + if (list.findIndex((item) => item.id == id) > -1) { + list = list.filter((item) => item.id != id); } else { list.push({ id, @@ -758,11 +1121,14 @@ resourceType, source, resourceName, - }) + }); } - this.collectResourceList = list - setCollectResource(this.config.activeBook.bookId, this.collectResourceList) - } + this.collectResourceList = list; + setCollectResource( + this.config.activeBook.bookId, + this.collectResourceList + ); + }, }, }; </script> @@ -807,5 +1173,6 @@ } } -.stepDialog {} +.stepDialog { +} </style> -- Gitblit v1.9.1