Browse Source

增加预览标题

pull/22/head
zq 2 months ago
parent
commit
1d2e92ea05
  1. 5
      home.html
  2. 15
      style/css/index.css
  3. 3
      style/js/index.js

5
home.html

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

15
style/css/index.css

@ -248,8 +248,21 @@ body,p,div{
border: 2px solid #697CF7; border: 2px solid #697CF7;
} }
.gallery-box{
align-items: center;
}
#prev, #next{ #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{ /* #prev{
position: absolute; position: absolute;

3
style/js/index.js

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

Loading…
Cancel
Save