From 875bedcb1163a3e0b80640c1f5f2fa17520f9b54 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 27 二月 2025 11:36:23 +0800
Subject: [PATCH] 分页完成并体育与健康pdf查看器修改

---
 src/books/toddlerGameImplementation/view/components/header.vue |   37 +++++++++++++++++++++----------------
 1 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/books/toddlerGameImplementation/view/components/header.vue b/src/books/toddlerGameImplementation/view/components/header.vue
index 7d179be..eddddf9 100644
--- a/src/books/toddlerGameImplementation/view/components/header.vue
+++ b/src/books/toddlerGameImplementation/view/components/header.vue
@@ -7,7 +7,7 @@
     </div>
     <div class="page-box mt-20" page="2" style="padding-bottom: 0px">
       <div v-if="showPageList.indexOf(2) > -1">
-        <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
+        <img class="img-0" alt="" src="../../assets/images/feiye.png" />
       </div>
     </div>
     <!-- 浠嬬粛椤甸潰 -->
@@ -74,15 +74,17 @@
       </div>
     </div>
     <!-- 缂栧浼� -->
-    <div class="page-box" page="3">
-      <div v-if="showPageList.indexOf(3) > -1">
+    <div class="page-box" page="4">
+      <div v-if="showPageList.indexOf(4) > -1">
         <div style="background-color: #c6eafa;">
           <div class="fz-16" style="margin: 0 13%; padding: 30% 12%; background-color: #fff;">
+            <div class="title">
             <div class="bj3">
               <div class="bj2">
-                <h1 id="a003">缂栧浼�</h1>
               </div>
+              <div class="frontOne">缂栧浼�</div>
             </div>
+          </div>
             <p class="td-0 mt-20"><b class="tal-j">涓涗功涓荤紪锛�</b>銆�娲鏁�</p>
             <p class="td-0">
               <b class="tal-j">涓涗功鍓富缂栵細</b>銆�寮犳牴鍋ャ��鍟嗕紶杈�
@@ -116,8 +118,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="4">
-      <div v-if="showPageList.indexOf(4) > -1">
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
         <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/sysm.jpg" /></h1>
         <div style="padding: 50px 8% 0 10%">
           <p><span class="ls2">涓�銆佹暀鏉愭鏋�</span></p>
@@ -142,12 +144,11 @@
           <p>鈥滃欢浼搁槄璇烩�濋儴鍒嗘帹鑽愪笌瀛︿範浠诲姟鐩稿叧鐨勫浘涔︺�佽鏂囩瓑锛岃瀛︾敓杩涜瀛︿範涓庢嫇灞曘��</p>
           <p><span class="ls2">涓夈�佽鏃跺垎閰�</span></p>
           <p>鏈暀鏉愬搴旂殑鏁欏鏃堕棿涓�32瀛︽椂锛岃2瀛﹀垎銆傛瘡鍛ㄥ畨鎺掍竴娆¤銆�</p>
-
         </div>
       </div>
     </div>
-    <div class="page-box" page="5">
-      <div v-if="showPageList.indexOf(5) > -1">
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
         <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/csx.jpg" /></h1>
         <div style="padding: 8% 8% 0 10%">
           <p>
@@ -167,8 +168,8 @@
         </div>
       </div>
     </div>
-    <div class="page-box" page="6">
-      <div v-if="showPageList.indexOf(6) > -1">
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
         <h1 id="a004" class="front"><img class="img-d" alt="" src="../../assets/images/csx.jpg" /></h1>
         <div style="padding: 50px 8% 0 10%">
           <p class="td-0">
@@ -184,12 +185,12 @@
           </p>
           <p>鏈涓涗功鐨勭紪鍐欏緱鍒颁簡鍖椾含甯堣寖澶у鍑虹増绀剧殑澶у姏鏀寔銆傚湪鎾板啓杩囩▼涓紝鏈涓涗功鍙傝�冨拰寮曠敤浜嗗浗鍐呭璁稿鐮旂┒鎴愭灉涓庤鐐癸紝鍦ㄦ娣辫嚧璋㈠勘銆傜湡璇氬笇鏈涙湰濂椾笡涔︾殑鍑虹増鑳藉涓烘墭鑲插煿璁�呭拰绠$悊鑰呫�佸箍澶ф墭鑲叉満鏋勫伐浣滆�呯瓑鎻愪緵鏈夌泭鐨勫弬鑰冧笌鍊熼壌銆�
           </p>
-          <p class="right"><b>鍖椾含甯堣寖澶у 娲鏁�</b></p>
+          <p class="right fm-kt"><b>鍖椾含甯堣寖澶у 娲鏁�</b></p>
         </div>
       </div>
     </div>
-    <div class="page-box" page="7">
-      <div v-if="showPageList.indexOf(7) > -1">
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
         <h1 id="a004" class="front" style="padding-left: 3%;"><img class="img-d" alt="" src="../../assets/images/qy.jpg" /></h1>
         <div style="padding: 50px 8% 0 10%">
           <p>
@@ -208,7 +209,8 @@
           <p>
             鍦ㄧ紪鍐欒繃绋嬩腑锛屾垜浠弬鑰冧簡璁稿涓撳鍜屽鑰呯殑鐮旂┒鎴愭灉锛屼篃寮曠敤鍜屽�熼壌浜嗕竴閮ㄥ垎鏃╂暀銆佹墭鑲插吀鍨嬫渚嬪拰鍥剧墖璧勬枡锛屽湪姝ゅ浠栦滑琛ㄧず琛峰績鐨勬劅璋€�備篃甯屾湜濠村辜鍎挎墭鑲茬収鎶ゅ悓琛屼互鍙婂叾浠栧叧娉ㄥ┐骞煎効鍙戝睍鐨勮鑰呰兘浠庢湰鏁欐潗涓湁鎵�鏀惰幏锛屽叡鍚屼负淇冭繘濠村辜鍎跨殑鍋ュ悍鎴愰暱璐$尞鍔涢噺銆�
           </p>
-          <p class="right"><b>璧栬帋鑾�</b></p>
+          <p><br></p>
+          <p class="right fm-kt"><b>璧栬帋鑾�</b></p>
         </div>
       </div>
     </div>
@@ -223,7 +225,10 @@
       type: Array,
     },
   },
+  data() {
+    return {};
+  },
 };
 </script>
 
-<style scoped></style>
+<style lang="less" scoped></style>

--
Gitblit v1.9.1