halo-theme-hao/templates/modules/widgets/aside/power.html

37 lines
1.6 KiB
HTML

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- 爱发电赞助 -->
<div th:fragment="power">
<div class="card-widget card-power">
<div class="item-headline"><i class="haofont hao-icon-aifadian-line"></i><span>爱发电赞助</span>
<a class="power-charge" th:href="${theme.config.sidebar.power.powerLink}" target="_blank" title="赞助博主">赞助
</a>
</div>
<th:block th:if="${not #lists.isEmpty(theme.config.sidebar.power.list)}" th:with="powerList = ${theme.config.sidebar.power.list}">
<a id="power-star"
th:href="${powerList[0].link}" rel="external nofollow" target="_blank" title="推荐博主">
<div id="power-star-image"
th:style="'background-image: url('+${powerList[0].avatar}+')'">
</div>
<div class="power-star-body">
<div id="power-star-title">[[${powerList[0].name}]]</div>
<div id="power-star-desc">[[${powerList[0].descr}]]</div>
</div>
</a>
<div class="power-list">
<div class="power-item">
<div class="power-item-body" >
<div class="power-item-link" th:each="power : ${powerList}">
<a th:href="${power.link}" rel="external nofollow" target="_blank" th:title="${power.name}">[[${power.name}]]</a>
</div>
</div>
</div>
</div>
</th:block>
</div>
</div>
</html>