fix5.1

hot/public/eleBook/Public/Member/manual/css/style.min.css

@@ -425,7 +425,7 @@ body {
   right: 0;
   left: 0;
   margin: auto;
-  width: 420px;
+  width: 490px;
   height: 40px;
   bottom: 70px;
   background-color: rgba(0, 0, 0, 0.5);

hot/public/eleBook/index.html

@@ -97,15 +97,15 @@
         <!-- 底部功能栏 -->
         <div class="bottom_box bottom_p">
             <div class="bottom_bar" style="bottom: 0;">
-                <div class="btnbox tooltip thumbnail" title="缩略图"></div>
-                <div class="btnbox tooltip playpage" title="自动翻页" style="background-size: auto 75%"></div>
-                <div class="btnbox tooltip shangyiye" title="上一页"></div>
-                <div class="btninput tooltip" title="当前页面/总页数">
+                <div class="btnbox  thumbnail" ></div>
+                <div class="btnbox  playpage"  style="background-size: auto 75%"></div>
+                <div class="btnbox  shangyiye" ></div>
+                <div class="btninput " >
                     <input id="pagenum" type="text" onkeyup="value=value.replace(/[^\d]/g,'')">
                 </div>
-                <div class="btnbox tooltip xiayiye" title="下一页"></div>
-                <div class="btnbox tooltip flsize" title="放大/还原" style="background-size: auto 75%;"></div>
-                <div class="btnbox tooltip bangzhu" title="使用帮助" style="display: none;"></div>
+                <div class="btnbox  xiayiye" ></div>
+                <div class="btnbox  flsize"  style="background-size: auto 75%;"></div>
+                <div class="btnbox  bangzhu" style="display: none;"></div>
                 <div class="qrcode">
                     <div class="btnbox" style="margin: 3px;display: none;"><img src="./Public/Member/manual/img/erweima2.svg"></div>
                     <div class="qrimg">
@@ -132,15 +132,15 @@
         </div>
         <!-- 自动播放速度控制器 -->
         <div class="speed_p" style="z-index: 8">
-            <span>翻页速度</span>
-            <img src="./Public/Member/manual/img/minus.svg" style="left: 82px;">
+            <span id="speed_pTxt">翻页速度</span>
+            <img src="./Public/Member/manual/img/minus.svg" style="left: 152px;">
             <div class="spran">
                 <div class="progress_p"></div>
             </div>
             <img src="./Public/Member/manual/img/add.svg" style="right: 5px;">
         </div>
         <div class="speed_v"  style="z-index: 8">
-            <span>翻页速度</span>
+            <span id="speed_vTxt">翻页速度</span>
             <img src="./Public/Member/manual/img/add.svg" style="top: 5px;">
             <div class="spran">
                 <div class="progress_v"></div>
@@ -189,6 +189,38 @@
 <div class="puc_bg" style="display: block;background: transparent;backdrop-filter: none;"></div>
     <i class="puc_col2 book_close" style="display: none;"> </i>
     <script>
+
+function updateLanguageText() {
+            const locale = localStorage.getItem('locale');
+            const speedTextElement = document.getElementById('speed_pTxt');
+            const speedTextElementV = document.getElementById('speed_vTxt');
+
+            if (speedTextElement || speedTextElementV) {
+                switch (locale) {
+                    case 'zh-hk':
+                        speedTextElement.textContent = '翻页速度';
+                        speedTextElementV.textContent = '翻页速度';
+                        break;
+                    case 'en':
+                        speedTextElement.textContent = 'turn speed';
+                        speedTextElementV.textContent = 'turn speed';
+                        break;
+                    case 'pe':
+                        speedTextElement.textContent = 'velocidade de página';
+                        speedTextElementV.textContent = 'velocidade de página';
+                        break;
+                    default:
+                        speedTextElement.textContent = '翻页速度';
+                        speedTextElementV.textContent = '翻页速度';
+
+                }
+            }
+        }
+
+        // 页面加载时调用语言切换函数
+        window.addEventListener('load', updateLanguageText);
+
+
         var thumbnailoff = false // 缩略图开关
         var thumbnailinit = true
         var onpalyer = false // 自动翻页开关
@@ -435,7 +467,7 @@
                 if (scale.scale < 1) {
                     narrow()
                 } else {
-                    $.DialogByZ.Autofade({ Content: "双击可还原" })
+                    localStorage.getItem('locale') == 'zh-hk' ? $.DialogByZ.Autofade({ Content: "双击可还原" }) :  localStorage.getItem('locale') == 'en' ? $.DialogByZ.Autofade({ Content: "Double click to restore" }) :  $.DialogByZ.Autofade({ Content: "Duplo clique para restaurar" })
                 }
             }, 300)
         });
@@ -445,7 +477,7 @@
             offthum()
             if (!flsizeoff) {
                 enlarge()
-                $.DialogByZ.Autofade({ Content: "双击可还原" })
+                localStorage.getItem('locale') == 'zh-hk' ? $.DialogByZ.Autofade({ Content: "双击可还原" }) :  localStorage.getItem('locale') == 'en' ? $.DialogByZ.Autofade({ Content: "Double click to restore" }) :  $.DialogByZ.Autofade({ Content: "Duplo clique para restaurar" })
             } else {
                 narrow()
             }
@@ -661,7 +693,7 @@
         // 执行上一页
         function onprevious() {
             if ($('.flipbook').turn('page') == 1) {
-                $.DialogByZ.Autofade({ Content: "这是第一页" })
+              localStorage.getItem('locale') == 'zh-hk' ? $.DialogByZ.Autofade({ Content: "这是第一页" }) :  localStorage.getItem('locale') == 'en' ? $.DialogByZ.Autofade({ Content: "This is the first page" }) :  $.DialogByZ.Autofade({ Content: "Esta é a primeira página" })
             }
             $('.flipbook').turn('previous');
             pansepalyer()
@@ -670,7 +702,7 @@
         // 执行下一页
         function onnext() {
             if ($('.flipbook').turn('page') == $('.flipbook').turn('pages')) {
-                $.DialogByZ.Autofade({ Content: "这是最后一页" })
+                localStorage.getItem('locale') == 'zh-hk' ? $.DialogByZ.Autofade({ Content: "这是最后一页" }) :  localStorage.getItem('locale') == 'en' ? $.DialogByZ.Autofade({ Content: "This is the last page" }) :  $.DialogByZ.Autofade({ Content: "Esta é a última página" })
             }
             $('.flipbook').turn('next');
             pansepalyer()

hot/src/components/Book.vue

@@ -113,7 +113,7 @@ export default {
     display: flex;
     width: 100%;
     height: 100%;
-    padding: 80px 30px 30px;
+    padding: 100px 34px 30px;
 
     .bookTitle {
       width: 425px;

hot/src/views/Home.vue

@@ -108,7 +108,7 @@
                   v-if="/\.(jpg|jpeg|png)$/i.test(item.url)"
                   v-lazy="item.url"
                   alt=""
-                  @click="item.url"
+                  @click="lookImg(item.url)"
                 />
               </div>
             </div>
@@ -217,10 +217,7 @@
               class="audioIcon"
               @click="autoAudioSta = !autoAudioSta"
               :title="autoAudioSta ? '关闭自动续播' : '打开自动续播'"
-              v-show="
-                (curLanguage === 'zh-hk' || curLanguage === 'pe') &&
-                audioList.length > 0
-              "
+              v-show="audioList.length > 0"
             >
               <img
                 :src="
@@ -453,6 +450,7 @@ export default {
     lookImg(url) {
       let dom = this.$refs.viewer.$viewer;
       this.lookPics = [url.url || url];
+      console.log(this.lookPics);
       dom.show();
     },
     resetList(item) {
@@ -467,11 +465,13 @@ export default {
       isPe && this.languageList.push({ name: "Português", key: "pe" });
       this.curLanguage === "zh-hk" &&
         item?.mp3_zh &&
-        this.audioList.push({ name: "普通话", key: "mp3_zh" });
+        this.audioList.push({ name: "國語", key: "mp3_zh" });
       this.curLanguage === "zh-hk" &&
         item?.mp3_zhhk &&
         this.audioList.push({ name: "粵語", key: "mp3_zhhk" });
-      // item?.mp3_en && this.audioList.push({ name: "English", key: "mp3_en" });
+      this.curLanguage === "en" &&
+        item?.mp3_en &&
+        this.audioList.push({ name: "English", key: "mp3_en" });
       this.curLanguage === "pe" &&
         item?.mp3_pe &&
         this.audioList.push({ name: "Português", key: "mp3_pe" });