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/chapter003.vue |  304 ++++++++++++++++++++++++++++----------------------
 1 files changed, 168 insertions(+), 136 deletions(-)

diff --git a/src/books/aviationEtiquette/view/components/chapter003.vue b/src/books/aviationEtiquette/view/components/chapter003.vue
index 43eb427..1777415 100644
--- a/src/books/aviationEtiquette/view/components/chapter003.vue
+++ b/src/books/aviationEtiquette/view/components/chapter003.vue
@@ -3,10 +3,9 @@
     <!-- 89 -->
     <div class="page-box" page="95">
       <div v-if="showPageList.indexOf(95) > -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">89</li>
+        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
+          <li class="headerText pNum">89</li>
+          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
         </ul>
         <div class="bodystyle">
           <h1 id="a007">
@@ -54,14 +53,14 @@
     <!-- 90 -->
     <div class="page-box" page="96">
       <div v-if="showPageList.indexOf(96) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">90</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">90</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>
@@ -98,10 +97,13 @@
     <!-- 91 -->
     <div class="page-box" page="97">
       <div v-if="showPageList.indexOf(97) > -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">91</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">91</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="e074">锛堜簲锛夊鎸戝墧鏃呭</h5>
@@ -135,14 +137,14 @@
     <!-- 92 -->
     <div class="page-box" page="98">
       <div v-if="showPageList.indexOf(98) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">92</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">92</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>
@@ -180,10 +182,13 @@
     <!-- 93 -->
     <div class="page-box" page="99">
       <div v-if="showPageList.indexOf(99) > -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">93</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">93</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>
@@ -235,14 +240,14 @@
     <!-- 94 -->
     <div class="page-box" page="100">
       <div v-if="showPageList.indexOf(100) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">94</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">94</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">
           <h6 id="f034">4.璁ヨ銆佽交瑙嗙殑璇彞</h6>
@@ -301,10 +306,13 @@
     <!-- 95 -->
     <div class="page-box" page="101">
       <div v-if="showPageList.indexOf(101) > -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">95</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">95</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">
           <h3 id="c022">
@@ -349,14 +357,14 @@
     <!-- 96 -->
     <div class="page-box" page="102">
       <div v-if="showPageList.indexOf(102) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">96</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">96</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>
@@ -411,10 +419,13 @@
     <!-- 97 -->
     <div class="page-box" page="103">
       <div v-if="showPageList.indexOf(103) > -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">97</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">97</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><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -456,14 +467,14 @@
     <!-- 98 -->
     <div class="page-box" page="104">
       <div v-if="showPageList.indexOf(104) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">98</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">98</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>7.涓婁簡鍏氦鍚庝綘鍙戠幇鑷繁娌″甫闆堕挶锛屼綘浼氭�庝箞鍔烇紵</p>
@@ -505,10 +516,13 @@
     <!-- 99 -->
     <div class="page-box" page="105">
       <div v-if="showPageList.indexOf(105) > -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">99</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">99</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>4.寰楀垎25锝�30鍒嗭紝鑱屽満娌熼�氬姏锛�99鍒嗐��</p>
@@ -559,14 +573,14 @@
     <!-- 100 -->
     <div class="page-box" page="106">
       <div v-if="showPageList.indexOf(106) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">100</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">100</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>C.缇℃厱</p>
@@ -611,10 +625,13 @@
     <!-- 101 -->
     <div class="page-box" page="107">
       <div v-if="showPageList.indexOf(107) > -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">101</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">101</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>B.鍦ㄤ笉鍚岀殑鍦哄悎锛屼綘浼氱敤涓嶅悓鐨勬�佸害涓庝箣璁茶瘽</p>
@@ -654,14 +671,14 @@
     <!-- 102 -->
     <div class="page-box" page="108">
       <div v-if="showPageList.indexOf(108) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">102</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">102</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">
           <div class="bk4">
@@ -692,10 +709,13 @@
     <!-- 103 -->
     <div class="page-box" page="109">
       <div v-if="showPageList.indexOf(109) > -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">103</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">103</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">
           <h2 id="b007">椤圭洰浜屻��姘戣埅鏃呭鎶曡瘔搴斿鎶�宸�</h2>
@@ -749,14 +769,14 @@
     <!-- 104 -->
     <div class="page-box" page="110">
       <div v-if="showPageList.indexOf(110) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">104</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">104</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">
           <h3 id="c023">
@@ -800,10 +820,13 @@
     <!-- 105 -->
     <div class="page-box" page="111">
       <div v-if="showPageList.indexOf(111) > -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">105</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">105</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>
@@ -861,14 +884,14 @@
     <!-- 106 -->
     <div class="page-box" page="112">
       <div v-if="showPageList.indexOf(112) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">106</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">106</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>
@@ -901,10 +924,13 @@
     <!-- 107 -->
     <div class="page-box" page="113">
       <div v-if="showPageList.indexOf(113) > -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">107</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">107</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">
           <h3 id="c024">
@@ -958,14 +984,14 @@
     <!-- 108 -->
     <div class="page-box" page="114">
       <div v-if="showPageList.indexOf(114) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">108</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">108</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><span class="bj2">路闆嗘�濆箍鐩娐�</span></p>
@@ -1017,10 +1043,13 @@
     <!-- 109 -->
     <div class="page-box" page="115">
       <div v-if="showPageList.indexOf(115) > -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">109</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">109</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><span class="bj2">路瑙︾ぜ鏃侀�毬�</span></p>
@@ -1072,14 +1101,14 @@
     <!-- 110 -->
     <div class="page-box" page="116">
       <div v-if="showPageList.indexOf(116) > -1">
-        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
-          <li class="headerNumber">110</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">110</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>
@@ -1131,10 +1160,13 @@
     <!-- 111 -->
     <div class="page-box" page="117">
       <div v-if="showPageList.indexOf(117) > -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">111</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">111</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 class="center">

--
Gitblit v1.9.1