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