title使用span标签

This commit is contained in:
Meekdai 2023-11-22 11:00:38 +08:00
parent 033dcf0e08
commit 814caef4fc
2 changed files with 7 additions and 11 deletions

View File

@ -6,7 +6,7 @@
{% block style %} {% block style %}
<style> <style>
.avatar {transition: 0.8s;} .avatar {transition: 0.8s;}
.avatar:hover {transform: scale(1.15) rotate(360deg);} .avatar:hover{transform: scale(1.15) rotate(360deg);}
h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;} h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;}
.title-right{display:flex;margin:auto 0 0 auto;} .title-right{display:flex;margin:auto 0 0 auto;}
.title-right button{margin-right:8px;padding:16px;} .title-right button{margin-right:8px;padding:16px;}
@ -25,7 +25,7 @@ h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;fo
.listLabels{white-space:nowrap;} .listLabels{white-space:nowrap;}
@media (max-width: 767px) { @media (max-width: 767px) {
body { padding: 8px;} body {padding: 8px;}
h1 a{font-size:24px;} h1 a{font-size:24px;}
.subnav-search form{display:none;} .subnav-search form{display:none;}
.subnav-search svg{display:none;} .subnav-search svg{display:none;}

View File

@ -5,7 +5,7 @@
{% block style %} {% block style %}
<style> <style>
h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;} .tagTitle{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;}
.title-right{display:flex;margin:auto 0 0 auto;} .title-right{display:flex;margin:auto 0 0 auto;}
.title-right .circle{padding: 14px 16px;margin-right:8px;} .title-right .circle{padding: 14px 16px;margin-right:8px;}
@ -18,14 +18,14 @@ h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;fo
@media (max-width: 767px) { @media (max-width: 767px) {
body { padding: 8px;} body { padding: 8px;}
h1 a{font-size:24px;} .tagTitle{font-size:24px;}
.LabelTime{display:none;} .LabelTime{display:none;}
} }
</style> </style>
{% endblock %} {% endblock %}
{% block header %} {% block header %}
<h1><a class="tagTitle">Tag</a></h1> <span class="tagTitle">Tag</span>
<div class="title-right"> <div class="title-right">
<a href="/"><button id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}"> <a href="/"><button id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}">
@ -156,13 +156,9 @@ function updateShowTag(label){
function setClassDisplay(lable) { function setClassDisplay(lable) {
let lists = document.getElementsByClassName("lists"); let lists = document.getElementsByClassName("lists");
let tagTitle = document.getElementsByClassName("tagTitle")[0]; let tagTitle = document.getElementsByClassName("tagTitle")[0];
tagTitle.innerHTML="Tag #"+lable;
if(lable=="All"){ if(lable=="All"){for(let i = 0; i < lists.length; i++){lists[i].style.display='block';}}
tagTitle.innerHTML="Tag";
for(let i = 0; i < lists.length; i++){lists[i].style.display='block';}
}
else{ else{
tagTitle.innerHTML="Tag - "+lable;
for(let i = 0; i < lists.length; i++){ for(let i = 0; i < lists.length; i++){
lists[i].style.display='none'; lists[i].style.display='none';
} }