<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-all.webp}"></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>