From c76dd06de1bb752719900e7ec07d24a5da0966a5 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 22 十一月 2024 11:17:00 +0800 Subject: [PATCH] 公式输入框样式优化 --- src/books/artAndDance/view/components/header.vue | 38 +++++++++++++++++++++----------------- 1 files changed, 21 insertions(+), 17 deletions(-) diff --git a/src/books/artAndDance/view/components/header.vue b/src/books/artAndDance/view/components/header.vue index 34bbcab..ebc24ca 100644 --- a/src/books/artAndDance/view/components/header.vue +++ b/src/books/artAndDance/view/components/header.vue @@ -1,30 +1,31 @@ <template> <div class="chapter" num="1"> - <div class="page-box" page="1"> - <div v-if="showPageList.indexOf(1) > -1"></div> - <img class="img-0" alt="" src="../../assets/images/Cover.jpg" /> + <div class="page-box mt-20" page="1"> + <div v-if="showPageList.indexOf(1) > -1"> + <img class="img-0" alt="" src="../../assets/images/Cover.jpg" /> + </div> </div> - <div class="page-box" page="2"> + <div class="page-box" page="2" > <div v-if="showPageList.indexOf(2) > -1"> <img class="img-0" alt="" src="../../assets/images/SMY.jpg" /> </div> </div> <div class="page-box" page="3"> - <div v-if="showPageList.indexOf(2) > -1"> - <ul class="fl fl-cl ju-bt" style="min-height: 1150px"> + <div v-if="showPageList.indexOf(3) > -1"> + <ul class="fl fl-cl ju-bt pg-mh"> <li> <img src="../../assets/images/pageHeader.png" alt="" class="w100" /> </li> <li> - <div class="bodystyle"> + <div class="bodystyle" style="margin-bottom: 100px"> <h1 id="a003" class="front">缂栧浼�</h1> <hr /> - <p>椤俱��銆�闂細<span class="kaiti">褰悏璞°��鍚曡壓鐢�</span></p> - <p>涓汇��銆�缂栵細<span class="kaiti">鐜嬫澃</span></p> - <p>鍓� 涓� 缂栵細<span class="kaiti">浜庢檽闆��寰愭ⅵ濠�</span></p> + <p class="kaiti">椤俱��銆�闂細<span class="kaiti">褰悏璞°��鍚曡壓鐢�</span></p> + <p class="kaiti">涓汇��銆�缂栵細<span class="kaiti">鐜嬫澃</span></p> + <p class="kaiti">鍓� 涓� 缂栵細<span class="kaiti">浜庢檽闆��寰愭ⅵ濠�</span></p> <ul class="fl"> <li> - <p class="wh-nr">缂栧啓濮斿憳锛�</p> + <p class="wh-nr kaiti">缂栧啓濮斿憳锛�</p> </li> <li class="fl fl-cl"> <span class="kaiti">閭㈤珮鐔欍��鐜嬨��鐜层��鐜嬨��閿︺��宕旀槬鏉�</span> @@ -32,23 +33,23 @@ <span class="kaiti">鏌��鍜忋��寮犺壓鐟躲��灏氬皬闆��鍛ㄣ��鐙�</span> </li> </ul> - <p>缇庢湳缁樼敾锛�<span class="kaiti">寮犲鑽�</span></p> - <p>涓昏鏁欏笀锛�<span class="kaiti">寮犳偊銆�銆�楂樻檽姊�</span></p> + <p class="kaiti">缇庢湳缁樼敾锛�<span class="kaiti">寮犲鑽�</span></p> + <p class="kaiti">涓昏鏁欏笀锛�<span class="kaiti">寮犳偊銆�銆�楂樻檽姊�</span></p> <ul class="fl"> <li> - <p class="wh-nr">琛� 婕� 鑰咃細</p> + <p class="wh-nr kaiti">琛� 婕� 鑰咃細</p> </li> <li class="fl fl-cl"> <span class="kaiti">钁f仼姹愩��濮氭槦鏈点��鍛ㄦ竻绔广��鏈卞婕�</span> <span class="kaiti">鎴村槈澧ㄣ��楂樺瓙娣囥��鑸掑崥鐟炪��鏇规仼娣�</span> - <span class="kaiti">鍒樺瓙鐠愩��閮戞竻濡�</span> + <span class="kaiti" style="z-index: 10;">鍒樺瓙鐠愩��閮戞竻濡�</span> </li> </ul> <p></p> <p>銆�銆�銆�銆�銆�</p> <p>銆�銆�銆�銆�銆�</p> </div> - <p class="center"> + <p class="center pb-box"> <img class="img-0" alt="" src="../../assets/images/ym.jpg" /> </p> </li> @@ -69,4 +70,7 @@ }; </script> -<style scoped></style> +<style scoped> + + +</style> -- Gitblit v1.9.1