{extend name="public/common"/}
{block name="content"}

<div class="page_content_offset">
	<div class="container">
		<div class="row clearfix">
			<aside class="col-sm-4">
				<figure class="text-center">
					<div class="circle wrapper team_photo mb_15">
						<img src="{$data['cover_url']}" alt="{$data.name}" height="200" width="200">
					</div>
					<figcaption>
						<h2 class="mb_10 mt_10">{$data.name}</h2>
						<button class="btn_1  tr_all_hover mb_5 music-action-btn" data-id="{$data['id']}" data-action="fav"  data-type="artist" ><i class="jy jy-fav"></i>收藏 ({$data.favtimes})</button>
						<ul class="horizontal_list l_width_divider row clearfix pt_10">
							<li class="f_md_none  text-center col-lg-4">
								<strong>{$data->song_count}</strong>
								<span>篇分享</span>
							</li>
							<li class="f_md_none text-center col-lg-4">
								<strong>{$data->album_count}</strong>
								<span>张专辑</span>
							</li>
							<li class="f_md_none col-lg-4 text-center">
								<strong>{$data['hits']}</strong>
								
							</li>
						</ul>
						<hr class="mb_10 ">
					</figcaption>
				</figure>
				<div class="sidebar_content">
					<div class="mb_15 pt_10">
						<p class="d_inline_b mr_20">所属类别: {$data.type_name}</p>
						<p class="d_inline_b">所属地区: {$data.region}</p>
					</div>
				</div>

			</aside>
			<!--右侧分享列表-->
			<section class="col-sm-8 mb_10">
				<div class="clearfix pt_10 mb_10">
					<ul class="tabs_nav pull-left">
						<li><a href="{$data['url']}" target="_self">详细介绍</a></li>
						<li><a href="{$data['song_url']}" target="_self">分享列表</a></li>
						<li class="active"><a href="javascript:;" target="_self">专辑列表</a></li>
					</ul>
					<h3 class="pull-right"> {$data['name']} - 全部专辑</h3>
				</div>
				<hr>
				<div class="tab-content">
					<div id="song-list" class="tab-pane fade in active">
						{JY:album result="vo" limit="12" artist="$data['id']" page="true" order="update_time"}
						<div class="row clearfix a_list">
							<div class="col-sm-3 col-xs-4">
								<a href="{$vo['url']}"  target="_album" class="s_animate animate_ftr a_cover">
									<img src="{$vo['cover_url']}" class="tr_all_hover" alt="{$vo.name}">
								</a>
							</div>
							<div class="col-sm-6 col-xs-8">
								<h3 class="mb_15">{$vo.name}</h3>
								<p class="scheme_color mb_15">
									发行时间：{:empty($vo.pub_time)? '未知' : $vo.pub_time}
									所属专辑：{:empty($vo.company)? '未知'  : $vo.company}
								</p>
								<p class="a_list_info">{$vo.description|msubstr=0,92} <a href="{$vo['url']}" class="ml_10" target="_album">详细</a></p>
							</div>

							<div class="col-sm-3 text-right ">
								<p class="scheme_color mb_15"><span class="fw_medium"><i class="jy jy-time"></i> {$vo.create_time|time_format='Y-m-d'}</span></p>
								<p class="scheme_color mb_15">
									<a href="{$vo['artist_url']}" target="_singer">{$vo['artist_name']}</a>
									<a href="javascript:;">{$vo.type_name}</a>
								</p>
								<button class="album_play btn_4 tr_all_hover mb_15" title="{$vo.name}" data-id="{$vo.id}">播放专辑</button><br class="d_sm_none">
								<button class="btn_1 tr_all_hover pull-right ml_5 music-action-btn" data-id="{$vo['id']}" data-action="fav" data-type="album" href="javascript:;">
									<i class="jy jy-fav"></i>
								</button>
								<button class="btn_1 tr_all_hover pull-right music-action-btn" data-id="{$vo['id']}" data-action="like" data-type="album" href="javascript:;">
									<i class="jy jy-like"></i>
								</button>
							</div>

						</div>
						<hr class="mb_10">
						{/JY:album}
						<div class="row clearfix mb_15">
							<div class="col-sm-4">
								<span class="page_total">共{$vo_total}张专辑</span>
							</div>
							<div class="col-sm-8 text-right">
								<ul class="horizontal_list clearfix ml_10 page_list">{$vo_page}</ul>
							</div>
						</div>

					</div>

					<div id="info" class="tab-pane fade">
						<p>简介：<empty name="data['introduce']">暂无<else /> {$data.introduce}</empty></p>
					</div>
				</div>
			</section>

		</div>
	</div>
</div>
{/block}
{block name="player"}{include file="player/default"/}{/block}