github
/
halo-theme-hao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复关于页面我的问候部件无法显示的bug

This commit is contained in:
roozen 2023-07-25 00:23:18 +08:00
parent a6164134f7
commit f46a9bbe34
2 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
settings.yaml
View File

@ -1378,8 +1378,8 @@ spec:
- $formkit: textarea - $formkit: textarea
name: widgets name: widgets
label: 小部件 label: 小部件
value: content-idea,authorCareers,personalities-photo,textarea,game,like-music,statistics-map value: content-idea,hello-about,authorCareers,personalities-photo,textarea,game,like-music,statistics-map
help: content-idea（我的介绍&我的想法）, authorCareers（技能&职业生涯）, personalities-photo（性格&图片）, textarea（座右铭）, game（爱好）, like-music（关注偏好&音乐偏好）, statistics-map（数据统计&音乐偏好）。你可以随意组合或排序，以逗号隔开。 help: content-idea（我的介绍&我的想法）, hello-about（我的问候）, authorCareers（技能&职业生涯）, personalities-photo（性格&图片）, textarea（座右铭）, game（爱好）, like-music（关注偏好&音乐偏好）, statistics-map（数据统计&音乐偏好）。你可以随意组合或排序，以逗号隔开。
- $formkit: repeater - $formkit: repeater
name: authorInfoLeftTags name: authorInfoLeftTags
label: 个人标签-左 label: 个人标签-左

26
templates/modules/widgets/about-widgets/hello-about.html
View File

@ -5,11 +5,14 @@
<div class="cursor" style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);"></div> <div class="cursor" style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);"></div>
<div class="shapes"> <div class="shapes">
<div class="shape shape-1" <div class="shape shape-1"
style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);"></div> style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);">
</div>
<div class="shape shape-2" <div class="shape shape-2"
style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);"></div> style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);">
</div>
<div class="shape shape-3" <div class="shape shape-3"
style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);"></div> style="translate: none; rotate: none; scale: none; transform: translate(721px,180px);">
</div>
</div> </div>
<div class="content"> <div class="content">
<h1>[[${theme.config.about.helloAbout}]]</h1> <h1>[[${theme.config.about.helloAbout}]]</h1>
@ -17,7 +20,8 @@
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/gsap/3.9.1/gsap.min.js"></script> <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/gsap/3.9.1/gsap.min.js"></script>
<style> <style>
.hello-about { .hello-about {
margin: 20px auto; margin: 20px auto 0;
width: 100%;
border-radius: 24px; border-radius: 24px;
background: var(--heo-card-bg); background: var(--heo-card-bg);
border: var(--style-border-always); border: var(--style-border-always);
@ -105,6 +109,12 @@
} }
} }
@media (max-width: 768px) {
.hello-about {
margin:20px 0 auto
}
}
.cursor { .cursor {
position: absolute; position: absolute;
background: #2128bd; background: #2128bd;
@ -123,11 +133,9 @@
background: #2128bd; background: #2128bd;
} }
</style> </style>
<script>(() => { <script>
(() => {
const helloAboutEl = document.querySelector(".hello-about");
var helloAboutEl = document.querySelector(".hello-about");
helloAboutEl.addEventListener("mousemove", evt => { helloAboutEl.addEventListener("mousemove", evt => {
const mouseX = evt.offsetX; const mouseX = evt.offsetX;
const mouseY = evt.offsetY; const mouseY = evt.offsetY;