From b60b839302d34048c216e9fd85b3a84caea257ea Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期二, 11 六月 2024 10:36:17 +0800 Subject: [PATCH] 1 --- src/books/artAndDance/view/components/chapter001.vue | 34 ++++++++++++++++++---------------- 1 files changed, 18 insertions(+), 16 deletions(-) diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue index 85a7ea2..5d13903 100644 --- a/src/books/artAndDance/view/components/chapter001.vue +++ b/src/books/artAndDance/view/components/chapter001.vue @@ -52,24 +52,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> + <span class="wh-nr auido-text mr-8 ">鐢风闊�</span> <audio :src="auidoPathOne" controls></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> </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 ">銆斿攼銆曟潕鐧�</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" @@ -80,13 +80,8 @@ x5-playsinline="" controls class="w100" + style="margin-top: 40px;" ></video> - <p class="center"> - <img class="img-g" alt="" src="image/i0007-1.jpg" /> - </p> - <h2 class="lefth2" id="b003"> - <img class="img-gn" alt="" src="image/czysj.jpg" /> - </h2> </div> <ul> <li class="fl ju-end mr-40"> @@ -109,6 +104,9 @@ class="w100 mb-40" /> <div class="padding-96"> + <h2 class="lefth2" id="b003"> + <img class="img-gn" alt="" src="../../assets/images/czysj.jpg" /> + </h2> <div class="bj1"> <p class="block"> <img @@ -133,7 +131,6 @@ 鍏呭垎鐞嗚В鍙よ瘲琛ㄨ揪鐨勬儏鎰燂紝鏍规嵁宸插鑸炶箞鍏冪礌锛屽垱缂栧甫鏈夐�佸埆鎰忓懗鐨勫崟涓�鑸炶箞鍔ㄤ綔鎴栭�犲瀷鍚с�� </p> </div> - <p class="center"><img class="img-0" alt="" src="image/ym.jpg" /></p> </div> <ul class="pb-box"> <li class="ml-40"> @@ -194,4 +191,9 @@ top: 33%; left: 23%; } +.division-line { + width: 2px; + height: 100%; + background-color: red; +} </style> -- Gitblit v1.9.1