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