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

29 lines
1.2 KiB
HTML
Raw Normal View History

2024-04-12 06:35:37 +00:00
<!-- 音乐卡片 -->
<div >
<div class="item-headline-music"><i class="haofont hao-icon-music"></i><span>音乐天地</span></div>
<div class="card-widget card-music"
th:attr="onclick='javascript:window.open(\''+ ${theme.config.sidebar.music.musicUrl} +'\')'">
<div id="flip-wrapper-card">
<div id="flip-music">
<div class="msimg"
th:style="'background:url('+${theme.config.sidebar.music.lightMsimg}+') center center/100% no-repeat'">
</div>
<div class="back msimg"
th:style="'background:url('+${theme.config.sidebar.music.lightBackMsimg}+') center center/100% no-repeat'">
</div>
</div>
</div>
</div>
<style>
[data-theme=dark] #aside-content #flip-wrapper-card #flip-music .msimg {
background: url("[(${theme.config.sidebar.music.darkMsimg})]") center center/100% no-repeat !important
}
[data-theme=dark] #aside-content #flip-wrapper-card #flip-music .back.msimg {
background: url("[(${theme.config.sidebar.music.darkBackMsimg})]") center center/100% no-repeat !important
}
</style>
</div>