PandaPRO主题美化

页脚动物

1.进入/opt/1panel/apps/halo/Halo/data/themes/theme-pandapro/templates/wuyang

2.新建文件footer-animal.html

<div id="footer-animal">
    <div class="animal-wall"></div>
    <img class="animal entered loaded" src="/upload/20241022140406.avif" alt="动物" data-ll-status="loaded">
</div>
<style>
    #footer-animal {
        position: relative;
        width: 100%;
    }

    #footer-animal .animal-wall {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 36px;
        max-width: none;
        background: #bcb0a4 url(/upload/20241022150406.avif) repeat center;
        background-size: auto 100%;
        box-shadow: 0 4px 7px rgba(0,0,0,.15)
    }

    @media screen and (max-width: 1023px) {
        #footer-animal .animal-wall {
            height:4vw;
        }
    }

    #footer-animal img.animal {
        position: relative;
        max-width: min(974px,100vw);
        margin: 0 auto;
        display: block
    }

    #footer-bar {
        margin-top: 0!important
    }
</style>

3.进入/opt/1panel/apps/halo/Halo/data/themes/theme-pandapro/templates/modules

4.打开footer.html

5.在顶部添加

<!-- 修改开始 -->
    <th:block th:replace="~{wuyang/footer-animal}"/>
<!-- 修改结束 -->