<!-- ############ PAGE START-->
<div class="item music-value" id="0" name="无">
    <div class="item-bg">
        <img id="music-blur" src="https://desk-fd.zol-img.com.cn/t_s1024x768c5/g2/M00/00/09/ChMlWV58N7eIH5h2AAdKruhv0hEAAN3tgHyIB0AB0rG466.jpg" class="blur opacity-3">
    </div>
    <div class="p-a-md">
        <div class="row m-t">
            <div class="col-sm-6">
                <a title="点击刷新用户信息" class="pull-left m-r-md music-info-refresh">
                    <span class="avatar w-96" id="music-info-refresh">
                      <img id="music-img" src="http://q2.qlogo.cn/headimg_dl?bs=<?=TFYT('qq')?>&dst_uin=<?=TFYT('qq')?>&dst_uin=<?=TFYT('qq')?>&;dst_uin=<?=TFYT('qq')?>&spec=100&url_enc=0&referer=bu_interface&term_type=PC">
                      <i class="on b-white"></i>
                    </span>
                </a>
                <div class="clear m-b">
                    <h4 class="m-a-0 m-b-sm" id="music-nick"><i class="fa fa-spinner fa-spin"></i>正在加载昵称...</h4>
                    <p class="text-muted" id="music-info"><i class="fa fa-spinner fa-spin"></i>正在加载网易云用户ID<?=$GLOBALS["users"]["music_id"]?>主人的信息...</p>
                    <button type="button" name="user-music-list" class="btn btn-sm warn rounded success active m-b" data-ui-toggle-class="success">
                        <span><i class="fa fa-music"></i> 查看歌单</span>
                    </button>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group row" style="margin-top:25px;">
                    <div class="col-sm-9 text-center"">
                        <input type="text" name="content" class="form-control rounded" placeholder="请输入搜索内容..." style="background-color: #f6fafbb0;">
                    </div>
                    <div class="col-sm-3 text-center">
                        <button class="btn btn-outline b-success text-success rounded dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search pull-left"></i> 点击搜索</button>
                        <div class="dropdown-menu pull-right search-music">
                            <a class="dropdown-item search-music-source" id="netease">网易云音乐</a>
                            <a class="dropdown-item search-music-source" id="kugou">酷狗音乐网</a>
                            <a class="dropdown-item search-music-source" id="tencent">QQ音乐网</a>
                            <a class="dropdown-item search-music-source" id="xiami">虾米音乐网</a>
                            <a class="dropdown-item search-music-source" id="baidu">百度音乐网</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="padding">
    <div class="row" id="user-music-list" style="display:none;"></div>
    <div class="row">
        <div class="col-md-5">
            <div class="box">
                <div class="box-header primary">
                    <h2>排行榜 <span class="pull-right"><a title="点击刷新排行榜" class="refresh-toplist"><i class="fa fa-refresh"></i></a></span></h2>
                </div>
                <div class="box-divider m-a-0"></div>
                <div class="list box" id="toplist">
                    <h1 id="load-toplist" class="text-center"><i class="fa fa-spinner fa-spin"></i></h1>
                </div>
            </div>
        </div>
        <div class="col-md-7">
            <div class="box row-col" style="min-height:700px">
                <div class="box-header b-b warn">
                    <strong id="music-title">歌曲列表 <span class="pull-right"><a><i class="fa fa-refresh music-list-data-refresh"></i></a></span></strong>
                </div>
                <div class="row-row light dk">
                    <div class="row-body box">
                        <div class="table-responsive" style="background-color:#eeeeee;">
                            <table class="table table-bordered m-a-0" style="z-index: 100;">
                                <tr>
                                    <th style="width:50px;">#</th>
                                    <th style="width:370px;">歌曲</th>
                                    <th style="width:181px;">歌手</th>
                                    <th style="width:250px;">专辑</th>
                                    <th style="width:105px;">操作</th>
                                </tr>
                            </table>
                            <div class="row-inner" style="margin-top: 48px">
                                <table class="table table-bordered table-striped table-hover m-a-0" id="music-list-data" num="0" state="0"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ############ PAGE END-->