歌单创作手册发布啦！

云音乐歌单之友

关注

为了更好去帮助云音乐的众多听友和达人们进行歌单创作，道格我会持续更新创作手册，

欢迎从电脑端跳转到创作手册查看合集：歌单创作手册

欢迎投稿文章给道哥，分享你的歌单创作心得或者歌单达人旅程，还能获得丰厚奖励哦！

欢迎留言道哥，告知我们你们还想要了解的主题指引！

创作手册主题指南

主题一：歌单创作之选题篇 http://163.lu/VLNuq0

主题二：歌单创作之选曲篇 http://163.lu/EbEXp0

主题三：歌单创作之包装篇 http://163.lu/hx4ih0

主题四：歌单创作之工具篇 http://163.lu/kZkOv1

主题五：视频歌单创作专辑 http://163.lu/Ik4kq3

快来打开你的歌单创作手册，开启你的创作之旅！！达人和道格都在等着你！

云音乐歌单之友

关注

往期回顾

{list beg..end as y}
{var x=xlist[y]}
{if !!x}
<div id="${x.commentId|seed}" class="itm" data-id="${x.commentId}">
<div class="head">
<a href="/user/home?id=${x.user.userId}"><img src="${x.user.avatarUrl}?param=50y50"></a>
</div>
<div class="cntwrap">
<div class="">
<div class="cnt f-brk">
<a href="/user/home?id=${x.user.userId}" class="s-fc7">${escape(x.user.nickname)}</a>
{if x.user.avatarDetail && x.user.avatarDetail.identityIconUrl}
<img style="margin-right:5px;vertical-align:-2px;" width=13 height=13 src="${x.user.avatarDetail.identityIconUrl}" />
{/if}
{if x.user.vipRights}
{if x.user.vipRights.redplus && x.user.vipRights.redplus.vipCode === 300 && x.user.vipRights.redplus.rights && x.user.vipRights.redplus.iconUrl}
<img src="${x.user.vipRights.redplus.iconUrl}"
class="brand-tag brand-svip" />
{elseif x.user.vipRights.associator && x.user.vipRights.associator.rights && x.user.vipRights.redVipLevel}
{if x.user.vipRights.associator.iconUrl}
<img src="${x.user.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 1}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289771075/9cde/206c/1521/ae97069bf19817f1fff4e3afda1d3998.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922817/9124/a83c/7eb7/6d7d81b608bfb56d7fb286bd8eb72346.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 2}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289779981/0735/9a76/996b/2b858ffcf51cb298412b566407c4cc75.png"
class="brand-tag brand-vip" />
{else}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922900/5a1b/446b/b722/ec5a532c258824e8b59a45c166195e90.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 3}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289796623/21a9/2cb2/8817/596f81c8bb28d1bca5f332ac3dc9a79e.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922957/d393/4206/8928/a082dd9a7e7bb69e84b138b8df7bbcd0.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 4}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289814330/170d/189e/70cb/75a12e81f2f6f92407419e417e9777b0.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923065/dc4e/2b9c/7677/20a6644c6e3a093d7accce919ae7b169.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 5}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289819871/cae8/cbb4/63e2/feee66e7a731f20d2ce7aab9e92d1f68.png"
class="brand-tag brand-vip" />
{else}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923094/81eb/9288/68a5/a427a0dbf899d616c3f715272a71ee59.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 6}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289839236/54ce/9c06/9eae/861f11a2e2666f34ad7f201e001d9221.png"
class="brand-tag brand-vip" />
{else}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923139/f08a/c6ea/10ee/f7e2deef21937a1042e370c47525c956.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.redVipLevel == 7}
{if useNewVipIcon}
<img src="//p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289847457/5230/7279/6543/ee2a0c6b2941a9647669e3ca522c350a.png"
class="brand-tag brand-vip" />
{else}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923212/f4f1/83be/e735/2099233f0f7b80e35aff0ab77374ee41.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{elseif x.user.vipRights.musicPackage && x.user.vipRights.musicPackage.rights}
{if x.user.vipRights.musicPackage.iconUrl}
<img src="${x.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{elseif x.user.vipRights.redVipAnnualCount >= 1}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31290261228/d8c6/b0fb/b236/ccc907aabf076e224ac6f2ae76d045e3.png" class="brand-tag brand-vip"/>
{else}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{/if}
{elseif x.user.vipRights.associator && x.user.vipRights.associator.rights}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289879300/0ce6/0791/894f/2d90cb8ac138e4e4eda83f13d7979e88.png"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{/if}
{if !!x.beRepliedUser}
 回复 <a href="/user/home?id=${x.beRepliedUser.userId}" class="s-fc7">${escape(x.beRepliedUser.nickname)}</a>
${getAuthIcon(x.beRepliedUser)}
{if x.beRepliedUser.vipRights}
{if x.beRepliedUser.vipRights.redplus && x.beRepliedUser.vipRights.redplus.vipCode === 300 && x.beRepliedUser.vipRights.redplus.rights && x.beRepliedUser.vipRights.redplus.iconUrl}
<img src="${x.beRepliedUser.vipRights.redplus.iconUrl}"
class="brand-tag brand-svip" />
{elseif x.beRepliedUser.vipRights.associator && x.beRepliedUser.vipRights.associator.rights}
{if x.beRepliedUser.vipRights.redVipAnnualCount >= 1}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31290261228/d8c6/b0fb/b236/ccc907aabf076e224ac6f2ae76d045e3.png" class="brand-tag brand-vip"/>
{else}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{/if}
{elseif x.beRepliedUser.vipRights.associator.iconUrl}
<img src="${x.beRepliedUser.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{else}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289879300/0ce6/0791/894f/2d90cb8ac138e4e4eda83f13d7979e88.png"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{elseif x.beRepliedUser.vipRights.musicPackage && x.beRepliedUser.vipRights.musicPackage.rights}
{if x.beRepliedUser.vipRights.musicPackage.iconUrl}
<img src="${x.beRepliedUser.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/if}
{/if}
{/if}
：${getRichText(escape(x.content),'s-fc7')}
{if !!x.expressionUrl}
<div class="u-expression"><img src="${x.expressionUrl}?param=70y70"></img></div>
{/if}
</div>
</div>
{if x.beReplied&&x.beReplied.length}
{var replied = x.beReplied[0]}
<div class="que f-brk f-pr s-fc3">
<span class="darr"><i class="bd">◆</i><i class="bg">◆</i></span>
{if (replied && replied.status>=0) && (replied.content || replied.expressionUrl)}
<a class="s-fc7" href="/user/home?id=${replied.user.userId}">${replied.user.nickname}${getAuthIcon(replied.user)}</a>
{if replied.user.vipRights}
{if replied.user.vipRights.redplus && replied.user.vipRights.redplus.vipCode === 300 && replied.user.vipRights.redplus.rights && replied.user.vipRights.redplus.iconUrl}
<img src="${replied.user.vipRights.redplus.iconUrl}" class="brand-tag brand-svip" />
{elseif replied.user.vipRights.associator && replied.user.vipRights.associator.rights}
{if replied.user.vipRights.redVipAnnualCount >= 1}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31290261228/d8c6/b0fb/b236/ccc907aabf076e224ac6f2ae76d045e3.png" class="brand-tag brand-vip"/>
{else}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{/if}
{elseif replied.user.vipRights.associator.iconUrl}
<img src="${replied.user.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{else}
{if useNewVipIcon}
<img src="//p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31289879300/0ce6/0791/894f/2d90cb8ac138e4e4eda83f13d7979e88.png"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{/if}
{elseif replied.user.vipRights.musicPackage && replied.user.vipRights.musicPackage.rights}
{if replied.user.vipRights.musicPackage.iconUrl}
<img src="${replied.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/if}
{/if}
：${getRichText(escape(replied.content),'s-fc7')}
{if !!replied.expressionUrl}
<div class="u-expression"><img src="${replied.expressionUrl}?param=70y70"></img></div>
{/if}
{else}
该评论已删除
{/if}
</div>
{/if}
<div class="rp">
<div class="time s-fc4">${timeformat(x.time)}</div>
{if x.topCommentId}<span class="top">音乐人置顶</span>{/if}
{if canTop()&&GUser&&GUser.userId&&(GUser.userId==x.user.userId)}
<span class="dlt">{if x.topCommentId}<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-tid="${x.topCommentId}" data-type="canceltop">解除置顶</a>{else}<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="gotop">置顶评论</a>{/if}<span class="sep">|</span></span>
{/if}
{if GUser&&GUser.userId&&(GUser.userId==x.user.userId||GUser.userId==resUserId)}
<span class="dlt"><a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" {if x.topCommentId}data-tid="${x.topCommentId}" {/if}data-type="delete">删除</a><span class="sep">|</span></span>
{else}
<span class="dlt"><span style="display: none;" class="j-delete-comment"><a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" {if x.topCommentId}data-tid="${x.topCommentId}" {/if}data-type="delete">删除</a><span class="sep">|</span></span></span>
{/if}
{if GAllowRejectComment}
{if hot||!x.isRemoveHotComment}
<span class="dlt"><a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="reject">移除精彩评论</a><span class="sep">|</span></span>
{else}
<span class="s-fc3">已移除精彩评论</span><span class="sep">|</span>
{/if}
{/if}
{if !x.topCommentId}<a data-id="${x.commentId}" data-type="{if !x.liked}like{else}unlike{/if}" href="javascript:void(0)"><i class="zan u-icn2 u-icn2-{if x.liked}13{else}12{/if}"></i>{if x.likedCount} (${getPlayCount(x.likedCount)}){/if}</a>
<span class="sep">|</span>{/if}
<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="reply">回复</a>
</div>
</div>
</div>
{/if}
{/list}

{list beg..end as y}
{var x=xlist[y]}
<div class="itm" data-id="${x.commentId}">
<div class="head">
<a href="/user/home?id=${x.user.userId}"><img src="${x.user.avatarUrl}?param=50y50"></a>
</div>
<div class="cntwrap">
<div class="cnt2 f-brk">
<a href="/user/home?id=${x.user.userId}" class="s-fc7">${escape(x.user.nickname)}</a>
{if x.user.avatarDetail && x.user.avatarDetail.identityIconUrl}
<img style="margin-right:5px;vertical-align:-2px;" width=13 height=13 src="${x.user.avatarDetail.identityIconUrl}" />
{/if}
{if x.user.vipRights}
{if x.user.vipRights.redplus && x.user.vipRights.redplus.vipCode === 300 && x.user.vipRights.redplus.rights && x.user.vipRights.redplus.iconUrl}
<img src="${x.user.vipRights.redplus.iconUrl}"
class="brand-tag brand-svip" />
{elseif x.user.vipRights.associator && x.user.vipRights.associator.rights}
{if x.user.vipRights.associator.iconUrl}
<img src="${x.user.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 1}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922817/9124/a83c/7eb7/6d7d81b608bfb56d7fb286bd8eb72346.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 2}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922900/5a1b/446b/b722/ec5a532c258824e8b59a45c166195e90.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 3}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213922957/d393/4206/8928/a082dd9a7e7bb69e84b138b8df7bbcd0.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 4}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923065/dc4e/2b9c/7677/20a6644c6e3a093d7accce919ae7b169.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 5}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923094/81eb/9288/68a5/a427a0dbf899d616c3f715272a71ee59.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 6}
<img src="//p6.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923139/f08a/c6ea/10ee/f7e2deef21937a1042e370c47525c956.png"
class="brand-tag brand-vip" />
{elseif x.user.vipRights.redVipLevel == 7}
<img src="//p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/4213923212/f4f1/83be/e735/2099233f0f7b80e35aff0ab77374ee41.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.user.vipRights.musicPackage && x.user.vipRights.musicPackage.rights}
{if x.user.vipRights.musicPackage.iconUrl}
<img src="${x.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/if}
{/if}
{if !!x.beRepliedUser}
 回复 <a href="/user/home?id=${x.beRepliedUser.userId}" class="s-fc7">${escape(x.beRepliedUser.nickname)}</a>
${getAuthIcon(x.beRepliedUser)}
{if x.beRepliedUser.vipRights}
{if x.beRepliedUser.vipRights.redplus && x.beRepliedUser.vipRights.redplus.vipCode === 300 && x.beRepliedUser.vipRights.redplus.rights && x.beRepliedUser.vipRights.redplus.iconUrl}
<img src="${x.beRepliedUser.vipRights.redplus.iconUrl}" class="brand-tag brand-svip" />
{elseif x.beRepliedUser.vipRights.associator && x.beRepliedUser.vipRights.associator.rights}
{if x.beRepliedUser.vipRights.redVipAnnualCount >= 1}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{elseif x.beRepliedUser.vipRights.associator.iconUrl}
<img src="${x.beRepliedUser.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{elseif x.beRepliedUser.vipRights.musicPackage && x.beRepliedUser.vipRights.musicPackage.rights}
{if x.beRepliedUser.vipRights.musicPackage.iconUrl}
<img src="${x.beRepliedUser.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/if}
{/if}
{/if}
：${getRichText(escape(x.content),'s-fc7')}
{if !!x.expressionUrl}
<div class="u-expression"><img src="${x.expressionUrl}?param=70y70"></img></div>
{/if}
</div>
{if x.beReplied&&x.beReplied.length}
{var replied = x.beReplied[0]}
<div class="que f-brk f-pr s-fc3">
<span class="darr"><i class="bd">◆</i><i class="bg">◆</i></span>
{if replied&&replied.content}
<a class="s-fc7" href="/user/home?id=${replied.user.userId}">${replied.user.nickname}${getAuthIcon(replied.user)}</a>
{if replied.user.vipRights}
{if replied.user.vipRights.redplus && replied.user.vipRights.redplus.vipCode === 300 && replied.user.vipRights.redplus.rights && replied.user.vipRights.redplus.iconUrl}
<img src="${replied.user.vipRights.redplus.iconUrl}" class="brand-tag brand-svip" />
{elseif replied.user.vipRights.associator && replied.user.vipRights.associator.rights}
{if replied.user.vipRights.redVipAnnualCount >= 1}
<img src="//p1.music.126.net/y8pM-M1mytg6B1ThedCbJA==/109951163709550847.png" class="brand-tag brand-vip"/>
{elseif replied.user.vipRights.associator.iconUrl}
<img src="${replied.user.vipRights.associator.iconUrl}"
class="brand-tag brand-vip" />
{else}
<img src="//p1.music.126.net/iOnYL-pAvH2LuQfStGOjfQ==/109951163709553273.png"
class="brand-tag brand-vip" />
{/if}
{elseif replied.user.vipRights.musicPackage && replied.user.vipRights.musicPackage.rights}
{if replied.user.vipRights.musicPackage.iconUrl}
<img src="${replied.user.vipRights.musicPackage.iconUrl}"
class="brand-tag brand-package" />
{else}
<img src="//p1.music.126.net/G2KYG9JjrGGP5grSaXOZaw==/109951163309837705.png"
class="brand-tag brand-package" />
{/if}
{/if}
{/if}
：${getRichText(escape(replied.content),'s-fc7')}
{else}
该评论已删除
{/if}
</div>
{/if}
<div class="rp">
<div class="time s-fc4">${timeformat(x.time)}</div>
{if GUser&&GUser.userId&&(GUser.userId==x.user.userId||GUser.userId==resUserId)}
<span class="dlt">
<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="delete">删除</a><span class="sep">|</span>
</span>
{else}
<span class="dlt"><span style="display: none;" class="j-delete-comment"><a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" {if x.topCommentId}data-tid="${x.topCommentId}" {/if}data-type="delete">删除</a><span class="sep">|</span></span></span>
{/if}
<a data-id="${x.commentId}" data-type="{if !x.liked}like{else}unlike{/if}" href="javascript:void(0)"><i class="zan u-icn2 u-icn2-{if x.liked}13{else}12{/if}"></i>{if x.likedCount} (${getPlayCount(x.likedCount)}){/if}</a>
<span class="sep">|</span>
<a href="javascript:void(0)" class="s-fc3" data-id="${x.commentId}" data-type="reply">回复</a>
</div>
</div>
</div>
{/list}

<div class="lyct lyct-1 f-cb">
<div class="m-lyshare">
<ul class="m-tabs1 j-flag">
<li><a href="#"><em>分享给大家</em></a></li>
<li><a href="#"><em>私信分享</em></a></li>
</ul>
<div class="u-err j-flag" style="display:none">最多选择10位好友</div>
<div class="j-flag"></div>
<div class="j-slogan"></div>
<div class="u-txtwrap f-pr">
<textarea class="u-txt area j-flag" placeholder="说点什么吧" data-action="txt"></textarea>
<div class="info f-pr j-flag" data-action="search"></div>
</div>
<div class="oper f-cb">
<div class="face f-fl f-pr">
<i class="u-icn u-icn-36 f-fl j-flag" data-action="emot"></i>
<i class="u-icn u-icn-41 f-fl j-flag" data-action="at"></i>
<i class="u-icn u-icn-97 j-flag f-pr" data-action="upload" data-default></i>
</div>
<span class="f-fr s-fc4 j-flag">140/140</span>
</div>
<div class="f-cb j-flag"></div>
<div class="f-cb">
<div class="btnwrap f-fl">
<a class="u-btn2 u-btn2-2 u-btn2-w2 j-flag" hidefocus="true" href="javascript:;" data-action="share"><i>分享</i></a>
<a class="u-btn2 u-btn2-1 u-btn2-w2 j-flag" hidefocus="true" href="javascript:;" data-action="close"><i>取消</i></a>
</div>
<div class="f-cb j-flag f-fr">
<div class="share f-fr">
<span class="f-fl s-fc3">同时分享到：</span>
<ul class="u-logo u-logo-s f-cb">
<li><a class="u-slg u-slg-sn j-t" data-action="sns" data-type="2" hidefocus="true" href="//music.163.com/api/sns/authorize?snsType=2&clientType=web2&callbackType=Binding&forcelogin=true" title="新浪微博"></a></li>
<li><a class="u-slg u-slg-db j-t" data-action="sns" data-type="3" hidefocus="true" href="//music.163.com/api/sns/authorize?snsType=3&clientType=web2&callbackType=Binding&forcelogin=true" title="豆瓣网"></a></li>
</ul>
</div>
</div>
</div>
<div class="u-err j-flag"><i class="u-icn u-icn-25"></i><span></span></div>
</div>
</div>

{macro listArtists(artists)}
{list artists as art}
${art.name|mark} 
{/list}
{/macro}
<div class="m-schlist">
<p class="note s-fc3"><a class="s-fc3 xtag" href="/search/#/?s=${keyword}&type=1002">搜“${keyword|cutStr}” 相关用户</a> ></p>
<div class="rap">
{list result.order as index}
{var lst=result[index]}
{if !!lst&&!!lst.length}
<div class="itm f-cb">
{if index=="songs"}
<h3 class="hd"><i class="icn u-icn u-icn-26"></i><em class="f-fl">单曲</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as song}
<li>
<a data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"song","resource_id":${song.id},"keyword":${keyword|cutStr}}' class="s-fc0 f-thide xtag" href="/song?id=${song.id}">${song.name|mark}-${listArtists(song.artists)}</a>
</li>
{/list}
</ul>
{elseif index=="artists"}
<h3 class="hd"><i class="icn u-icn u-icn-27"></i><em class="f-fl">歌手</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as artist}
<li>
<a data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"artist","resource_id":${artist.id},"keyword":${keyword|cutStr}}' class="s-fc0 f-thide xtag" href="/artist?id=${artist.id}">${artist.name|mark}</a>
</li>
{/list}
</ul>
{elseif index=="albums"}
<h3 class="hd"><i class="icn u-icn u-icn-28"></i><em class="f-fl">专辑</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as album}
<li>
<a data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"album","resource_id":${album.id},"keyword":${keyword|cutStr}}' class="s-fc0 f-thide xtag" href="/album?id=${album.id}">${album.name|mark}{if album.artist}-${album.artist.name|mark}{/if}</a>
</li>
{/list}
</ul>
{elseif index=="playlists"}
<h3 class="hd"><i class="icn u-icn u-icn-29"></i><em class="f-fl">歌单</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as playlist}
<li>
<a data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"list","resource_id":${playlist.id},"keyword":${keyword|cutStr}}' class="s-fc0 f-thide xtag" href="/playlist?id=${playlist.id}">${playlist.name|mark}</a>
</li>
{/list}
</ul>
{elseif index=="mvs"}
<h3 class="hd"><i class="icn u-icn u-icn-96"></i><em class="f-fl">视频</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as mv}
<li>
<a data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"mlog","resource_id":${mv.id},"keyword":${keyword|cutStr}}' class="s-fc0 f-thide xtag" href="/mv?id=${mv.id}">MV:${mv.name|mark}{if mv.artistName}-${mv.artistName|mark}{/if}</a>
</li>
{/list}
</ul>
{/if}
</div>
{/if}
{/list}
</div>
</div>

{macro listArtists(artists)}
{list artists as art}
${art.name|mark} 
{/list}
{/macro}
<div class="m-schlist">
<p class="note s-fc3"><a class="s-fc3 xtag" href="/search/#/?s=${keyword}&type=1002">搜“${keyword|cutStr}” 相关用户</a> ></p>
<div class="rap">
{list result.order as index}
{var lst=result[index]}
{if !!lst&&!!lst.length}
<div class="itm f-cb">
{if index=="songs"}
<h3 class="hd"><i class="icn u-icn u-icn-26"></i><em class="f-fl">单曲</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as song}
<li>
<a class="s-fc0 f-thide xtag" href="/login" data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"song","resource_id":${song.id},"keyword":${keyword|cutStr}}'>${song.name|mark}-${listArtists(song.artists)}</a>
</li>
{/list}
</ul>
{elseif index=="artists"}
<h3 class="hd"><i class="icn u-icn u-icn-27"></i><em class="f-fl">歌手</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as artist}
<li>
<a class="s-fc0 f-thide xtag" href="/login" data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"artist","resource_id":${artist.id},"keyword":${keyword|cutStr}}'>${artist.name|mark}</a>
</li>
{/list}
</ul>
{elseif index=="albums"}
<h3 class="hd"><i class="icn u-icn u-icn-28"></i><em class="f-fl">专辑</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as album}
<li>
<a class="s-fc0 f-thide xtag" href="/login" data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"album","resource_id":${album.id},"keyword":${keyword|cutStr}}'>${album.name|mark}{if album.artist}-${album.artist.name|mark}{/if}</a>
</li>
{/list}
</ul>
{elseif index=="playlists"}
<h3 class="hd"><i class="icn u-icn u-icn-29"></i><em class="f-fl">歌单</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as playlist}
<li>
<a class="s-fc0 f-thide xtag" href="/login" data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"list","resource_id":${playlist.id},"keyword":${keyword|cutStr}}'>${playlist.name|mark}</a>
</li>
{/list}
</ul>
{elseif index=="mvs"}
<h3 class="hd"><i class="icn u-icn u-icn-96"></i><em class="f-fl">视频</em></h3>
<ul class="{if index_index%2!=0}odd{/if} f-cb">
{list lst as mv}
<li>
<a class="s-fc0 f-thide xtag" href="/login" data-res-action="bilog" data-log-action="click" data-log-json='{"page":"page_search_suggest","resource_type":"mlog","resource_id":${mv.id},"keyword":${keyword|cutStr}}'>MV:${mv.name|mark}{if mv.artistName}-${mv.artistName|mark}{/if}</a>
</li>
{/list}
</ul>
{/if}
</div>
{/if}
{/list}
</div>
</div>

<table class="m-table {if type=='rank'}m-table-rank{/if}">
<thead>
<tr>
<th class="first {if type=='rank'}wrk{else}w1{/if}"><div class="wp"> </div></th>
<th><div class="wp af0"></div></th>
<th class="w2"><div class="wp af1"></div></th>
<th class="w3"><div class="wp af2"></div></th>
<th class="w4"><div class="wp af3"></div></th>
</tr>
</thead>
<tbody>
{list beg..end as y}
{var x=xlist[y]}
<tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
<td class="left">
<div class="hd {if type=='rank'}rank{/if}">
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<span class="num">${y+1}</span>
{if type=='rank'}
<div class="rk rk-1">
{if x.lastRank>=0}
{if y-x.lastRank>0}
<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
{elseif y-x.lastRank==0}
<span class="ico u-icn u-icn-72 s-fc4">0</span>
{else}
<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
{/if}
{else}
<span class="u-icn u-icn-75"></span>
{/if}
</div>
{/if}
</div>
</td>
<td class="">
<div class="f-cb">
<div class="tt">
<div class="ttc">
<span class="txt">
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
</div>
</td>
<td class=" s-fc3">
<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
data-res-type="18"
data-res-id="${x.id}"
data-res-action="addto"
{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
{if canDel}
<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
{/if}
</div>
</td>
<td class="">
<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
${getArtistName(x.artists, '', '', false, false, true)}
</div>
</td>
{if type=='dayRcmd'}
<td class="hascls">
<div class="f-pr">
<div class="text">{if x.album}<a href="/album?id=${x.album.id}" title="${x.album.name}">${x.album.name}</a>{/if}</div>
<a href="javascript:;" data-res-action="dislike" data-res-id="${x.id}" data-res-alg="${x.alg}" class="cls u-icn u-icn-80 f-tid icn-dislike" title="不感兴趣">不感兴趣</a>
</div>
</td>
{else}
<td class="">
<div class="text">
{if x.album}
<a href="/album?id=${x.album.id}" title="${x.album.name|escape}">${soil(x.album.name)}</a>
{/if}
</div>
</td>
{/if}
</tr>
{/list}
</tbody>
</table>

<table class="m-table {if type=='rank'}m-table-rank{else}m-table-album{/if}">
<thead>
<tr>
<th class="first {if type=='rank'}wrk{else}w1{/if}"><div class="wp"> </div></th>
<th><div class="wp">歌曲标题</div></th>
<th class="w2-1"><div class="wp">时长</div></th>
<th class="w4"><div class="wp">歌手</div></th>
</tr>
</thead>
<tbody>
{list beg..end as y}
{var x=xlist[y]}
<tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
<td class="left">
<div class="hd {if type=='rank'}rank{/if}">
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<span class="num">${y+1}</span>
{if type=='rank'}
<div class="rk rk-1">
{if x.lastRank>=0}
{if y-x.lastRank>0}
<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
{elseif y-x.lastRank==0}
<span class="ico u-icn u-icn-72 s-fc4">0</span>
{else}
<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
{/if}
{else}
<span class="u-icn u-icn-75"></span>
{/if}
</div>
{/if}
</div>
</td>
{if x.privilege.fee == 1}
<td class="">
<div class="f-cb">
<div class="tt">
<div class="ttc">
<span class="txt">
<i class="u-vip-icn"></i>
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
</div>
</td>
{else}
<td class="">
<div class="f-cb">
<div class="tt">
<div class="ttc">
<span class="txt">
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
</div>
</td>
{/if}
<td class=" s-fc3">
<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
data-res-type="18"
data-res-id="${x.id}"
data-res-action="addto"
{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
{if canDel}
<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
{/if}
</div>
</td>
<td class="">
<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
${getArtistName(x.artists, '', '/', false, true, true)}
</div>
</td>
</tr>
{/list}
</tbody>
</table>

<table class="m-table m-table-1 m-table-4">
<tbody>
{list beg..end as y}
{var x=xlist[y]}
<tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
<td class="w1">
<div class="hd">
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<span class="num">${y+1}</span>
</div>
</td>
<td class="">
<div class="f-cb">
<div class="tt">
<div class="ttc">
<span class="txt">
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
</div>
</td>
<td class="w2-1 s-fc3">
<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
data-res-type="18"
data-res-id="${x.id}"
data-res-action="addto"
{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
{if canDel}
<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
{/if}
</div>
</td>
<td class="w4">
<div class="text">
{if x.album}
{var transName = x.album.tns && x.album.tns.length > 0 ? x.album.tns[0] : ''}
<a href="/album?id=${x.album.id}" title="${x.album.name|escape}{if transName} - (${transName|escape}){/if}">${soil(x.album.name)}</a>
{if transName}
<span title="${transName|escape}" class="s-fc8"> - (${transName|escape})</span>
{/if}
{/if}
</div>
</td>
</tr>
{/list}
</tbody>
</table>

<table class="m-table m-table-rank">
<thead>
<tr>
<th class="first w1"></th>
<th><div class="wp">标题</div></th>
<th class="w2-1"><div class="wp">时长</div></th>
<th class="w3-1"><div class="wp">歌手</div></th>
</tr>
</thead>
<tbody>
{list beg..end as y}
{var x=xlist[y]}
<tr id="${x.id|seed}" class="{if y%2==0}even{/if} {if disable(x)}js-dis{/if}">
{if y<3}
<td>
<div class="hd">
<span class="num">${y+1}</span>
<div class="rk ">
{if x.lastRank>=0}
{if y-x.lastRank>0}
<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
{elseif y-x.lastRank==0}
<span class="ico u-icn u-icn-72 s-fc4">0</span>
{else}
<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
{/if}
{else}
<span class="u-icn u-icn-75"></span>
{/if}
</div>
</div>
</td>
<td class="rank">
<div class="f-cb">
<div class="tt">
<a href="/song?id=${x.id}">{if x.album}<img class="rpic" src="${x.album.picUrl}?param=50y50&quality=100">{/if}</a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<div class="ttc">
<span class="txt">
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
</div>
</td>
{else}
<td>
<div class="hd">
<span class="num">${y+1}</span>
<div class="rk ">
{if x.lastRank>=0}
{if y-x.lastRank>0}
<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
{elseif y-x.lastRank==0}
<span class="ico u-icn u-icn-72 s-fc4">0</span>
{else}
<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
{/if}
{else}
<span class="u-icn u-icn-75"></span>
{/if}
</div>
</div>
</td>
<td class="">
<div class="f-cb">
<div class="tt">
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<div class="ttc">
<span class="txt">
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
</div>
</td>
{/if}
<td class=" s-fc3">
<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
data-res-type="18"
data-res-id="${x.id}"
data-res-action="addto"
{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
{if canDel}
<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
{/if}
</div>
</td>
<td class="">
<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
${getArtistName(x.artists, '', '', false, false, true)}
</div>
</td>
</tr>
{/list}
</tbody>
</table>

<table class="m-table m-table-prog">
<tbody id="song-list">
{list beg..end as y}
{var x=xlist[y]}
<tr id="${x.id|seed}" class="{if y%2!=0}even{/if} {if disable(x)}js-dis{/if}">
<td class="first col1">
<div class="hd">
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<span class="num">${y+1}</span>
</div>
</td>
<td class="col2">
<div class="f-cb">
<div class="tt">
<div class="ttc">
<span class="txt">
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
</div>
</td>
<td class="col3 s-fc3">
<span class="u-dur {if canDel}candel{/if}">${dur2time(x.duration/1000)}{if x.ftype==2}<i title="歌曲来自第三方网站" class="migu u-icn2 u-icn2-14"></i>{/if}</span>
<div class="opt hshow">
<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
data-res-type="18"
data-res-id="${x.id}"
data-res-action="addto"
{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
{if canDel}
<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
{/if}
</div>
</td>
<td class="col4">
<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
${getArtistName(x.artists, '', '', false, false, true)}
</div>
</td>
<td class="col5">
<div class="text">
{if x.album}
<a href="/album?id=${x.album.id}" title="${x.album.name|escape}">${soil(x.album.name)}</a>
{/if}
</div>
</td>
</tr>
{/list}
</tbody>
</table>

<ul>
{list beg..end as y}
{var x=xlist[y]}
{if extData&&extData.limit&&y>=extData.limit}
{break}
{/if}
{var from=getFrom()}
<li id="${x.id|seed}" {if y%2 !=0 }class='even'{/if}>
<div class="hd ">
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<span class="num">${y+1}.</span>
</div>
<div class="song">
<div class="tt">
<div class="ttc">
<span class="txt"><a href="/song?id=${x.id}"><b title="${x.name}">${x.name}</b></a>
<span class='ar s-fc8'> <em>-</em>
${getArtistName(x.artists, 's-fc8')}
</span>
</span>
</div>
</div>
<div class="opt">
<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true" data-res-type="18" data-res-id="${x.id}" data-res-action="addto" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="subscribe" class="icn icn-fav" title="收藏"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="${x.name}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" class="icn icn-share" title="分享">分享</span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载">下载</span>
</div>
</div>
<div class="tops">
<span class="bg" style='width:${x.score*100/x.max}%;'></span>
{if extData.showCount&&x.playCount}<span class="times f-ff2">${x.playCount}次</span>{/if}
</div>
</li>
{/list}
</ul>
{if extData&&extData.limit&&xlist.length>extData.limit}
<div class="more">
<a href="/user/songs/rank?id=${hostId}" >查看更多></a>
</div>
{/if}

{list beg..end as y}
{var x=xlist[y]}
<tr id="${x.id|seed}" class="{if y%2==1}even{/if} {if disable(x)}js-dis{/if}">
<td class="left">
<div class="hd {if type=='rank'}rank{/if}">
<span data-res-id="${x.id}" data-res-type="18" data-res-action="play" {if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if} class="ply {if isPlaying(x)}ply-z-slt{/if}"> </span>
<span class="num">${y+1}</span>
{if type=='rank'}
<div class="rk rk-1">
{if x.lastRank>=0}
{if y-x.lastRank>0}
<span class="ico u-icn u-icn-74 s-fc10">${y-x.lastRank}</span>
{elseif y-x.lastRank==0}
<span class="ico u-icn u-icn-72 s-fc4">0</span>
{else}
<span class="ico u-icn u-icn-73 s-fc9">${x.lastRank-y}</span>
{/if}
{else}
<span class="u-icn u-icn-75"></span>
{/if}
</div>
{/if}
</div>
</td>
<td class="u-hasopt">
<div class="f-cb">
<div class="tt">
<div class="ttc">
<span class="txt">
{var alia=songAlia(x)}
<a href="/song?id=${x.id}"><b title="${x.name|escape}{if alia} - (${alia|escape}){/if}">${soil(x.name)}</b></a>{if alia}<span title="${alia|escape}" class="s-fc8"> - (${soil(alia)})</span>{/if}
{if x.mvid>0}
<span data-res-id="${x.id}" data-res-action="mv" title="播放mv" class="mv">MV</span>
{/if}
</span>
</div>
</div>
<div class="opt hshow">
<a class="u-icn u-icn-81 icn-add" href="javascript:;" title="添加到播放列表" hidefocus="true"
data-res-type="18"
data-res-id="${x.id}"
data-res-action="addto"
{if from}data-res-from="${from.fid}" data-res-data="${from.fdata}"{/if}></a>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="fav" class="icn icn-fav" title="收藏"></span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="share" data-res-name="{if typeof removeQuotes != 'undefined'}${removeQuotes(x.name)}{else}${x.name}{/if}" data-res-author="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}" {if x.album}data-res-pic="${x.album.picUrl}"{/if} class="icn icn-share" title="分享">分享</span>
<span data-res-id="${x.id}" data-res-type="18" data-res-action="download" class="icn icn-dl" title="下载"></span>
{if canDel}
<span data-res-id="${x.id}" data-res-type="18" data-res-action="delete" class="icn icn-del" title="删除">删除</span>
{/if}
</div>
</div>
</td>
<td class="">
<div class="text" title="{list x.artists as art}${art.name}{if art_index<x.artists.length-1}/{/if}{/list}">
${getArtistName(x.artists, '', '', false, false, true)}
</div>
</td>
<td class="">
<div class="text">
{if x.album}
<a href="/album?id=${x.album.id}" title="${x.album.name|escape}">${soil(x.album.name)}</a>
{/if}
</div>
</td>
<td class="s-fc3">${formatTime(x.paidTime)}</td>
</tr>
{/list}

{if !event}
<div class="src src-empty f-cb">
<span class="s-fc4">该笔记已删除</span>
</div>
{else}
{if !inner}
<div class="type f-pr f-fs1">
{if event.type==32}
精彩评论
{else}
<a href="/user/home?id=${event.user.userId}" class="s-fc7">${event.user.nickname}</a>
${comJST('com-user-type-icon-sml', event.user, '', ' ')}
<span class="sep s-fc3">${event.type|typeToText}</span>
{/if}
{if !!event.rcmdInfo&&event.rcmdInfo.reason!="推广"&&place!="at"&&event.user.userId!=GUser.userId&&event.user.userId>0&&!event.user.followed}
<span class="gz u-dbtn f-pa j-follow" data-action="follow" data-id=${event.user.userId}><i class="u-dicn u-dicn-11"></i>关注</span>
{/if}

</div>
{if event.type!=32&&event.type!=34}
<div class="time">
{if transcoding}
<span class="s-fc4">视频处理中，仅自己可见…</span>
{else}
<a class="s-fc4" data-action="logdetail" href="/event?id=${event.id}&uid=${event.user.userId}">{if !!event.rcmdInfo}${event.showTime|timeFormatForRecEvent}{else}${event.showTime|timeFormat}{/if}</a>
{/if}

</div>
{/if}
{/if}
<div class="text {if !inner}f-fs1 {if !event.json.msg&&event.type==32}f-hide{/if}{/if} f-brk j-text">
{if inner}
<a href="/user/home?id=${event.user.userId}" class="s-fc7">
@${event.user.nickname}
</a> ${event.type|typeToText}：{/if}
{if event.lotteryEventData&&event.lotteryEventData.title}
<a href="javascript:;" data-action="lottery" data-url="/st/m#/lottery/detail?id=${event.lotteryEventData.lotteryId}" class="s-fc7">
<img style="display: inline-block;margin-top: -3px;" src="https://p1.music.126.net/zLK4jsjWNfAesX4j06JoFg==/109951163879681873.png"/>
 
${event.lotteryEventData.title}
{if event.lotteryEventData.status==2}
(已开奖)
{elseif event.lotteryEventData.status==3}
(已删除)
{elseif event.lotteryEventData.status==4}
(已下架)
{/if}
 
</a>
{/if}${event.json.msg|parseText:event.user.urlAnalyze}
{if !event.actHash[event.actName]&&event.actId&&event.actName&&event.type!=22&&!!event.lotteryEventData}
<a href="/activity?id=${event.actId}" class="s-fc7">#${event.actName}#</a>
{/if}
</div>
<div class="j-flag">
</div>
<div class="doper j-flag{if transcoding} z-dis{/if}">
</div>
<div class="arrow u-dicn u-dicn-2 j-flag" style="display:none;" data-action="unfold" title="笔记管理">
</div>
<div class="dsup j-flag f-hide">
赞：
<span class="j-flag">
{if !!event.likeUsers&&event.likeUsers.length}
{list event.likeUsers as user}
<a href="/user/home?id=${user.userId}" id="likeduser${user.userId}" target="_blank"><img src="${user.avatarUrl}?param=30y30"></a>
{/list}
{/if}
</span>
</div>
<div class="j-flag f-hide">
</div>
{/if}

{if cloudvideo}
{if cloudvideo.status == -1}
<div class="src src-empty f-cb">
<span class="s-fc4">该视频已删除</span>
</div>
{else}
<div class="src src-video f-cb">
<div class="video f-pr j-flag">
<div class="info f-pa" data-action="playcloudvideo" data-vid="${cloudvideo.vid}">
<div class="tit u-dicn u-dicn-17"><p class="f-thide2">
<span class="h3">${cloudvideo.title}</span>{if cloudvideo.creator}<span class="h4"> - by ${cloudvideo.creator.nickname||''}</span>{/if}
</p></div>
<div class="bottom u-dicn u-dicn-49">
{if cloudvideo.playTime >= 100}<span class="f-fl"><i class="icn u-dicn u-dicn-43"></i>${cloudvideo.playTime|formatPlayCount}</span>{/if}
{if cloudvideo.durationms}<span class="f-fr"><i class="icn u-dicn u-dicn-44"></i>${cloudvideo.durationms/1000|dur2time}</span>{/if}
</div>
<i class="ply u-dicn u-dicn-42 f-alpha"></i>
</div>
<img class="f-img" src="${cloudvideo.coverUrl}?param=338y189">
</div>
<div class="fold f-cb j-flag f-hide">
<span class="btn s-fc3 f-fl" data-action="foldvideo"><i class="icn u-dicn u-dicn-18"></i><a href="javascript:"> 收起</a></span>
<span class="sep f-fl"></span>
<div class="inf f-thide s-fc3">
<a href="/video?id=${cloudvideo.vid}" class="btn s-fc3"><i class="icn u-dicn u-dicn-35"></i>${cloudvideo.title}</a>
{if cloudvideo.creator}<a href="user/home?id=${cloudvideo.creator.userId}" class="sub s-fc4">${cloudvideo.creator.nickname||''}</a>{/if}
</div>
</div>
<div class="mv mv-full f-pr j-flag f-hide"></div>
</div>
{/if}
{elseif typeof video !== 'undefined'}
{if !video || video.videoStatus == -1}
<div class="src src-empty f-cb">
<span class="s-fc4">该视频已删除</span>
</div>
{else}
<div class="src src-video f-cb">
<div class="video{if video.state<=0} transcoding{/if} f-pr j-flag">
{if video.state<=0}{else}
<div class="info f-pa" data-action="playvideo" data-vid="${video.videoId}" >
<div class="tit u-dicn u-dicn-17"><p class="f-thide2">
<span class="h3">${video.title}</span>{if video.creator}<span class="h4"> - by ${video.creator.nickname||''}</span>{/if}
</p></div>
<div class="bottom u-dicn u-dicn-49">
{if video.playTime >= 100}<span class="f-fl"><i class="icn u-dicn u-dicn-43"></i>${video.playTime|formatPlayCount}</span>{/if}
{if video.duration}<span class="f-fr"><i class="icn u-dicn u-dicn-44"></i>${video.duration|dur2time}</span>{/if}
</div>
<i class="ply u-dicn u-dicn-42 f-alpha"></i>
</div>
{/if}
{if video.state<=0}
<div class="f-pa f-img bg" style="background-image:url('${video.coverUrl}?imageView&thumbnail=338y189&blur=35x15')"></div>
<div class="f-pa f-img bg" style="background-image:url('${video.coverUrl}?imageView&thumbnail=338x189')"></div>
{else}
<img class="f-img" src="${video.coverUrl}?param=338y189">
{/if}
</div>
<div class="fold f-cb j-flag f-hide">
<span class="btn s-fc3 f-fl" data-action="foldvideo"><i class="icn u-dicn u-dicn-18"></i><a href="javascript:"> 收起</a></span>
<span class="sep f-fl"></span>
<div class="inf f-thide s-fc3">
<a href="/video?id=${video.videoId}" class="btn s-fc3"><i class="icn u-dicn u-dicn-35"></i>${video.title}</a>
{if video.creator}<a href="user/home?id=${video.creator.userId}" class="sub s-fc4">${video.creator.nickname||''}</a>{/if}
</div>
</div>
<div class="mv mv-full f-pr j-flag f-hide"></div>
</div>
{/if}
{elseif artist}
<div class="src src-artist f-cb">
<a href="/artist?id=${artist.id}" data-log="event" data-event-id="${eventId}" class="cover"><img src="${artist.picUrl||artist.img1v1Url}?param=40y40&quality=100"></a>
<span class="scnt f-thide s-fc1 f-fs1">歌手：<a class="s-fc3" href="/artist?id=${artist.id}" data-log="event" data-event-id="${eventId}">${artist.name}</a></span>
</div>
{elseif song}
<div class="src f-cb">
<div class="cover cover-ply">
<span class="lnk"><img src="${song.album.picUrl}?param=40y40&quality=100"></span>
<a href="javascript:" data-log="event" data-event-id="${eventId}" class="ply u-dicn u-dicn-8 f-alpha" data-res-action="play" data-res-type="18" data-res-id="${song.id}" data-res-data="${eventId}" data-res-from="34" ></a>
</div>
<div class="scnt">
<h3 class="tit f-thide f-fs1"><a href="/song?id=${song.id}" class="s-fc1" data-log="event" data-event-id="${eventId}" >${song.name}</a></h3>
<h4 class="from f-thide s-fc3">
{list song.artists as x}
{if !x.id}
<span class="s-fc3">${x.name||'未知'}</span>
{else}
<a href="/artist?id=${x.id}" title="${x.name||'未知'}" class="s-fc3" data-log="event" data-event-id="${eventId}" >${x.name||'未知'}</a>
{/if}
{if x_index<x_length-1}/{/if}
{/list}
</h4>
</div>
</div>
{elseif playlist}
<div class="src f-cb">
<div class="cover"><span class="lnk"><img src="${playlist.coverImgUrl}?param=40y40&quality=100" alt="">{if playlist.highQuality}<i class="u-jp u-icn2 u-icn2-jp5"></i>{/if}<span class="ply u-dicn u-dicn-8 f-alpha" data-res-action="play" data-res-type="13" data-res-data="${eventId}" data-res-from="34" data-res-id="${playlist.id}" data-log="event" data-event-id="${eventId}"></span></span></div>
<div class="scnt">
<h3 class="tit f-thide s-fc1 f-fs1"><span class="tag u-dtag">歌单<i class="rt"></i></span><a href="/playlist?id=${playlist.id}" class="s-fc1" data-log="event" data-event-id="${eventId}">${playlist.name|escape}</a></h3>
<h4 class="from f-thide s-fc3">by <a href="/user/home?id=${playlist.creator.userId}" class="s-fc3" data-log="event" data-event-id="${eventId}">${playlist.creator.nickname}</a></h4>
</div>
</div>
{elseif album}
<div class="src src-alb cover-ply f-cb">
<div class="cover cover-alb u-dicn u-dicn-23"><span class="lnk"><img src="${album.picUrl}?param=40y40&quality=100"><span class="ply u-dicn u-dicn-8 f-alpha" data-res-action="play" data-res-type="19" data-res-from="34" data-res-data="${eventId}" data-res-id="${album.id}" data-log="event" data-event-id="${eventId}"></span></span></div>
<div class="scnt">
<h3 class="tit f-thide s-fc1 f-fs1">
<span class="tag u-dtag">专辑<i class="rt"></i></span>
<a href="/album?id=${album.id}" data-log="event" data-event-id="${eventId}" class="s-fc1">${album.name}</a></h3>
<h4 class="from f-thide s-fc3">
${comJST('com-album-artists', album.artists, 's-fc3')}
</h4>
</div>
</div>
{elseif djRadio}
<div class="src f-cb" data-action="redirect" data-href="/djradio?id=${djRadio.id}">
<div class="cover"><a href="/djradio?id=${djRadio.id}" class="lnk" data-log="event" data-event-id="${eventId}"><img src="${djRadio.picUrl}?param=40y40&quality=100"></a>{if djRadio.radioFeeType}<i class="corner u-dicn u-dicn-45"></i>{/if}</div>
<div class="scnt">
<h3 class="tit f-thide f-fs1 s-fc1"><span class="tag u-dtag">${djRadio.category}<i class="rt"></i></span><a href="/djradio?id=${djRadio.id}" class="s-fc1" data-log="event" data-event-id="${eventId}">${djRadio.name}</a></h3>
<h4 class="from f-thide s-fc3">by <a href="/user/home?id=${djRadio.dj.userId}" class="s-fc3" data-log="event" data-event-id="${eventId}">${djRadio.dj.nickname}</a></h4>
</div>
</div>
{elseif program}
<div class="src f-cb">
<div class="cover cover-ply">
<span class="lnk"><img src="${program.coverUrl}?param=40y40&quality=100"></span>
<a href="javascript:" class="ply u-dicn u-dicn-8 f-alpha" data-res-action="play" data-res-type="17" data-res-data="${eventId}" data-res-from="34" data-res-id="${program.id}" data-log="event" data-event-id="${eventId}"></a>
</div>
<div class="scnt">
<h3 class="tit f-thide s-fc1 f-fs1"><a href="/program?id=${program.id}" class="s-fc1" data-log="event" data-event-id="${eventId}">${program.name}</a></h3>
{if !!program.radio}
<h4 class="from f-thide s-fc3"><span class="tag u-dtag" data-action="redirect" data-href="/discover/djradio/category?id=${program.radio.categoryId}">${program.radio.category}<i class="rt"></i></span><a href="/djradio?id=${program.radio.id}" class="s-fc3" data-log="event" data-event-id="${eventId}">${program.radio.name}</a></h4>
{/if}
</div>
</div>
{elseif topic}
<div class="src src-topic f-cb">
<div class="cover"><a href="/topic?id=${topic.id}" class="lnk" data-log="event" data-event-id="${eventId}"><img src="${topic.rectanglePicUrl}?param=111y74&quality=100"></a></div>
<div class="scnt">
<div class="inner">
<h3 class="tit f-thide2 f-fs1"><span class="tag u-dtag">专栏<i class="rt"></i></span><a href="/topic?id=${topic.id}" class="s-fc1" data-log="event" data-event-id="${eventId}">${topic.title|escape}</a></h3>
<h4 class="from f-thide s-fc3">by <a href="/user/home?id=${topic.creator.userId}" class="s-fc3" data-log="event" data-event-id="${eventId}">${topic.creator.nickname|escape}</a></h4>
</div>
</div>
</div>
{elseif show}
<div class="src src-show f-cb">
<a href="${show.url}" class="cover" data-log="event" data-event-id="${eventId}"><img src="${show.cover}?param=60y80"></a>
<span class="scnt f-thide s-fc1 f-fs1"><span class="tag u-dtag">演出<i class="rt"></i></span><a href="${show.url}" data-log="event" data-event-id="${eventId}">${show.title}</a></span>
</div>
{elseif mlog && mlog.shareUrl && mlog.coverUrl}
<div class="src src-mlog f-cb">
<a href="${mlog.shareUrl}" class="cover" ><img src="${mlog.coverUrl}?imageView=1¶m=60y80"></a>
<span class="tag u-dtag" style="margin-left: 10px;">视频<i class="rt"></i></span>
<a href="${mlog.shareUrl}">${mlog.title}</a>
</div>
{elseif mv}
<div class="src src-video f-cb">
<div class="video f-pr j-flag">
<div class="info f-pa" data-action="playmv">
<div class="tit u-dicn u-dicn-17">
<p class="f-thide2"><i class="icn u-dicn u-dicn-48"></i><span class="h3 f-pre">${mv.name}</span><span class="h4"> - ${comJST('com-mv-artists', mv.artists, '')}</span></p>
</div>
<div class="bottom u-dicn u-dicn-49">
{if mv.playCount >= 100}<span class="f-fl"><i class="icn u-dicn u-dicn-43"></i>${mv.playCount|formatPlayCount}</span>{/if}
{if mv.duration}<span class="f-fr"><i class="icn u-dicn u-dicn-44"></i>${mv.duration/1000|dur2time}</span>{/if}
</div>
<i class="ply u-dicn u-dicn-42 f-alpha"></i>
</div>
<img class="f-img" src="${mv.imgurl16v9||mv.imgurl}?param=338y189&quality=100" alt="placeholder+image">
</div>
<div class="fold f-cb j-flag f-hide">
<span class="btn s-fc3 f-fl" data-action="foldmv"><i class="icn u-dicn u-dicn-18"></i><a href="javascript:"> 收起</a></span>
<span class="sep f-fl"></span>
<div class="inf f-thide s-fc3">
<a href="/mv?id=${mv.id}" class="btn s-fc3" ><i class="icn u-dicn u-dicn-35"></i>${mv.name}</a>
${comJST('com-mv-artists', mv.artists, 'sub s-fc4')}
</div>
</div>
<div class="mv mv-full f-pr j-flag f-hide">
</div>
</div>
{elseif mvunfold}
<div class="src src-mv f-cb">
<div class="fold"><span class="btn s-fc3"><i class="icn u-dicn u-dicn-18"></i> 收起</span></div>
<div style="background:#f2f2f2; padding:10px; width:100%; height:264px;">这里是MV播放控件</div>
</div>
{elseif comment}
{if (comment.content && comment.status>=0) || comment.expressionUrl}
<div class="src src-cmt f-cb f-brk">
<div class="cemt f-pr">
<p class="f-fs1">
<i class="icn u-dicn u-dicn-10"></i>
<a href="/user/home?id=${comment.user.userId}" class="s-fc7">@ ${comment.user.nickname}</a>：${comment.content|escape|getRichText:"s-fc7"}
{if comment.expressionUrl}
<div class="u-expression"><img src="${comment.expressionUrl}?param=70y70"></img></div>
{/if}
{if comment.beReplied&&comment.beReplied.length}
{var replied=comment.beReplied[0]}
</p>
<div class="quo {if replied.content}s-fc3{else}s-fc4{/if}">
{if (replied.content&&replied.status>=0) || replied.expressionUrl}
<a href="/user/home?id=${replied.user.userId}" class="s-fc7">@ ${replied.user.nickname}</a>：${replied.content|escape|getRichText:"s-fc7"}
{if replied.expressionUrl}
<div class="u-expression"><img src="${replied.expressionUrl}?param=70y70"></img></div>
{/if}
{else}
<span class="s-fc4">该评论已删除</span>
{/if}
</div>
{/if}
<div class="frm">{if comment.resourceInfo && comment.resourceInfo.videoStatus == -1}<span class="s-fc4">该视频已删除</span>{else}<a class="s-fc4" href="${comment.threadId|threadIdtoLink}&commentId=${comment.commentId}">${comment.resourceName|escape}</a>{/if}</div>
</div>
</div>
{else}
<div class="src src-empty f-cb">
<span class="s-fc4">该评论已删除</span>
</div>
{/if}
{elseif webview}
<div class="src src-show f-cb">
<a href="${webview.webviewUrl}" style="width: 40px;" class="cover" data-log="event" data-event-id="${eventId}"><img style="width: 40px;" src="${webview.coverImgUrl}"></a>
<span style="left: 60px;" class="scnt f-thide s-fc1 f-fs1"><a href="${webview.webviewUrl}" data-log="event" data-event-id="${eventId}">${webview.title}</a></span>
</div>
{/if}

{var tempChoice = choices[0]}
{var choiceType = 0}
{var choiceListClass = "list-text"}
{if tempChoice.text}
{if (tempChoice.resId > 0)}
{var choiceType = 1}
{var choiceListClass = "list-mix"}
{elseif tempChoice.picId > 0}
{var choiceType = 2}
{var choiceListClass = "list-pic"}
{else}
{var choiceType = 0}
{var choiceListClass = "list-text"}
{/if}
{elseif (tempChoice.resId > 0)}
{var choiceType = 3}
{var choiceListClass = "list-resource"}
{else}
{var choiceType = 0}
{var choiceListClass = "list-text"}
{/if}
<ul class="list ${choiceListClass} {if showResult}list-result {if displayType==1}list-order{/if}{/if}">
{if showResult}
{var total = 0}
{list choices as choice}
{var total = choice.count + total}
{/list}
{if total <= 0}
{var total = 1}
{/if}
{var showOrder = displayType==1}
{if showOrder}
{var sortChoices = sort(choices)}
{list sortChoices as choice}
{var order = choice_index + 1}
${comJST('m-topic-detail-vote-question-choice-result', choice, choiceType, showOrder, order, total)}
{/list}
{else}
{list choices as choice}
{var order = choice_index + 1}
${comJST('m-topic-detail-vote-question-choice-result', choice, choiceType, showOrder, order, total)}
{/list}
{/if}
{else}
{list choices as choice}
${comJST('m-topic-detail-vote-question-choice', choice, choiceType, questionid)}
{/list}
{/if}
</ul>

<li class="f-pr f-cb">
{if choiceType == 0}
<div class="cnt f-bd">
<div class="inner">
<h3 class="f-fs2">${choice.text|escape}</h3>
</div>
</div>
{elseif choiceType == 1 && choice.resource}
{if choice.resType == 4}
{var picUrl = choice.resource.album.picUrl}
{var artists = ""}
{list choice.resource.artists as artist}
{var artists = artists + artist.name}
{if artist_index < artist_length - 1}
{var artists = artists + ", "}
{/if}
{/list}
{else}
{var picUrl = choice.resource.coverUrl}
{var artists = choice.resource.radio.name}
{/if}
<h3 class="f-fs1">${choice.text|escape}</h3>
<div class="cover u-cover u-cover40">
<img src="${picUrl}?param=40y40">
<a href="javascript:void(0);" class="icon-play" data-res-action="play" data-res-type="{if choice.resType==4}18{else}17{/if}" data-res-id="${choice.resId}"></a>
</div>
<div class="cnt">
<div class="inner">
<h4 class="s-fc8 f-thide f-fw0">${choice.resource.name|escape} - ${artists|escape}</h4>
</div>
</div>
{elseif choiceType == 2}
<div class="cover u-cover">
{var isGif = choice.picType == "gif"}
<a href="javascript:void(0);" data-action="showPic" data-link="${choice.picUrl}" data-type="${choice.picType}" class="f-blk">
<img src="${choice.picUrl}{if !isGif}?param=60y60{/if}">
{if isGif}<i class="gif"></i>{/if}
</a>
</div>
<div class="cnt">
<div class="inner">
<h3 class="f-thide2 f-fs1">${choice.text|escape}</h3>
</div>
</div>
{elseif choiceType == 3 && choice.resource}
{if choice.resType == 4}
{var picUrl = choice.resource.album.picUrl}
{var artists = ""}
{list choice.resource.artists as artist}
{var artists = artists + artist.name}
{if artist_index < artist_length - 1}
{var artists = artists + ", "}
{/if}
{/list}
{else}
{var picUrl = choice.resource.coverUrl}
{var artists = choice.resource.radio.name}
{/if}
<div class="cover u-cover u-cover60">
<img src="${picUrl}?param=60y60">
<a href="/{if choice.resType==4}song{else}program{/if}?id=${choice.resId}" class="f-link"></a>
<a href="javascript:void(0);" class="icon-play" data-res-action="play" data-res-type="{if choice.resType==4}18{else}17{/if}" data-res-id="${choice.resId}"></a>
</div>
<div class="cnt">
<div class="inner">
<h3 class="f-thide f-fs1">${choice.resource.name|escape}</h3>
<p class="f-thide s-fc3">${artists|escape}</p>
</div>
</div>
{/if}
<span class="checkbox u-checkbox j-choice choice-${choice.id}" data-id="${choice.id}"></span>
<a href="javascript:void(0);" class="f-link" data-action="togglevote" data-id="${choice.id}" data-question-id="${questionid}"></a>
</li>

<li class="f-pr f-cb {if choice.voted}z-myslt{/if}">
{if choiceType == 0}
<div class="cnt">
<div class="inner">
<h3 class="f-fs1">
{if showOrder}<span class="order f-fs1">${order}</span>{/if}
${choice.text|escape}
</h3>
${comJST('m-topic-detail-vote-question-choice-result-bar', choice, total)}
</div>
</div>
{elseif choiceType == 1 && choice.resource}
{if choice.resType == 4}
{var picUrl = choice.resource.album.picUrl}
{var artists = ""}
{list choice.resource.artists as artist}
{var artists = artists + artist.name}
{if artist_index < artist_length - 1}
{var artists = artists + ", "}
{/if}
{/list}
{else}
{var picUrl = choice.resource.coverUrl}
{var artists = choice.resource.radio.name}
{/if}
<h3 class="f-fs1">
{if showOrder}<span class="order f-fs1">${order}</span>{/if}
${choice.text|escape}
</h3>
<div class="cover u-cover u-cover40">
<img src="${picUrl}?param=40y40">
<a href="javascript:void(0);" class="icon-play" data-res-action="play" data-res-type="{if choice.resType==4}18{else}17{/if}" data-res-id="${choice.resId}"></a>
</div>
<div class="cnt">
<div class="inner">
<h4 class="f-fs12 s-fc8 f-thide">${choice.resource.name|escape} - ${artists|escape}</h4>
${comJST('m-topic-detail-vote-question-choice-result-bar', choice, total)}
</div>
</div>
{elseif choiceType == 2}
<div class="cover u-cover">
{if showOrder}<span class="order f-fs1">${order}</span>{/if}
{var isGif = choice.picType == "gif"}
<a href="javascript:void(0);" data-action="showPic" data-link="${choice.picUrl}" data-type="${choice.picType}" class="f-blk">
<img src="${choice.picUrl}{if !isGif}?param=60y60{/if}">
{if isGif}<i class="gif"></i>{/if}
</a>
</div>
<div class="cnt">
<div class="inner">
<h3 class="f-thide2 f-fs1">${choice.text|escape}</h3>
${comJST('m-topic-detail-vote-question-choice-result-bar', choice, total)}
</div>
</div>
{elseif choiceType == 3}
{if choice.resType == 4}
{var picUrl = choice.resource.album.picUrl}
{var artists = ""}
{list choice.resource.artists as artist}
{var artists = artists + artist.name}
{if artist_index < artist_length - 1}
{var artists = artists + ", "}
{/if}
{/list}
{else}
{var picUrl = choice.resource.coverUrl}
{var artists = choice.resource.radio.name}
{/if}
<div class="cover u-cover u-cover60">
{if showOrder}<span class="order f-fs1">${order}</span>{/if}
<img src="${picUrl}?param=60y60">
<a href="/{if choice.resType==4}song{else}program{/if}?id=${choice.resId}" class="f-link"></a>
<a href="javascript:void(0);" class="icon-play" data-res-action="play" data-res-type="{if choice.resType==4}18{else}17{/if}" data-res-id="${choice.resId}"></a>
</div>
<div class="cnt">
<div class="inner">
<h3 class="f-thide f-fs1">${choice.resource.name|escape}<span class="s-fc8 f-fs12"> - ${artists|escape}</span></h3>
${comJST('m-topic-detail-vote-question-choice-result-bar', choice, total)}
</div>
</div>
{/if}
</li>

{macro testSong(resource)}
<div class="m-box m-box-mix">
<div class="u-cover u-cover-4">
<img src="${resource.album.picUrl}?param=80y80">
<a class="msk" href="/song?id=${resource.id}" data-res-id="${resource.id}" data-log="song"></a>
<a href="#" class="icon-play f-alpha" data-res-action="play" data-res-id="${resource.id}" data-res-type="18" data-log="song" title="播放"></a>
</div>
<div class="info">
<div class="iner">
<p class="title f-thide"><a href="/song?id=${resource.id}" data-res-id="${resource.id}" data-log="song">${resource.name}</a></p>
<p class="sub f-thide">${resource.artists[0].name}</a></p>
</div>
</div>
<a data-res-action="download" data-res-id="${resource.id}" data-res-type="18" class="dl"><i></i>下载</a>
</div>
{/macro}
<div class="m-testwrap">
<div class="m-test">
<h2 class="title f-tc">
<span class="icn f-bd">测试</span>
<span class="f-fs16"> {if !detail.result}${detail.quiz.title|escape}{else}${detail.quiz.currentResultDesc|escape}{/if}</span>
</h2>
{if !detail.result}
<img class="cover" src=${detail.quiz.coverUrl||"http://p4.music.126.net/THqpYV7XT1xKDoKghfj-DA==/18999560928417109.jpg"}>
<a data-action="startTest" data-id=${detail.quiz.id} data-title=${detail.quiz.title|escape} href="javascript:;" class="btn u-btn2 u-btn2-3-s"><i>开始测试</i></a>
{else}
{var result = detail.result}
<div class="result">
{if detail.quiz.type===2}
<div class="score">
<p class="txt">您的得分</p>
<p class="num">${result.currentResult.score}</p>
</div>
{/if}
<h2>${result.currentResult.title}</h2>
{list result.currentResult.desc as item}
{if item.type === 1}
<p class="text">${item.content}</p>
{elseif item.type === 2}
<img class="img" src=${item.content} >
{else}
${testSong(item.content)}
{/if}
{/list}
<div class="calc">
<p><span class="num">${result.currentResult.percent}% </span>的人和你一样</p>
<div class="barwrap">
<div class="bar" style="width: ${result.currentResult.percent}%"></div>
</div>
</div>
</div>
<a data-action="shareTestResult" data-id=${detail.quiz.id} data-result=${result.currentResult.id} href="javascript:;" class="btn btn-share u-btn2 u-btn2-3-s"><i>分享我的测试结果</i></a>
<a data-action="startTest" data-type="redo" data-id=${detail.quiz.id} data-title=${detail.quiz.title|escape} href="javascript:;" class="redo">再测一遍</a>
{/if}
</div>
</div>
{if detail.result && detail.result.otherResult.otherTestResultUnits.length > 0}
{var result = detail.result}
<div class="m-testwrap">
<div class="m-test">
<h2 class="title f-tc">
<span class="f-fs16">${detail.quiz.otherResultDesc|escape}</span>
</h2>
{list result.otherResult.otherTestResultUnits as rslt}
<div class="result">
<h2>
{if detail.quiz.type===2}
{if rslt.lowScore==rslt.highScore}${rslt.lowScore}{else}${rslt.lowScore}-${rslt.highScore}{/if}分: 
{/if}
${rslt.title}
</h2>
{list rslt.desc as item}
{if item.type === 1}
<p class="text">${item.content}</p>
{elseif item.type === 2}
<img class="img" src=${item.content} >
{else}
${testSong(item.content)}
{/if}
{/list}
<div class="calc">
<p><span class="num">${rslt.percent}% </span>的人得出这个结果</p>
<div class="barwrap">
<div class="bar" style="width: ${rslt.percent}%"></div>
</div>
</div>
</div>
{/list}
</div>
</div>
{/if}

云村交易所
X StudioAI歌手
用户认证
AI 免费写歌
云推歌
赞赏

廉正举报不良信息举报邮箱: 51jubao@service.netease.com

互联网宗教信息服务许可证：浙（2022）0000120 增值电信业务经营许可证：浙B2-20150198 粤B2-20090191-18 浙ICP备15006616号-4 工业和信息化部备案管理系统网站

歌单创作手册发布啦！

创作手册主题指南

往期回顾

[第8期] 歌单答疑：你真的知道什么是完整歌单吗...

[第7期] 歌单数据全新改版

[第6期] 歌单达人新手申请指南

[第5期] 视频歌单是个什么神仙物种？