From 609989d5dd46d2611b42f7d508f67ec89b355562 Mon Sep 17 00:00:00 2001 From: user1 <10901603+no-distractions1@user.noreply.gitee.com> Date: 星期一, 17 六月 2024 15:17:43 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/childHealth/view/content/components/chapter005.vue | 30 ++++++++++++++++++++---------- 1 files changed, 20 insertions(+), 10 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue index 29bc87e..7f390d6 100644 --- a/src/books/childHealth/view/content/components/chapter005.vue +++ b/src/books/childHealth/view/content/components/chapter005.vue @@ -443,7 +443,8 @@ x5-playsinline="" controls controlslist="nodownload" - class="w100 video-border" + class="w100 video-border video" + @play="videoPlay" ></video> <p class="img">瑙嗛锛氳惀鍏荤礌</p> </div> @@ -701,7 +702,7 @@ <p class="center"> <b >涓浗灞呮皯鑶抽鎸囧崡<a id="w1"></a - ><a href="javascript: void(0)"><sup>[1]</sup></a></b + ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelOne')" class="cu-pr"><sup>[1]</sup></a></b > </p> <p class="block"> @@ -730,7 +731,7 @@ <p class="block">路鍑忓皯涔呭潗鏃堕棿锛屾瘡灏忔椂璧锋潵鍔ㄤ竴鍔ㄣ��</p> </div> <div class="annotation-border"></div> - <p class="note t0 word-break-all"> + <p class="note t0 word-break-all" id="childFive-labelOne"> <a id="m1"></a><a href="javascript: void(0)">[1]</a> 鎽樿嚜銆娿�堜腑鍥藉眳姘戣喅椋熸寚鍗楋紙2022锛夈�夊钩琛¤喅椋熷叓鍑嗗垯銆嬶紝http锛�//dg.cnsoc.org/article/04/J4-AsD_DR3OLQMnHG0-jZA.html锛�2022-12-28銆� </p> @@ -834,7 +835,7 @@ </p> <p class="block"> 绗簲锛岀粡甯告埛澶栨椿鍔紱瀹氭湡浣撴牸娴嬮噺锛屼繚闅滃仴搴锋垚闀裤��<a id="w2"></a - ><a href="javascript: void(0)"><sup>[2]</sup></a> + ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelTwo')" class="cu-pr"><sup>[2]</sup></a> </p> <p class="center openImgBox"> <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100"> @@ -860,7 +861,7 @@ 閽欐槸浜轰綋鍚噺鏈�澶氱殑鏃犳満鐩愶紝浠呮浜庣⒊銆佹阿銆佹哀銆佹爱锛屽眳浜庝綋鍐呭厓绱犵殑绗�5浣嶃�� </p> <div class="annotation-border"></div> - <p class="note word-break-all"> + <p class="note word-break-all" id="childFive-labelTwo"> <a id="m2"></a><a href="javascript: void(0)">[2]</a> 鎽樿嚜銆婁腑鍥藉┐骞煎効鍠傚吇鎸囧崡锛�2022锛夈�嬶紝http锛�//dg.cnsoc.org/article/04/gc5cUak3RhSGheqSaRljnA.html锛� 2022-12-28銆� @@ -1598,7 +1599,8 @@ x5-playsinline="" controls controlslist="nodownload" - class="w100 video-border" + class="w100 video-border video" + @play="videoPlay" ></video> <p class="img">瑙嗛锛氫钩鍎胯緟鍔╅鍝佺殑娣诲姞</p> </div> @@ -1905,7 +1907,8 @@ x5-playsinline="" controls controlslist="nodownload" - style="width: 100%" + class="w100 video-border video" + @play="videoPlay" ></video> <p class="img">瑙嗛锛氬鍓嶅効绔ヨ喅椋熺殑閰嶅埗鍘熷垯</p> </div> @@ -1986,7 +1989,7 @@ <p class="center"> <b >涓崕楗鏂囧寲鍙婂叾瀵瑰鍓嶅効绔ラギ椋熺殑褰卞搷<a id="w3"></a - ><a href="javascript: void(0)"><sup>[3]</sup></a></b + ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelThree')" class="cu-pr"><sup>[3]</sup></a></b > </p> <p class="block"> @@ -2016,7 +2019,7 @@ 绗簲锛岃澶囧竷灞�鍜屽伐鑹烘祦绋嬪簲褰撳悎鐞嗭紝闃叉寰呭姞宸ラ鍝佷笌鐩存帴鍏ュ彛椋熷搧銆佸師鏂欎笌鎴愬搧 </p> <div class="annotation-border"></div> - <p class="note"> + <p class="note" id="childFive-labelThree"> <a id="m3"></a><a href="javascript: void(0)">[3]</a> 鎽樿嚜姹熺惓锛氥�婃祬璋堝辜鍎块ギ椋熺敓娲讳腑鐨勮绋嬭祫婧愬強鍏跺紑鍙戙�嬶紝杞姐�婂鍓嶆暀鑲茬爺绌躲�嬶紝2007锛�2锛夈�傚紩鐢ㄦ椂鏈夋敼鍔ㄣ�� </p> @@ -2102,7 +2105,8 @@ x5-playsinline="" controls controlslist="nodownload" - style="width: 100%" + class="w100 video-border video" + @play="videoPlay" ></video> <p class="img">瑙嗛锛氬効绔ラギ椋熶範鎯殑鍩瑰吇</p> </div> @@ -2926,6 +2930,12 @@ ); this.$data.pathFour = await getResourcePath("4f446d88ec1ed081a172b7130dce896b"); }, + gotoLabel(id) { + (this.container ? this.container : document).getElementById(id).scrollIntoView() + }, + videoPlay(e) { + this.$emit('closeVideo',e.srcElement.currentSrc) + } }, }; </script> -- Gitblit v1.9.1