From af3ed71065bf2b2139740ce882e38e1c21b3d9ad Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期一, 30 十二月 2024 17:33:28 +0800 Subject: [PATCH] 页眉 --- src/books/aviationEtiquette/view/components/chapter005.vue | 223 +++++++++++++++++++++++++++++++------------------------ 1 files changed, 124 insertions(+), 99 deletions(-) diff --git a/src/books/aviationEtiquette/view/components/chapter005.vue b/src/books/aviationEtiquette/view/components/chapter005.vue index 4c9b236..cba6135 100644 --- a/src/books/aviationEtiquette/view/components/chapter005.vue +++ b/src/books/aviationEtiquette/view/components/chapter005.vue @@ -3,8 +3,9 @@ <!-- 147 --> <div class="page-box" page="153"> <div v-if="showPageList.indexOf(153) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">147</li> + <ul class="fl al-c mr-70 pad-t-55 mb-45"> + <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" /> + <li class="headerText pNum">147</li> </ul> <div class="bodystyle"> <h1 id="a009"> @@ -61,14 +62,14 @@ <!-- 148 --> <div class="page-box" page="154"> <div v-if="showPageList.indexOf(154) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">148</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">148</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <h4 id="d107">涓�銆佹儏鏅墽鐨勯噴涔夊拰浣滅敤</h4> @@ -101,10 +102,13 @@ <!-- 149 --> <div class="page-box" page="155"> <div v-if="showPageList.indexOf(155) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">149</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">149</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <p>杩愮敤鎯宠薄杩涜鍐嶅垱閫狅紝浠庤�屾彁楂樺垱鏂拌兘鍔涳紝鍩瑰吇璇█鑳藉姏銆�</p> @@ -147,14 +151,14 @@ <!-- 150 --> <div class="page-box" page="156"> <div v-if="showPageList.indexOf(156) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">150</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">150</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <p>1涓虹劍鐐瑰尯锛�2銆�3銆�4涓烘鐒︾偣鍖猴紝5銆�6涓烘湯鐒︾偣鍖猴紙瑙佸浘5-1-1锛夈��</p> @@ -192,10 +196,13 @@ <!-- 151 --> <div class="page-box" page="157"> <div v-if="showPageList.indexOf(157) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">151</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">151</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <p> @@ -231,14 +238,14 @@ <!-- 152 --> <div class="page-box" page="158"> <div v-if="showPageList.indexOf(158) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">152</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">152</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <p> @@ -294,10 +301,13 @@ <!-- 153 --> <div class="page-box" page="159"> <div v-if="showPageList.indexOf(159) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">153</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">153</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <p>2.鍑嗗涓ゅ箙鍏ョ敾鐨勫浘鐗囪繘琛屼綔涓氱殑缂栨帓銆�</p> @@ -332,14 +342,14 @@ <!-- 154 --> <div class="page-box" page="160"> <div v-if="showPageList.indexOf(160) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">154</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">154</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <h2 id="b012">椤圭洰浜屻��姘戣埅鏈嶅姟绀间华琛ㄦ紨</h2> @@ -399,10 +409,13 @@ <!-- 155 --> <div class="page-box" page="161"> <div v-if="showPageList.indexOf(161) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">155</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">155</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <p> @@ -444,14 +457,14 @@ <!-- 156 --> <div class="page-box" page="162"> <div v-if="showPageList.indexOf(162) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">156</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">156</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <p> @@ -481,10 +494,13 @@ <!-- 157 --> <div class="page-box" page="163"> <div v-if="showPageList.indexOf(163) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">157</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">157</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <h4 id="d112">浜屻�佺ぜ浠〃婕旂殑瑕佹眰鍙婂師鍒�</h4> @@ -523,14 +539,14 @@ <!-- 158 --> <div class="page-box" page="164"> <div v-if="showPageList.indexOf(164) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">157</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">158</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <p class="center"> @@ -576,10 +592,13 @@ <!-- 159 --> <div class="page-box" page="165"> <div v-if="showPageList.indexOf(165) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">159</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">159</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <p> @@ -615,14 +634,14 @@ <!-- 160 --> <div class="page-box" page="166"> <div v-if="showPageList.indexOf(166) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">160</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">160</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <p>鏃堕棿銆佸湴鐐广�佷笓涓氳姹備互鍙婃墍鍖呭惈鐨勪汉鏂囨�濇兂鍜岀ぞ浼氶棶棰樼瓑銆�</p> @@ -655,10 +674,13 @@ <!-- 161 --> <div class="page-box" page="167"> <div v-if="showPageList.indexOf(167) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">161</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">161</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <h5 id="e162">锛堜竴锛夋皯鑸ぜ浠妧鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鈥斺�旀儏鏅噸鐜�</h5> @@ -703,14 +725,14 @@ <!-- 162 --> <div class="page-box" page="168"> <div v-if="showPageList.indexOf(168) > -1"> - <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45"> - <li class="headerNumber">162</li> - <li class="headerText">姘戣埅鏈嶅姟绀间华</li> - <img - class="headerImg mr-10" - src="../../assets/images/headerlogo.png" - alt="" - /> + <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80"> + <li class="header-left-Number"> + <span class="mr-10 pNum">162</span> + <span><span class="span-box-title"></span>姘戣埅鏈嶅姟绀间华<span class="span-box-title"></span></span> + </li> + <li class="header-left-text"> + <img class="w80" src="../../assets/images/yemei01.png" alt="" /> + </li> </ul> <div class="bodystyle"> <p class="center"> @@ -752,10 +774,13 @@ <!-- 163 --> <div class="page-box" page="169"> <div v-if="showPageList.indexOf(169) > -1"> - <ul class="fl al-c pad-t-55 pad-l-80 mb-45"> - <li class="header-left-Number">鎷撳睍妯″潡</li> - <li class="header-left-text">绀间华娲诲姩绛栧垝</li> - <li class="header-left-Number">163</li> + <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45"> + <li class="header-right-Number header-right-title">鎷撳睍妯″潡</li> + <li class="header-right-Number">绀间华娲诲姩绛栧垝</li> + <li class="header-right-Number pNum">163</li> + <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li> + <li class="header-right-last" style=""><br></li> + <li class="header-right-end" style=""><br></li> </ul> <div class="bodystyle"> <p>2.姘戣埅绀间华鎶�鑳藉睍绀烘儏鏅墽鍒涗綔鎬濊矾鏄紙銆�銆�锛夈�傦紙鍗曢�夐锛�</p> @@ -790,7 +815,7 @@ </div> </div> </div> - <!-- 199椤� --> + <!-- 164椤� --> <div class="page-box mt-20" page="170" style="min-height: auto"> <div v-if="showPageList.indexOf(170) > -1"> <img class="img-0" alt="" src="../../assets/images/fengdi.png" /> -- Gitblit v1.9.1