增加预览标题

home.html

@@ -9,7 +9,7 @@
     <title>{$sitename}</title>
     {if $site_ico}
     <link rel="shortcut icon" href="{$site_ico}" type="image/x-icon" />{/if}
-    <link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=10219">
+    <link rel="stylesheet" type="text/css" href="{$priv_style}/css/index.css?v=12001">
     <script src="{$priv_style}/js/jquery-3.6.0.min.js"></script>
     <script src="{$priv_style}/js/clipboard.min.js"></script>
     <script src="{$priv_style}/js/qrcode.min.js"></script>
@@ -916,6 +916,7 @@
                         </div> -->
                         <!-- <img src="{$priv_style}/img/pptbg_2.png" class="look_backImg" alt=""> -->
                         <div class="look_left_top">
+                            <p id="preview_title"></p>
                             <img src="{$priv_style}/img/ppt_2.png" alt="" class="topimg">
                             <div class="gallery-box flex">
                                 <img id="prev" class="point" src="{$priv_style}/img/prevPPT.svg" alt="">
@@ -1113,7 +1114,7 @@
     </div>
 
     {$access_stats_code}
-    <script src="{$priv_style}/js/index.js?v=1022"></script>
+    <script src="{$priv_style}/js/index.js?v=1023"></script>
 </body>
 
 </html>

style/css/index.css

@@ -248,8 +248,21 @@ body,p,div{
     border: 2px solid #697CF7;
   }
   
+  .gallery-box{
+    align-items: center;
+  }
   #prev, #next{
-
+    width: 20px;
+    height: 20px;
+  }
+  #preview_title{
+    font-family: MiSans;
+    font-size: 22px;
+    font-weight: 500;
+    line-height: 28px;
+    letter-spacing: 1.04px;
+    color: #FFFFFF;
+    margin-bottom: 22px;
   }
   /* #prev{
     position: absolute;

style/js/index.js

@@ -1280,6 +1280,7 @@ $(document).ready(function () {
             $('.gallery').html(html);
             $('.gallery_img').eq(child_ppt).addClass('ppt_child_active');
             $('.look_backImg').attr('src', pptUrlList[key]['bgurl'])
+            $('#preview_title').html(pptlist[key].name);
             setBackImgUrl(childList[child_ppt], true)
         }
     }
@@ -1288,6 +1289,7 @@ $(document).ready(function () {
         let index = $(this).attr('index');
         setLookPPT_active(index)
         new_parent_ppt = index;
+        $('#preview_title').html(pptlist[index].name);
         child_ppt = 0;
         setLeftShow(new_parent_ppt)
     })
@@ -1296,6 +1298,7 @@ $(document).ready(function () {
         let index = $(this).attr('index');
         setPagePPT_active(index)
         old_parent_ppt = new_parent_ppt = index;
+        $('#preview_title').html(pptlist[index].name);
         child_ppt = 0;
         setLeftShow(old_parent_ppt)
     })