liuzhihang
GitHub
commit
937de21cbe
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "halo-theme-hao",
|
||||
"version": "1.0.4",
|
||||
"version": "1.0.5",
|
||||
"dependencies": {
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -124,7 +124,7 @@ spec:
|
|||
- $formkit: group
|
||||
if: "$get(todayRecommend).value"
|
||||
name: todayRecommendContent
|
||||
label: 公众号
|
||||
label: 今日推荐
|
||||
value:
|
||||
todayRecommendUrl:
|
||||
todayRecommendTitle:
|
||||
|
|
|
|||
|
|
@ -1,46 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" th:replace="modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'links')"
|
||||
xmlns:th="http://www.thymeleaf.org">
|
||||
|
||||
<style type="text/css">#loading-box .loading-bg {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: var(--heo-maskbgdeep);
|
||||
z-index: 1999;
|
||||
opacity: 1;
|
||||
transition: 0.3s;
|
||||
pointer-events: all;
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
}
|
||||
|
||||
#loading-box.loaded .loading-bg {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#loading-box .loading-img {
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
animation-duration: 0.3s;
|
||||
animation-name: loadingAction;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
@keyframes loadingAction {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<th:block th:fragment="content">
|
||||
|
||||
<div class="page" id="body-wrap">
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@
|
|||
coverColor();
|
||||
}
|
||||
|
||||
if ([[${theme.config.other.loadingBox} and not ${#strings.isEmpty(theme.config.other.loadingBoxImg)}]]) {
|
||||
if ([[${theme.config.other.loadingBox}]]) {
|
||||
// 移除加载动画
|
||||
removeLoading();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,6 +5,47 @@
|
|||
<div id="loading-box" onclick="heo.hideLoading()"
|
||||
th:fragment="loading-box"
|
||||
th:if="${theme.config.other.loadingBox} and not ${#strings.isEmpty(theme.config.other.loadingBoxImg)}">
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
#loading-box .loading-bg {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: var(--heo-maskbgdeep);
|
||||
z-index: 1999;
|
||||
opacity: 1;
|
||||
transition: 0.3s;
|
||||
pointer-events: all;
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
}
|
||||
|
||||
#loading-box.loaded .loading-bg {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#loading-box .loading-img {
|
||||
width: 100px;
|
||||
margin: auto;
|
||||
animation-duration: 0.3s;
|
||||
animation-name: loadingAction;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
}
|
||||
|
||||
@keyframes loadingAction {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="loading-bg">
|
||||
<img class="loading-img" th:src="${theme.config.other.loadingBoxImg}">
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -44,11 +44,10 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 今日推荐 -->
|
||||
<div class="todayCard" id="todayCard"
|
||||
th:if="${theme.config.top.todayRecommendSwitch}"
|
||||
th:onclick="'window.open('+ ${theme.config.top.todayRecommendContent.todayRecommendUrl} +')'">
|
||||
th:if="${theme.config.top.todayRecommend}"
|
||||
th:attr="onclick='javascript:window.open(\''+ ${theme.config.top.todayRecommendContent.todayRecommendUrl} +'\')'">
|
||||
<div class="todayCard-info">
|
||||
<div class="todayCard-tips">今日推荐</div>
|
||||
<div class="todayCard-title" th:text="${theme.config.top.todayRecommendContent.todayRecommendTitle}"></div>
|
||||
|
|
|
|||
|
|
@ -12,6 +12,23 @@
|
|||
<main class="layout hide-aside" id="content-inner">
|
||||
<div id="page">
|
||||
<div id="article-container line-numbers" th:utext="${singlePage.content.content}"></div>
|
||||
|
||||
|
||||
<hr>
|
||||
<!-- 评论模块 -->
|
||||
<div id="post-comment"
|
||||
th:if="${pluginFinder.available('PluginCommentWidget') and singlePage.spec.allowComment}">
|
||||
<div class="comment-head">
|
||||
<div class="comment-headline"><i class="iconfont icon-comment-alt"></i> <span>评论</span></div>
|
||||
<div class="comment-privacy"><a href="#">隐私政策</a></div>
|
||||
<div class="comment-tips" id="comment-tips">
|
||||
<span>你无需删除空行，直接评论以获取最佳展示效果</span>
|
||||
</div>
|
||||
</div>
|
||||
<halo:comment group="content.halo.run" kind="SinglePage"
|
||||
th:attr="name=${singlePage.metadata.name}"/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 侧栏 -->
|
||||
|
|
|
|||
|
|
@ -13,5 +13,5 @@ spec:
|
|||
repo: 'https://github.com/liuzhihang/halo-theme-hao'
|
||||
settingName: "theme-hao-setting"
|
||||
configMapName: "theme-hao-configMap"
|
||||
version: 1.0.4
|
||||
version: 1.0.5
|
||||
require: 2.0.0
|
||||
|
|
|
|||
Loading…
Reference in New Issue