From 002c3ab903cb545c1d595965807a4cd63fb5b7f3 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期三, 04 九月 2024 16:40:53 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/mathBook/view/components/header.vue | 197 ++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 192 insertions(+), 5 deletions(-) diff --git a/src/books/mathBook/view/components/header.vue b/src/books/mathBook/view/components/header.vue index 258b3be..cad201c 100644 --- a/src/books/mathBook/view/components/header.vue +++ b/src/books/mathBook/view/components/header.vue @@ -1,18 +1,19 @@ <template> - <div class="chapter" num="1"> - <!-- 灏侀潰 --> - <div class="page-box cover mt-20" page="1" > + <div class="chapter" num="0"> + <!-- 灏侀潰1 --> + <div class="page-box cover mt-20" page="1"> <div v-if="showPageList.indexOf(1) > -1"> <img src="../../assets/images/Cover.jpg" alt="" class="w100" /> </div> </div> + <!-- 鐗堟潈椤�1 --> <div class="page-box" page="2"> <div v-if="showPageList.indexOf(2) > -1"> <img src="../../assets/images/Covers.png" alt="" class="w100" /> </div> </div> - <!-- 鐗堟潈椤� --> - <div class="page-box text-center" style="padding: 136px 0" page="3"> + <!-- 鐗堟潈椤�2 --> + <div class="page-box text-center" page="3" style="padding: 136px 0"> <div v-if="showPageList.indexOf(3) > -1"> <div class="box"> <hr class="line" /> @@ -72,6 +73,161 @@ </div> </div> + <div class="page-box" page="4"> + <div v-if="showPageList.indexOf(4) > -1"> + <div class="padding-116" style="padding-top:50px ;"> + + <div class="publishTitle"> + + + + + + <div> + <div class="indentation">鈥滃崄鍥涗簲鈥� 鑱屼笟鏁欒偛鍥藉瑙勫垝鏁欐潗</div> + <div class="indentation">(涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗)鍑虹増璇存槑</div> + <div class="indentation" style="color: #000; font-size: 16px; letter-spacing: 10px; "> + ....................................</div> + </div> + + + <div style="margin-left: 15px;"> + >>>> + </div> + </div> + + + + + + <p style="margin-top: 30px; line-height: 30px; "> + 涓鸿疮褰诲厷鐨勪簩鍗佸ぇ绮剧锛岃惤瀹炪�婁腑鍗庝汉姘戝叡鍜屽浗鑱屼笟鏁欒偛娉曘�嬭瀹氾紝娣卞寲鑱屼笟鏁欒偛鈥滀笁鏁欌�濇敼闈╋紝鍏ㄩ潰鎻愰珮鎶�鏈妧鑳藉瀷浜烘墠鍩瑰吇璐ㄩ噺锛屾寜鐓с�婅亴涓氶櫌鏍℃暀鏉愮鐞嗗姙娉曘�嬨�婁腑绛夎亴涓氬鏍″叕鍏卞熀纭�璇剧▼鏂规銆嬪拰鏈夊叧璇剧▼鏍囧噯鐨勮姹傦紝鍦ㄥ浗瀹舵暀鏉愬鍛樹細鐨勭粺绛归瀵间笅锛屾牴鎹暀鑲查儴鑱屼笟鏁欒偛涓庢垚浜烘暀鑲插徃瀹夋帓锛屾暀鑲查儴鑱屼笟鏁欒偛鍙戝睍涓績缁勭粐鏈夊叧鍑虹増鍗曚綅瀹屾垚瀵规暟瀛︺�佽嫳璇�佷俊鎭妧鏈�佷綋鑲蹭笌鍋ュ悍銆佽壓鏈�佺墿鐞嗐�佸寲瀛�7闂ㄥ叕鍏卞熀纭�璇剧▼鍥藉瑙勫垝鏂版暀鏉愪慨璁㈠伐浣滐紝淇鏁欐潗缁忎笓瀹跺鍛樹細瀹℃牳閫氳繃锛岀粺涓�鏍囨敞鈥滃崄鍥涗簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愶紙涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗锛夈�� + </p> + <p style=" line-height: 30px; "> + 淇鏁欐潗鏍规嵁鏁欒偛閮ㄥ彂甯冪殑涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏍囧噯鍜屽浗瀹舵柊瑕佹眰缂栧啓锛屽叏闈㈣惤瀹炵珛寰锋爲浜烘牴鏈换鍔★紝绐佹樉鑱屼笟鏁欒偛绫诲瀷鐗瑰緛锛岄伒寰妧鏈妧鑳戒汉鎵嶆垚闀胯寰嬪拰瀛︾敓韬績鍙戝睍瑙勫緥锛岃仛鐒︽牳蹇冪礌鍏汇�佹敞閲嶅痉鎶�骞朵慨锛屽湪鏁欐潗缁撴瀯銆佹暀鏉愬唴瀹广�佹暀瀛︽柟娉曘�佸憟鐜板舰寮忋�侀厤濂楄祫婧愮瓑鏂归潰杩涜浜嗘湁鐩婃帰绱紝鏃ㄥ湪鎺ㄥ姩涓瓑鑱屼笟鏁欒偛鍚戝氨涓氬拰鍗囧骞堕噸杞彉锛屾墦鐗腑绛夎亴涓氬鏍″鐢熺殑绉戝鏂囧寲鍩虹锛屾彁鍗囧鐢熺殑缁煎悎绱犺川鍜岀粓韬涔犺兘鍔涳紝鎻愰珮鎶�鏈妧鑳戒汉鎵嶅煿鍏昏川閲忥紝宸╁浐涓瓑鑱屼笟鏁欒偛鍦ㄨ亴涓氭暀鑲蹭綋绯讳腑鐨勫熀纭�鍦颁綅銆� + </p> + <p style=" line-height: 30px; "> + 鍚勫湴瑕佹寚瀵煎尯鍩熷唴涓瓑鑱屼笟瀛︽牎寮�榻愬紑瓒冲紑濂藉叕鍏卞熀纭�璇剧▼锛岃鐪熻疮褰诲疄鏂姐�婅亴涓氶櫌鏍℃暀鏉愮鐞嗗姙娉曘�嬶紝纭繚閫夌敤鏈瀹℃牳閫氳繃鐨勫浗瀹惰鍒掍慨璁㈡暀鏉愩�傚浣跨敤杩囩▼涓彂鐜伴棶棰樿鍙婃椂鍙嶉缁欏嚭鐗堝崟浣嶏紝浠ユ帹鍔ㄧ紪鍐欍�佸嚭鐗堝崟浣嶇簿鐩婃眰绮撅紝涓嶆柇鎻愰珮鏁欐潗璐ㄩ噺銆� + </p> + + <div class="information"> + <p>涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗寤鸿涓撳濮斿憳浼�</p> + <p>2023骞�6鏈�</p> + </div> + </div> + </div> + </div> + + <div class="page-box" page="5"> + <div v-if="showPageList.indexOf(5) > -1"> + <div class="padding-116" style="padding-top:50px ;"> + <div class="publishTitle"> + <div> + <div class="indentation">鍓嶈█</div> + <div class="indentation" style="color: #000; font-size: 16px; letter-spacing: 10px; "> + ......</div> + </div> + <div style="margin-left: 15px;"> + >>>>>>>> + </div> + </div> + + <p> + 涓瓑鑱屼笟瀛︽牎鏁板璇剧▼鏄腑绛夎亴涓氬鏍″悇涓撲笟瀛︾敓蹇呬慨鐨勫叕鍏卞熀纭�璇剧▼锛屾壙杞界潃钀藉疄绔嬪痉鏍戜汉鏍规湰浠诲姟銆佸彂灞曠礌璐ㄦ暀鑲茬殑鍔熻兘锛屽叿鏈夊熀纭�鎬с�佸彂灞曟�с�佸簲鐢ㄦ�у拰鑱屼笟鎬х瓑鐗圭偣銆傛湰濂楁暀鏉愭槸鈥滃崄鍥涗簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愶紙涓瓑鑱屼笟瀛︽牎鍏叡鍩虹璇剧▼鏁欐潗锛夛紝渚濇嵁銆婁腑绛夎亴涓氬鏍″叕鍏卞熀纭�璇剧▼鏂规銆嬪拰銆婁腑绛夎亴涓氬鏍℃暟瀛﹁绋嬫爣鍑嗐�嬶紙浠ヤ笅绠�绉扳�滄柊璇炬爣鈥濓級缂栧啓銆� + </p> + + + <div class="zt-ls1" style="margin-top: 30px;"> + + 涓�銆佹湰濂楁暀鏉愮殑涓昏鍐呭 + </div> + + <p> + 鏈鏁欐潗娉ㄩ噸鎻愬崌瀛︾敓鏁板杩愮畻銆佺洿瑙傛兂璞°�侀�昏緫鎺ㄧ悊銆佹暟瀛︽娊璞°�佹暟鎹垎鏋愬拰鏁板寤烘ā鍏ぇ鏁板瀛︾鏍稿績绱犲吇锛涙敞閲嶆彁楂樺鐢熷涔犳暟瀛︾殑鍏磋叮锛屽寮哄鐢熷濂芥暟瀛︾殑涓诲姩鎬у拰鑷俊蹇冿紝浣垮鐢熷吇鎴愮悊鎬ф�濈淮銆佹暍浜庤川鐤戙�佸杽浜庢�濊�冪殑绉戝绮剧鍜岀簿鐩婃眰绮剧殑宸ュ尃绮剧锛屽姞娣卞鏁板鐨勭瀛︿环鍊笺�佸簲鐢ㄤ环鍊笺�佹枃鍖栦环鍊煎拰瀹$編浠峰�肩殑璁よ瘑锛涙敞閲嶄緷鎹腑鑱屽鐢熺殑瀹為檯鎯呭喌锛屼负涓嶅悓闇�姹傜殑瀛︾敓鎻愪緵鏈潵鍙戝睍鎵�闇�鐨勬暟瀛︾煡璇嗭紝骞跺煿鍏诲叾鐩稿簲鐨勬暟瀛﹁兘鍔涖�� + </p> + + <p>鏈鏁欐潗鍐呭浣撶郴濡備笅銆�</p> + + <p class="center openImgBox"> + <img class="img-c" alt="" src="../../assets/imgs/0004-1.jpg" /> + </p> + <!-- <p class="img">鍥�3-16</p> --> + </div> + </div> + </div> + + <div class="page-box" page="6"> + <div v-if="showPageList.indexOf(6) > -1"> + <div class="padding-116" style="padding-top:50px ;"> + <p class="center openImgBox"> + <img class="img-c" alt="" src="../../assets/imgs/0005-1.jpg" /> + </p> + + <div class="zt-ls1" style="margin-top: 30px;"> + 浜屻�佹湰濂楁暀鏉愮殑涓昏鐗硅壊 + </div> + <p class="zt-ls1" style="margin-top: 30px;"> + 路绱ф墸鏂拌鏍囨柊鐞嗗康锛屾敞閲嶅彂灞曟牳蹇冪礌鍏� + </p> + <div class="textIndentation"> + 涓哄叏闈㈣疮褰诲厷鐨勬暀鑲叉柟閽堛�佽惤瀹炵珛寰锋爲浜烘牴鏈换鍔★紝鏈鏁欐潗涓ユ牸渚濇嵁鏂拌鏍囩紪鍐欙紝鍏ㄩ潰钀藉疄鏂拌鏍囪姹傦紝鍦ㄦ暟瀛﹀唴瀹硅璁′腑绐佸嚭鏁板瀛︾鏍稿績绱犲吇锛屾敞閲嶅鐢熸牳蹇冪礌鍏荤殑鎻愬崌銆� + </div> + + <p class="zt-ls1" style="margin-top: 30px;"> + 路閲嶈瀹炶返浣撶幇搴旂敤锛岀獊鏄炬暟瀛﹁偛浜轰环鍊� + </p> + <div class="textIndentation"> + 鏈鏁欐潗鍏呭垎鑰冭檻涓瓑鑱屼笟鏁欒偛鐨勬暀瀛﹁寰嬨�佷竴绾胯亴涓氬鏍″鐢熺殑瀹為檯鎯呭喌鍜屽鐢熸湭鏉ヨ亴涓氬彂灞曢渶姹傦紝娉ㄩ噸鍒涜璐磋繎瀛︾敓鐢熸椿銆佹湭鏉ヨ亴鍦虹殑鏁板鎯呭锛岀敓鍔ㄨ嚜鐒跺湴寮曞叆銆佸憟鐜般�佸睍寮�鏁板鐭ヨ瘑鐨勫涔犮�傛暟瀛︽儏澧冨婧愯嚜鏃ュ父鐢熸椿銆佺ぞ浼氱敓娲绘垨鐢熶骇瀹炶返妗堜緥锛屾敞閲嶅湪妗堜緥鎯呭涓彁鍑烘暟瀛﹂棶棰橈紝浣垮鐢熷浼氳繍鐢ㄦ暟瀛︾煡璇嗗拰鏁板鎬濈淮瑙e喅瀹為檯闂锛屾彁鍗囧鐢熺殑鏁板杩愮敤鑳藉姏銆� + </div> + + + + <p class="zt-ls1" style="margin-top: 30px;"> + 路鏂扮煡鐢熸垚鏃х煡杩佺Щ锛屾湁鏈烘瀯寤烘暟瀛︽暣浣� + </p> + <div class="textIndentation"> + 鏈鏁欐潗娉ㄩ噸鏁板鏂扮煡璇嗙殑鑷劧鐢熸垚锛岃缃�滅煡璇嗗洖椤锯�濃�滈棶棰樻彁鍑�/瑙傚療鎬濊�冣�濃�滃垎鏋愮悊瑙b�濃�滄娊璞℃鎷�濈瓑鏍忕洰锛岄�氳繃灞傚眰閫掕繘鐨勭鍚堥�昏緫瑙勫緥鐨勭粨鏋勪綋渚嬶紝璁╁鐢熶簡瑙f暟瀛︾煡璇嗙殑鏉ラ緳鍘昏剦銆傛暀鏉愭敞鎰忓悇閮ㄥ垎鐭ヨ瘑涔嬮棿鐨勫唴鍦ㄨ仈绯伙紝閫氳繃绫绘瘮銆佽仈鎯炽�佺煡璇嗙殑杩佺Щ鍜屽簲鐢ㄧ瓑鎵嬫锛屼娇瀛︾敓浣撲細鐭ヨ瘑涔嬮棿鐨勬湁鏈鸿仈绯伙紝鎰熷彈鏁板鐨勬暣浣撴�э紝姝g‘璁よ瘑鏁板鐨勬湰璐ㄣ�� + </div> + + + + <p class="zt-ls1" style="margin-top: 30px;"> + 路灏婇噸瀛︾敓涓讳綋鍦颁綅锛屼綋鐜板垎灞傛暀瀛︾悊蹇� + </p> + <div class="textIndentation"> + 鏈鏁欐潗娉ㄩ噸鏁板鏂扮煡璇嗙殑鑷劧鐢熸垚锛岃缃�滅煡璇嗗洖椤锯�濃�滈棶棰樻彁鍑�/鏈鏁欐潗鍧氭寔浠ュ鐢熶负鏈紝灏婇噸瀛︾敓涓讳綋鍦颁綅锛屽叧娉ㄥ鐢熺殑涓綋宸紓銆傚湪渚嬮閫夋嫨銆佷範棰樼紪鎺掔瓑鏂归潰鍧囧樊鍒寲璁剧疆闅惧害锛岀獊鍑哄涓氭按骞宠瘎浠疯绱狅紝浣撶幇鍒嗗眰鏁欏鐨勭悊蹇碉紝鏃㈤�傚簲涓嶅悓鍦板尯銆佷笉鍚屼笓涓氱被鍒�佷笉鍚屾暟瀛﹀熀纭�瀛︾敓鐨勭壒鐐癸紝鍙堝吋椤惧鐢熷崌瀛﹀拰灏变笟鐨勯渶瑕併�� + </div> + + <div class="zt-ls1" style="margin-top: 30px;"> + 涓夈�佹湰濂楁暀鏉愮殑閰嶅璧勬簮 + </div> + <p>鏈鏁欐潗涓哄鐢熸彁渚涢厤濂楀涔犳寚瀵间笌鑳藉姏璁粌锛屽府鍔╁鐢熻繘琛屽悓姝ュ涔犱笌瀛︿範妫�娴嬶紝鍏奸【鍗囧鍜屽氨涓氫袱绉嶅彂灞曢渶姹傦紝鎻愬崌瀛︾敓瀛︿範鏁堢巼鍜屾晥鏋溿��</p> + </div> + </div> + </div> + + <div class="page-box" page="7"> + <div v-if="showPageList.indexOf(7) > -1"> + <div class="padding-116" style="padding-top:50px ;"> + + <p> + 鈥滀含甯圗璇锯�濅负鏈鏁欐潗閰嶅璧勬簮鏈嶅姟骞冲彴锛屼负鏁欏笀寮�灞曞鏍峰寲鏁欏銆佸鐢熷紑灞曚釜鎬у寲鑷富瀛︿範鎻愪緵鍏ㄦ柟浣嶇殑鏀寔鍜屾湇鍔°�傛湰濂楁暀鏉愰厤澶囦赴瀵岀殑鏁板瓧璧勬簮锛岃祫婧愮被鍨嬪寘鎷暀瀛﹁浠躲�佸悓姝ユ暀妗堛�侀噸闅剧偣鐭ヨ瘑璁茶В瑙嗛銆侀噸闅剧偣涔犻璁茶В瑙嗛浠ュ強鍦ㄧ嚎浜や簰涔犻绛夈�傛垜浠皢缁х画寮�灞曞叾浠栦紭璐ㄦ暟瀛楁暀瀛﹁祫婧愮殑鐮斿彂鍜屽缓璁撅紝涓嶆柇鏇存柊鍜屼赴瀵岀浉鍏冲唴瀹癸紝鍋氬埌涓庢椂淇辫繘銆傚笀鐢熷彲璁块棶浜笀E璇惧畼鏂圭綉绔欙細https锛氣垾jsek.bnuic.com锛岀櫥褰曞悗鎼滅储涔﹀悕杩涜鏌ョ湅銆� + </p> + + <div class="zt-ls1" style="margin-top: 30px;"> + 鍥涖�佹湰鏁欐潗鐨勭紪鍐欏洟闃熷強鍒嗗伐 + </div> + <p> + 鏈鏁欐潗鐢卞寳浜笀鑼冨ぇ瀛︽暟瀛︾瀛﹀闄㈡浌涓�楦f暀鎺堟媴浠讳富缂栵紝璐熻矗璁捐鏁欐潗鐨勭紪鍐欐彁绾层�佺紪鍐欎綋渚嬶紝鏈唽鏁欐潗涓哄熀纭�妯″潡涓婂唽锛岀敱浠樺媷銆佽懀杩炴槬鎷呬换鍒嗗唽涓荤紪銆傛湰鍐屾暀鏉愪功绋挎挵鍐欏垎宸ュ涓嬶細绗竴鍗曞厓锛屽懆闃炽�佽儭鐞寸锛涚浜屽崟鍏冿紝钁h繛鏄ャ�侀挓寤烘灄锛涚涓夊崟鍏冿紝閮戝父绉�銆佽儭鐞寸銆佸懆娴风嚂锛涚鍥涘崟鍏冿紝浠樺媷銆佹潹瑁曢摠锛涚浜斿崟鍏冿紝鏉庤寕鑹�佹潕鎭掋�佺敯涓栦紵銆傛浌涓�楦e鍏ㄤ功杩涜缁熺銆佸畾绋匡紝骞跺绗竴銆佺浜屻�佺涓夊崟鍏冭繘琛岃緝澶у箙搴︾殑淇敼锛屼粯鍕囥�佽懀杩炴槬銆佽儭鐞寸銆侀儜甯哥銆佹潕鑼傝壇銆佹潹瑁曢摠銆侀挓寤烘灄鍙備笌鍏ㄤ功鐨勫绋垮拰瀹氱宸ヤ綔銆� + </p> + <p> + 闄や笂杩颁富瑕佺紪鑰呭锛屽弬鍔犳湰鏁欐潗璁ㄨ銆佷慨鏀瑰拰鐩稿叧鏁欏璧勬簮鍒朵綔鐨勮繕鏈夛紙浠ュ姘忕瑪鐢讳负搴忥級锛氱帇绔嬩笢锛堝寳浜笀鑼冨ぇ瀛︼級锛屽垬闆烽浄锛堥噸搴嗗競鍖楃鑱屼笟鏁欒偛涓績锛夛紝涓ュ嚡锛堜笂娴峰競鏉愭枡宸ョ▼瀛︽牎锛夛紝寮犻噾鐜诧紙閲嶅簡甯傝偛鎵嶈亴涓氭暀鑲蹭腑蹇冿級锛屾灄闆锛堜笂娴峰競鍟嗕笟浼氳瀛︽牎锛夛紝鏌村厜绁ワ紙缁ラ槼鍘夸腑绛夎亴涓氭妧鏈鏍★級锛屽緪姘告槍锛堥暱鍨h亴涓氫腑绛変笓涓氬鏍★級锛岄珮鏅撳叺锛堝寳閮ㄦ咕鑱屼笟鎶�鏈鏍★級锛屾浘鍠勯箯锛堟澀宸炲競鐢靛瓙淇℃伅鑱屼笟瀛︽牎锛夈�傚悓鏃讹紝鍦ㄦ暀鏉愬墠鏈熺殑璇曟暀璇曠敤杩囩▼涓紝鎴戜滑鏀跺埌浜嗗緢澶氱渷甯傛暟瀛︽暀鐮斿憳銆佹暀甯堢殑瀹濊吹鎰忚鍜屽缓璁紝鍦ㄦ涓�骞惰〃绀烘劅璋紒 + </p> + <p>鐢变簬鏃堕棿杈冧负浠撲績锛屾暀鏉愰毦鍏嶅瓨鍦ㄤ笉瓒充箣澶勶紝鎴戜滑璇氭伋鍦版湡寰呭悇浣嶈鑰呮彁鍑哄疂璐电殑淇敼鎰忚鍜屽缓璁紙璇峰彂閭欢鑷硑jp@bnupg.com锛夈��</p> + + </div> + </div> + </div> </div> </template> @@ -95,18 +251,22 @@ width: 100%; object-fit: contain; } + .box { max-width: 400px; margin: 0 auto; } + .line { background-color: #000; height: 2px; } + .tixing { position: relative; margin-bottom: 110px; } + .tixing-left { position: absolute; top: 0px; @@ -116,6 +276,7 @@ border-bottom: 30px solid transparent; border-left: 0px solid transparent; } + .tixing-right { max-width: 200px; border-top: 40px solid transparent; @@ -123,18 +284,44 @@ border-bottom: 40px solid #8dd7f7; border-left: 40px solid transparent; } + .tixing-box { width: 100%; height: 50px; background-color: #8dd7f7; } + .tixing-text { position: absolute; top: -36px; left: 44px; } + .preface-text { font-size: 24px; color: #fff; } + +.publishTitle { + width: 100%; + height: 100px; + color: #2cc4f3; + border-left: 20px solid #2cc4f3; + font-size: 25px; + font-weight: bold; + display: flex; + align-items: center; + + .indentation { + text-indent: 1em; + } + +} + +.information { + color: #2cc4f3; + text-align: right; + font-weight: bold; + margin-top: 30px; +} </style> -- Gitblit v1.9.1