anian
32 lines
1.9 KiB
HTML
32 lines
1.9 KiB
HTML
<div class="player_mod" th:state="${theme.config.music.bgm_open ? 'on' : 'off'}">
|
|
<div class="player_hand"></div>
|
|
<div class="top">
|
|
<div class="left">
|
|
<div class="m_cover"><img th:src="@{/assets/img/banner.jpg}"></div>
|
|
<div class="m_info">
|
|
<div class="m_tt"><h2>加载中..</h2><small>作者..</small></div>
|
|
<div class="timer"><div class="current_time">00:00</div><span>/</span><div class="total_time">00:00</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pl_btn">
|
|
<a class="m_prev"><i class="ri-skip-back-fill"></i></a>
|
|
<a class="m_play"><i class="ri-play-circle-fill"></i></a>
|
|
<a class="m_next"><i class="ri-skip-forward-fill"></i></a>
|
|
<a class="m_loop" th:classappend="${theme.config.music.m_loop}">
|
|
<i th:if="${theme.config.music.m_loop == 'all'}" class="ri-repeat-line"></i>
|
|
<i th:if="${theme.config.music.m_loop == 'one'}" class="ri-repeat-one-line"></i>
|
|
<i th:if="${theme.config.music.m_loop == 'none'}" class="ri-shuffle-line"></i>
|
|
</a>
|
|
<a th:if="${theme.config.music.bgm_open}" class="m_list"><i class="ri-bar-chart-horizontal-line"></i></a>
|
|
<a class="m_volume"><i class="ri-volume-down-fill"></i></a>
|
|
<div class="musci_list_box" id="musci_list" uk-dropdown="mode: click;offset:11;toggle:.m_list;pos:top-center;boundary: .bgm_box;flip: false; stretch: x;animation:uk-animation-slide-bottom-small"></div>
|
|
<div class="volume_box" uk-dropdown="mode: hover;offset:6;toggle:.m_volume;pos:top-center;animation:uk-animation-slide-bottom-small"><div class="vo_bar"><div class="vo_size"></div></div></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tool">
|
|
<div class="player_bar"><div class="progress"><div class="player_dot"></div></div></div>
|
|
</div>
|
|
|
|
</div> |