From 30d147c4c92dbfd5ca1b2f8c24a617dc82d2d25b Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 28 四月 2025 18:34:51 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/artAndDance/view/components/chapter001.vue | 41 +++++++++++++++++++++++------------------ 1 files changed, 23 insertions(+), 18 deletions(-) diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue index 6ff78bb..120eded 100644 --- a/src/books/artAndDance/view/components/chapter001.vue +++ b/src/books/artAndDance/view/components/chapter001.vue @@ -1,10 +1,9 @@ <template> <div class="chapter" num="2"> - <div class="page-box" page="4" style="min-height: auto"> + <div class="page-box" page="4"> <div v-if="showPageList.indexOf(4) > -1"> <img class="img-0" alt="" src="../../assets/images/dy1.jpg" /> <img src="../../assets/images/01.gif" alt="" style="width: 53%;" class="cover-img"> - <audio></audio> </div> </div> <div class="page-box" page="5"> @@ -21,7 +20,7 @@ <h2 class="lefth2" id="b001"> <img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" /> </h2> - <h3 id="c001" class="fw-400 fz-26 mb-20">鍏冪礌</h3> + <h3 id="c001" class="fz-26 mb-20">鍏冪礌</h3> <p class="block2 fw-400 fz-26">鍗曟墜鎸ュ埆</p> <p class="block1 w70"><span class="ls fz-26">鈥斺�斿崟鏅冩墜</span></p> <p class="block2 fz-26">鍙屾墜鎸ュ埆</p> @@ -34,7 +33,7 @@ <img src="../../assets/images/icon/tree.jpg" /> <span class="dl-ib"> 2 </span> </li> - <li> + <li class="fl"> <img class="img-0" alt="" src="../../assets/images/ym.jpg" /> </li> </ul> @@ -52,24 +51,24 @@ <h2 class="lefth2" id="b002"> <img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" /> </h2> - <ul class="fl audio-box"> + <ul class="fl fl-cl al-cn audio-box"> <li class="fl al-cn"> - <span class="wh-nr">鐢风闊�</span> - <audio :src="auidoPathOne" controls></audio> + <span class="wh-nr auido-text mr-8 ">鐢风闊�</span> + <audio :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> </li> - <li class="fl al-cn"> - <span class="wh-nr"> + <li class="fl al-cn mt-20 " > + <span class="wh-nr auido-text mr-8 "> 濂崇闊� </span> - <audio :src="auidoPathTwo" controls></audio> + <audio :src="auidoPathTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio> </li> </ul> <h3 id="c003">榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</h3> - <p class="block2">銆斿攼銆曟潕鐧�</p> - <p class="block2">鏁呬汉瑗胯緸榛勯工妤硷紝</p> - <p class="block2">鐑熻姳涓夋湀涓嬫壃宸炪��</p> - <p class="block2">瀛ゅ竼杩滃奖纰х┖灏斤紝</p> - <p class="block2">鍞闀挎睙澶╅檯娴併��</p> + <p class="block2 fm-son " style="margin-right: 7.5%;">銆斿攼銆曟潕鐧�</p> + <p class="block2 m16-0">鏁呬汉瑗胯緸榛勯工妤硷紝</p> + <p class="block2 m16-0">鐑熻姳涓夋湀涓嬫壃宸炪��</p> + <p class="block2 m16-0">瀛ゅ竼杩滃奖纰х┖灏斤紝</p> + <p class="block2 m16-0">鍞闀挎睙澶╅檯娴併��</p> <video :src="videoPathOne" webkit-playsinline="true" @@ -79,7 +78,8 @@ x5-video-player-fullscreen="true" x5-playsinline="" controls - class="w100" + controlslist="nodownload" + class="w100 video" style="margin-top: 40px;" ></video> </div> @@ -90,7 +90,7 @@ <img src="../../assets/images/icon/tree.jpg" /> </div> </li> - <li> + <li class="fl"> <img class="img-0" alt="" src="../../assets/images/ym.jpg" /> </li> </ul> @@ -137,7 +137,7 @@ <img src="../../assets/images/icon/tree.jpg" /> <span class="dl-ib"> 4 </span> </li> - <li> + <li class="fl"> <img class="img-0" alt="" src="../../assets/images/ym.jpg" /> </li> </ul> @@ -191,4 +191,9 @@ top: 33%; left: 23%; } +.division-line { + width: 2px; + height: 100%; + background-color: red; +} </style> -- Gitblit v1.9.1