chore: 页脚适配

This commit is contained in:
nineya 2023-03-22 17:52:21 +08:00
parent 5a43c78e7b
commit ad5d03586f
3 changed files with 30 additions and 45 deletions

View File

@ -1,53 +1,40 @@
<footer class="footer"> <footer class="footer" xmlns:th="https://www.thymeleaf.org">
<div class="container"> <div class="container">
<ul class="footer-container"> <ul class="footer-container">
<li> <li>
<a class="logo-title" href="${context!}"> <a class="logo-title" th:href="${site.url}">
<#if blog_logo?? && blog_logo!=''> <th:block th:if="${#strings.isEmpty(site.logo)}" th:text="${site.title}"/>
<img class="logo-img" src="${blog_logo!}" alt="${blog_title!}" height="28"> <th:block th:unless="${#strings.isEmpty(site.logo)}">
<img class="logo-img-dark" <img class="logo-img" th:src="${site.logo}" th:alt="${site.title}" height="28">
src="<#if settings.night_logo?? && settings.night_logo!=''>${settings.night_logo!}<#else>${blog_logo!}</#if>" <img class="logo-img-dark" th:src="${#annotations.getOrDefault(theme.config.basic_info, 'night_logo', ${site.logo})}" th:alt="${site.title}" height="28">
alt="${blog_title!}" height="28"> </th:block>
<#else> </a>
${blog_title!}
</#if>
</a>
</li> </li>
<li> <li>
<p class="icon-spot"> <p class="icon-spot">
<span>&copy; ${.now?string('yyyy')} ${user.nickname!}</span><#if settings.record_number?? && settings.record_number!=''><a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" target="_blank" rel="noopener noreferrer nofollow">${settings.record_number! <span th:text="'&copy; '+${#dates.format(#dates.createNow(), 'yyyy')}+' '+ ${site.title}"></span><a
}</a></#if><span class="footer-truncation">Powered by <a class="powered" href="https://halo.run/" target="_blank">Halo</a> & <a class="powered" href="https://github.com/nineya/halo-theme-dream" target="_blank">Dream</a></span></p> th:if="${!#strings.isEmpty(theme.config.basic_info.record_number)}"
<#if (settings.website_time?? && settings.website_time!='') || settings.enable_busuanzi!true> href="http://beian.miit.gov.cn/publish/query/indexFirst.action" target="_blank" rel="noopener noreferrer nofollow"
<p class="icon-spot"> th:text="${theme.config.basic_info.record_number}"></a><span class="footer-truncation">Powered by <a class="powered" href="https://halo.run/" target="_blank">Halo</a> & <a class="powered" href="https://github.com/nineya/halo-theme-dream" target="_blank">Dream</a></span></p>
<#if settings.website_time?? && settings.website_time!=''> <p class="icon-spot" th:if="${!#strings.isEmpty(theme.config.basic_info.website_time) && theme.config.basic_info.enable_busuanzi}">
<span id="websiteDate">建站<span class="stand">00</span><span class="stand">0</span><span class="stand">0</span><span class="stand">0</span></span> <span th:if="${!#strings.isEmpty(theme.config.basic_info.website_time)}" id="websiteDate">建站<span class="stand">00</span><span class="stand">0</span><span class="stand">0</span><span class="stand">0</span></span>
</#if> <span th:if="${theme.config.basic_info.enable_busuanzi}" class="icon-spot footer-truncation">
<#if settings.enable_busuanzi!true>
<span class="icon-spot footer-truncation">
<span id="busuanzi_container_site_uv" style="display: none"> <span id="busuanzi_container_site_uv" style="display: none">
<i class="fa fa-user" aria-hidden="true"></i> <i class="fa fa-user" aria-hidden="true"></i><span class="stand" id="busuanzi_value_site_uv">0</span>访客
<span class="stand" id="busuanzi_value_site_uv">0</span>访客 </span>
</span>
<span id="busuanzi_container_site_pv" style="display: none"> <span id="busuanzi_container_site_pv" style="display: none">
<i class="fa fa-bar-chart" aria-hidden="true"></i> <i class="fa fa-bar-chart" aria-hidden="true"></i><span class="stand" id="busuanzi_value_site_pv">0</span>访问
<span class="stand" id="busuanzi_value_site_pv">0</span>访问 </span>
</span> </span>
</span> </p>
</#if> <p th:if="${!#strings.isEmpty(theme.config.basic_info.record_number_ps)}"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=${settings.record_number_ps?replace('[^\\d]','','ri')}" target="_blank" rel="noopener noreferrer nofollow"><img
</p> src="https://www.beian.gov.cn/portal/download" alt="公网安备" style="vertical-align: text-top; width: 1.2em; margin-right: 4px;"/>${theme.config.basic_info.record_number_ps}</a></p>
</#if> <p th:if="${!#strings.isEmpty(theme.config.basic_info.cloud_by_logo)}">本站由<a
<#if settings.record_number_ps?? && settings.record_number_ps!=''> class="cloud-driven" target="_blank" rel="noopener noreferrer nofollow" th:href="${theme.config.basic_info.cloud_by_url}"><img
<p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=${settings.record_number_ps?replace('[^\\d]','','ri')}" alt="云服务商" src="${theme.config.basic_info.cloud_by_logo}"/></a>提供云服务</p>
target="_blank" rel="noopener noreferrer nofollow"><img src="https://www.beian.gov.cn/portal/download" alt="公网安备" style="vertical-align: text-top; width: 1.2em; margin-right: 4px;"/>${settings.record_number_ps!}</a></p>
</#if>
<#if settings.cloud_by_logo?? && settings.cloud_by_logo!=''>
<p>本站由<a class="cloud-driven" target="_blank"
rel="noopener noreferrer nofollow"${(settings.cloud_by_url?? && settings.cloud_by_url!='')?then(' href="${settings.cloud_by_url}"', '')}><img
alt="云服务商" src="${settings.cloud_by_logo}"/></a>提供云服务</p>
</#if>
</li> </li>
<li> <li>
<@global.footer_info /> <halo:footer />
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -2,7 +2,7 @@
<div class="navbar-above"> <div class="navbar-above">
<div th:class="${theme.config.basic_style.sidebar_column != 'all' ? 'container two-column' : 'container' }"> <div th:class="${theme.config.basic_style.sidebar_column != 'all' ? 'container two-column' : 'container' }">
<i class="fa fa-bars navbar-slideicon"></i> <i class="fa fa-bars navbar-slideicon"></i>
<a class="navbar-item logo-title" th:href="${site.url}"> <a class="navbar-item logo-title" th:href="${site.url}">
<th:block th:if="${#strings.isEmpty(site.logo)}" th:text="${site.title}"/> <th:block th:if="${#strings.isEmpty(site.logo)}" th:text="${site.title}"/>
<th:block th:unless="${#strings.isEmpty(site.logo)}"> <th:block th:unless="${#strings.isEmpty(site.logo)}">
<img class="logo-img" th:src="${site.logo}" th:alt="${site.title}" height="28"> <img class="logo-img" th:src="${site.logo}" th:alt="${site.title}" height="28">

View File

@ -5,7 +5,7 @@
<!--<#if is_carousel??>--> <!--<#if is_carousel??>-->
<!-- <script data-pjax th:src="@{/assets/lib/swiper@8.4.6/swiper-bundle.min.js}"></script>--> <!-- <script data-pjax th:src="@{/assets/lib/swiper@8.4.6/swiper-bundle.min.js}"></script>-->
<!--</#if>--> <!--</#if>-->
<!--<script th:src="@{/assets/js/common.min.js(mew=${theme.spec.version})}"></script>--> <script th:src="@{/assets/js/common.min.js(mew=${theme.spec.version})}"></script>
<!--<#if post?? || is_journals?? || is_error??>--> <!--<#if post?? || is_journals?? || is_error??>-->
<!-- <script data-pjax th:src="@{/assets/lib/highlightjs@11.5.1/highlight.min.js}"></script>--> <!-- <script data-pjax th:src="@{/assets/lib/highlightjs@11.5.1/highlight.min.js}"></script>-->
@ -33,9 +33,7 @@
<!--</#if>--> <!--</#if>-->
<script th:src="@{/assets/lib/jquery-pjax@2.0.1/jquery.pjax.min.js}"></script> <script th:src="@{/assets/lib/jquery-pjax@2.0.1/jquery.pjax.min.js}"></script>
<!--<#if settings.load_progress?? && settings.load_progress != 'none'>--> <script th:if="${theme.config.basic_style.load_progress != 'none'}" th:src="@{/assets/js/dprogress.min.js(mew=${theme.spec.version})}"></script>
<!-- <script th:src="@{/assets/js/dprogress.min.js(mew=${theme.spec.version})}"></script>-->
<!--</#if>-->
<script th:src="@{/assets/js/pjax.min.js(mew=${theme.spec.version})}"></script> <script th:src="@{/assets/js/pjax.min.js(mew=${theme.spec.version})}"></script>
<script async th:src="@{/assets/lib/qmsg/qmsg.min.js}"></script> <script async th:src="@{/assets/lib/qmsg/qmsg.min.js}"></script>