Openlist隐藏管理和登录按钮,并增加弹窗和页脚

Openlist就是Alist的替代,功能和代码都是一样的,现把Openlist的优化代码分享记录一下。

效果如下:

图片[1]-Openlist隐藏管理和登录按钮,并增加弹窗和页脚-杨公子的博客
增加弹窗和页脚

设置方法:

Openlist管理后台页面-设置-全局- 自定义内容

<!-- 引入 SweetAlert2 库 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 
<!-- 样式隐藏 Alist 原底部 + 免责声明初始隐藏、居中样式 -->
<style>
    .hope-c-PJLV-idrWMwW-css,
    .hope-c-iHuheP,
    .hope-c-PJLV-ihQbspH-css {
        display: none;
    }
 
    .copyright {
        text-align: center;
        margin-top: 20px;
        font-size: 14px;
        color: #666;
        display: none; /* 初始隐藏 */
    }
</style>
 
<!-- 免责声明内容 -->
<div class="copyright">
    <div class="state">
        <p>声明:本网盘为杨公子私人网盘,旨在分享网盘文件,方便下载以及学习,使用时请遵守相关法律法规,请勿滥用;</p>
    </div>
</div>
 
<!-- 弹窗逻辑 + 免责声明延迟显示 -->
<script>
    window.onload = function () {
        setTimeout(function () {
            // 显示弹窗
            Swal.fire({
                title: "❤️公告❤️",
                html: "本网盘资源不定期更新,可关注我的博客<br><br>🌟https://www.hiir.cn:12580🌟",
                icon: "success",
                confirmButtonText: "进入网盘"
            });
 
            // 显示免责声明
            document.querySelector('.copyright').style.display = 'block';
        }, 500); // 延迟500ms,页面加载好再处理
    };
</script>

顺便备份一下JS文件

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 共2条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像圈子0
    • 头像木一0