zqlit/blog
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added 打赏效果

Browse Source
This commit is contained in:
Vaica committed 2026-02-02 21:36:53 +08:00
1 parent 93e7f21444
commit 6047ab7eef
7 files changed
+329 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

themes/Ying/layouts/_default/single.html
+38 -7
View File
@@ -21,15 +21,46 @@
<div class="post-content" id="post-writing" itemprop="articleBody" uk-scrollspy="target: > h2, > h3, > h4, > blockquote, > img, > table, > figure; cls: uk-animation-slide-bottom-small; delay: 100">
{{ .Content }}
</div>
<div class="post-tags" style="margin-top: -30px;" uk-scrollspy="cls: uk-animation-slide-bottom-small; delay: 400">
<nav class="nav tags">
<ul class="flat">
<!-- 标签内容 -->
</ul>
</nav>
</div>
</article>
<hr class="uk-divider-icon">
<!-- 打赏模块 -->
{{ if .Site.Params.reward.enable }}
<div class="reward-container" uk-scrollspy="cls: uk-animation-slide-bottom-small; delay: 600">
<button id="reward-btn" class="reward-btn">
<i class="ri-hand-coin-line"></i>打赏一下
</button>
<div id="reward-modal" class="reward-modal">
<div class="reward-content">
<div class="reward-close" id="reward-close">
<i class="ri-close-line"></i>
</div>
<h3 class="reward-title">感谢支持小站</h3>
<div class="reward-qr-group">
{{ with .Site.Params.reward.wechat }}
<div class="reward-qr-item">
<div class="reward-qr-img-wrapper">
<img src="{{ . }}" alt="微信打赏">
</div>
<span>微信</span>
</div>
{{ end }}
{{ with .Site.Params.reward.alipay }}
<div class="reward-qr-item">
<div class="reward-qr-img-wrapper">
<img src="{{ . }}" alt="支付宝打赏">
</div>
<span>支付宝</span>
</div>
{{ end }}
</div>
</div>
</div>
</div>
{{ end }}
<div id="comments" class="comments-area">
<!-- 评论区内容 -->