云音乐商城

<form class='m-addressform'>
<div class="s-fc3 j-flag">当前商品从保税区发货，需提供收货人的身份证号方可通过海关。</div>
<div class="ztr name">
<span class='th f-ib'>收 货 人</span>
<input name="name" type="text" class="u-txt" placeholder="为了提高发货速度，请填写您的真实姓名">
<span class="err j-flag"></span>
</div>
<div class="ztr">
<span class='th f-ib'>身 份 证</span>
<input name="idcard" type="text" class="u-txt" >
<span class="err j-flag"></span>
</div>
<div class="ztr phone">
<span class='th f-ib'>手机号码</span>
<input name="cellphone" type="text" class="u-txt" >
<span class="err j-flag"><i class='f-ib'></i>手机号应该是11位数字</span>
</div>
<div class="ztr indexh address j-flag">
<span class='th f-ib'>收货地区</span>
</div>
<div class="ztr detail">
<span class='th f-ib'>详细地址</span>
<textarea name="detailAddress" class='u-txt area j-address' cols="30" rows="10" placeholder="无需重复填写省市区，小于120字"></textarea>
<span class="err addrserr j-flag"></span>
<div class="setdefault" id="setdftbox" data-action="setdefault">
<label>
<i class="u-icn u-icn-checked" id="setdft"></i><span>设为默认地址</span>
</label>
</div>
</div>
<div class="pdh">
<a data-action="ok" href="javascript:;" class="u-btn-save" hidefocus="true"><i>保存新地址</i></a>
<a data-action="hide" href="javascript:;" class="u-btn-hide" hidefocus="true"><i>取消</i></a>
</div>
</form>

<div class="j-flag"></div>
<div class="item pro {if product.specialType!=6&&product.specialType!=1&&product.specialType!=16&&product.priceType!=0&&product.goodExchangeType!=1}pro-not-center{/if}" {if product.specialType==17}style="height:117px;"{/if}>
<span class='img'><img src="${product.coverUrl}{if product.specialType==17}?param=88y117{else}?param=88y88{/if}" alt=""></span>
<div class="left">
<p class="tit s-fc1 f-thide2">${product.name}</p>
{if product.specialType!=6&&sku.attrs && sku.attrs.length>0}
<p class="sku f-thide">
{list sku.attrs as attr}
${attr.attrValue} 
{/list}
</p>
{/if}
</div>
<div class="right">
{if !(product.exchangeType == 1 && product.vipLimit == true)}
{if product.priceType==1 || product.priceType==10 }
<p class="price s-fc1">¥<em>${sku.price}</em></p>
{else}
<p class="price s-fc1 f-mgt0"><i class="u-icn u-icn-jifen-sml"></i><em>${sku.price}</em></p>
{/if}
{/if}
{if product.specialType!=6&&product.specialType!=1&&product.specialType!=16&&product.priceType!=0&&product.goodExchangeType!=1&&goodQuantity>0&&!options.showNumber}
<p class="num s-fc4">x <em>${goodQuantity}</em></p>
{/if}
</div>
</div>
{if isNewAlbum && options.discount > 0}
<div class="discount f-cb">
<div class="pay">折减：<span>-¥${options.discount}</span></div>
</div>
{/if}
{if couponUse}
<div class="coupon-info discount f-cb" id="coupon-vip-use-info" data-action="orderSelectVipCoupon">
优惠券: ${couponUse.couponName}
{if couponUse.effectAction.effectType == 1}
  立减￥${couponUse.effectAction.effectValue}
{elseif couponUse.effectAction.effectType == 2}
  立享${couponUse.effectAction.effectValue}折
{/if}
 >
</div>
{/if}
{if orderCoupon && orderCoupon.discountMoney}
<div class="coupon-info discount f-cb" id="coupon-vip-use-info">
优惠券: -¥${orderCoupon.discountMoney}
</div>
{/if}
<div class="total f-cb">
{if options.showNumber}
<div class="count f-mgt5">
<p class="number f-fs1 f-fl s-fc666">数量：1</p>

</div>
{/if}
{if product.specialType==17&&product.expressPrice>0}
<div class="pay">含${product.expressPrice}元运费，需实付：<span><em>${product.priceType|toRmb}</em><em class="j-flag">${sku.price*10000*goodQuantity/10000+product.expressPrice}</em>${product.priceType|toJifen}</span></div>
{else}
{if !(product.exchangeType == 1 && product.vipLimit == true)}
<div class="pay">需支付：<span>{if product.priceType==1 || product.priceType==10 }¥{else}<i class="u-icn u-icn-jifen"></i>{/if}<em class="j-flag" id="confirm-pay-price">${price}</em></span></div>
{/if}
{/if}
<div class="code f-hide j-flag">
<span class='tt'>我的云贝券：</span>
</div>
<div class="viptip check f-hide j-viptip">
<i class="checkbox u-checkbox z-checked j-vipcheckbox" data-action="vipcheckbox"></i><span class="f-fs1 s-fc3 text">同意《<a target="_blank" href="/html/web2/vip.html" class="f-fs1 s-fc3 f-tdu">付费会员服务协议</a>》</span>
</div>
</div>
{if options.nickName}
<div class="check-notion">
<p class="title">您当前的购买账号：${options.nickName}</p>
<p>声明：请核对您购买该数字专辑的网易云音乐账号，支付后将无法修改</p>
</div>
{/if}
{if product.priceType==1}
<div class="ztt">选择支付方式：</div>
<ul class="zpay j-flag">
<li data-action="method" data-method="0"><span class="zzfb">支付宝</span></li>
<li data-action="method" data-method="3"><span class="zwx">微信支付</span></li>
</ul>
{/if}
<div class="duba">
{if !(product.exchangeType == 1 && product.vipLimit == true)}
<a data-action="ok" href="javascript:;" class="u-btn u-btn-red" hidefocus="true" id="confirmbtn">确认支付</a>
{else}
<a data-action="ok" href="javascript:;" class="u-btn u-btn-red" hidefocus="true" id="confirmbtn">确认抽奖</a>
{/if}
<a data-action="cc" href="javascript:;" class="u-btn u-btn-line" hidefocus="true">取消</a>
</div>

<div class="basic">
<h2 class="f-ff2">${albumData.album.albumName}</h2>
{if albumData && albumData.album && albumData.album.artistInfoList}
{list albumData.album.artistInfoList as artist}
<a class='f-fs18 s-fc3 artist f-ib s-fc7' href="/#/artist?id=${artist.id}" >${artist.name}</a>
{if artist_index < albumData.album.artistInfoList.length - 1}
 / 
{/if}
{/list}
{elseif albumData && albumData.album && !albumData.album.stars && albumData.album.artistId}
<a class='f-fs18 s-fc3 artist f-ib s-fc7' href="/#/artist?id=${albumData.album.artistId}" >${artistName}</a>
{/if}
<div class="j-discount"></div>
<div class="count f-mgt5">
<p class="number f-fs1 f-fl">数量：1</p>
<p class="desc s-fc3 albumSaleNum" style="float: left;height:30px;line-height:30px;margin-left:30px;">已售出：{if albumData.product.saleDisplayType==10}${albumData.product.songSales}首{else}${albumData.product.saleNum}张{/if}</p>
</div>
</div>
<p class="buyorjoin">
{if !albumData.canBuy}
<a class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;" style="width:200px;background-color:#bfbfbf;">仅限大陆地区购买</a>
{elseif albumData.product.status==1}
<a class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;" style="background-color:#bfbfbf;">尚未上架</a>
{elseif (albumData.product.status==-1&&albumData.product.albumfee==8) || (albumData.product.status==-1&&albumData.hasAlbum)}
<a class="f-fl u-btn u-btn-red f-mgr10" href="/album?id=${albumData.album.albumId}">免费播放</a>
{elseif albumData.product.status==-1&&albumData.product.albumfee==1}
<a data-action="toVip" class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;">会员免费播放</a>
{elseif albumData.product.status==-1}
<a class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;" style="background-color:#bfbfbf;">已下架</a>
{else}
<a data-action="buy" class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;">立即支持</a>
{/if}
</p>

{if discount}
<p class="price price-digital"><span class="rmb">¥</span><em>${albumPrice.discountPrice}</em><span class="discountprice">¥${albumPrice.originPrice}</span></p>
<ul class="onsale f-fs14 {if expand}expand{else}noexpand{/if} j-discountwrap" data-action="discount">
<li class="s-fcTheme title group1">
已折减¥${discount.totalDiscount}<svg class="icnarr" xmlns="http://www.w3.org/2000/svg" viewBox="0 6 18 10"><path d="m8.7 15.7c-.3 0-.5-.1-.7-.3l-7.7-7.7c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l7 7 7-6.9c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-7.7 7.6c-.2.2-.5.3-.7.3"></path></svg>
</li>
<li class="s-fcTheme title group2">
已折减¥${discount.totalDiscount}<svg class="icnarr" xmlns="http://www.w3.org/2000/svg" viewBox="0 6 18 10"><path d="m1 15.7c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l7.7-7.7c.4-.4 1-.4 1.4 0l7.7 7.6c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-7-6.9-7 7c-.2.2-.4.3-.7.3"></path></svg>
</li>
{list discount.discountInfos as item}
<li class="s-fc999 discount group2">
<span>《</span><em class="f-thide">${item.albumName}</em> <span>》*${item.deductNum}张，折减${item.deductPrice}元；</span>
<li class="s-fc999 discount group2">
{/list}
</ul>
{else}
<p class="price price-digital"><span class="rmb">¥</span><em>${albumPrice.originPrice}</em></p>
{/if}

<div class="n-singles j-flag">
<h3 class="secondtitle">歌曲列表</h3>
<div class="iconpoint">
{if isShowTip}<a href="javascript:;" class="icon u-icn u-icn-31"></a>{/if}
<div class="tip">
<p>购买单曲不参与粉丝榜</p>
<i class="t"></i><i class="b"></i>
</div>
</div>
<ul id="singles-list" class="list">
{list songData.songs as single}
{var song = single.simpleSongData}
{var showFreeIcon = song.privilege&&(song.privilege.fee==0||song.privilege.pl>0)&&!albumData.hasAlbum&&song.privilege.payed<=0&&song.privilege.st>=0,showPreSaleIcon=song.preSell;}
<li class="itm">
<span class="idx f-fl f-fs2">${single_index+1}</span>
<div class="cnt">
<div class="name f-thide f-fl">
<span class="tit {if showFreeIcon||showPreSaleIcon}tit-tag{/if} f-fs2 f-thide">
${song.name}
{if song.tns && song.tns!=''}
<em title="${song.tns}" class="alias s-fc8"> - ${song.tns}</em>
{else}
{if song.alia.length>0}
<em title="${song.alia[0]}" class="alias s-fc8"> - ${song.alia[0]}</em>
{/if}
{/if}
</span>
{if showFreeIcon}
<span class="tag u-tag u-tag-gray">免费</span>
{elseif showPreSaleIcon}
<span class="tag u-tag u-tag-gray">预售</span>
{/if}
</div>
{if albumData.product.buysingle}
<a href="javascript:;" data-songname=${song.name} data-songprice=${single.price} data-songid=${song.id} data-action="buysong" class="status u-btn u-btn-red">¥${single.price}</a>
{/if}
{if song.status==0||song.status==1}
<a href="/song?id=${song.id}&autoplay=1" class="play f-fr u-icn u-icn-33"></a>
{elseif song.status==2}
<a href="javascript:;" data-songid=${song.id} data-action="preSaleTip" class="play f-fr u-icn u-icn-33"></a>
{elseif song.status==3}
<a href="javascript:;" data-action="toVip2" class="play f-fr u-icn u-icn-33"></a>
{elseif song.status==4 || song.status==5}
{elseif song.status==6}
<a href="javascript:;" data-action="buy" class="play f-fr u-icn u-icn-33"></a>
{/if}
{if false && song.trialAudioUrl && (song.status==666||song.status==6)}
<a data-songid=${song.id} data-playurl="${song.trialAudioUrl}" data-action="playsong" href="javascript:;" class="status status-try u-btn u-btn-redline"><i class="u-icn u-icn-play-red"></i>试听</a>
{/if}
</div>
</li>
{/list}
</ul>
{if !albumData.product.finished}<p class="list_more s-fc8 f-tc">预售专辑持续更新中...</p>{/if}
</div>

<div class="n-singles j-flag">
<h3 class="secondtitle">歌曲列表</h3>
<div class="iconpoint">
{if isShowTip}<a href="javascript:;" class="icon u-icn u-icn-31"></a>{/if}
<div class="tip">
<p>购买单曲不参与粉丝榜</p>
<i class="t"></i><i class="b"></i>
</div>
</div>
<ul class="disc-list">
{list songData as discData}
<li>
<div class="disc-title">Disc ${discData.disc}</div>
<ul class="list">
{list discData.children as single}
{var song = single.simpleSongData}
{var showFreeIcon = song.privilege&&(song.privilege.fee==0||song.privilege.pl>0)&&!albumData.hasAlbum&&song.privilege.payed<=0&&song.privilege.st>=0,showPreSaleIcon=song.preSell;}
<li class="itm">
<span class="idx f-fl f-fs2">${single_index+1}</span>
<div class="cnt">
<div class="name f-thide f-fl">
<span class="tit {if showFreeIcon||showPreSaleIcon}tit-tag{/if} f-fs2 f-thide">
${song.name}
{if song.tns && song.tns!=''}
<em title="${song.tns}" class="alias s-fc8"> - ${song.tns}</em>
{else}
{if song.alia.length>0}
<em title="${song.alia[0]}" class="alias s-fc8"> - ${song.alia[0]}</em>
{/if}
{/if}
</span>
{if showFreeIcon}
<span class="tag u-tag u-tag-gray">免费</span>
{elseif showPreSaleIcon}
<span class="tag u-tag u-tag-gray">预售</span>
{/if}
</div>
{if albumData.product.buysingle}
<a href="javascript:;" data-songname=${song.name} data-songprice=${single.price} data-songid=${song.id} data-action="buysong" class="status u-btn u-btn-red">¥${single.price}</a>
{/if}
{if song.status==0||song.status==1}
<a href="/song?id=${song.id}&autoplay=1" class="play f-fr u-icn u-icn-33"></a>
{elseif song.status==2}
<a href="javascript:;" data-songid=${song.id} data-action="preSaleTip" class="play f-fr u-icn u-icn-33"></a>
{elseif song.status==3}
<a href="javascript:;" data-action="toVip2" class="play f-fr u-icn u-icn-33"></a>
{elseif song.status==4 || song.status==5}
{elseif song.status==6}
<a href="javascript:;" data-action="buy" class="play f-fr u-icn u-icn-33"></a>
{/if}
{if false && song.trialAudioUrl && (song.status==666||song.status==6)}
<a data-songid=${song.id} data-playurl="${song.trialAudioUrl}" data-action="playsong" href="javascript:;" class="status status-try u-btn u-btn-redline"><i class="u-icn u-icn-play-red"></i>试听</a>
{/if}
</div>
</li>
{/list}
</ul>
</li>
{/list}
</ul>
{if !albumData.product.finished}<p class="list_more s-fc8 f-tc">预售专辑持续更新中...</p>{/if}
</div>

<div class="n-singles j-flag n-salesongs">
<h3 class="secondtitle">单曲畅销榜</h3>
<div class="iconpoint">
<a href="javascript:;" class="icon u-icn u-icn-31"></a>
<div class="tip">
<p>按单曲实时销售首数排序，首数一致时按达成首数的时间由先往后排序。</p>
<i class="t"></i><i class="b"></i>
</div>
</div>
<ul id="singles-list" class="list">
{list songData.songs as single}
{var song = single.simpleSongData}
{var songSales = songData.albumSales + single.sales}
{var iBought = single.boughtCount}
<li class="itm">
<span class="idx f-fl f-fs2">{if songSales > 0}${single_index+1}{else}-{/if}</span>
<div class="cnt f-pr">
{var ar = song.ar[0] && song.ar[0].name}
<table class="name f-thide f-fl f-vc">
<tr>
<td>
<span class="tit tit-tag f-fs2 f-thide">${song.name}{if ar}<em> - ${song|getArtistName}</em>{/if}</span>
</td>
</tr>
{if songSales > 0}
<tr>
<td>
<span class="tit tit-tag f-fs12 s-fc999 f-thide">已售：${songSales}首    {if iBought > 0}我已支持：${iBought}首{/if}</span>
</td>
</tr>
{/if}
</table>
<div class="f-fr">
{if song.status == 0 || song.status == 1}
<a href="/song?id=${song.id}&autoplay=1" class="play u-icn u-icn-33"></a>
{/if}
<a href="javascript:;" data-songprice=${single.price} data-artist=${song|getArtistName} data-songname=${song.name} data-songid=${song.id} data-action="buysong" data-songboard=${true} class="status u-btn u-btn-red">支持</a>
</div>
</div>
</li>
{/list}
</ul>
{if !albumData.product.finished}<p class="list_more s-fc8 f-tc">预售专辑持续更新中...</p>{/if}
</div>

<div class="m-unlock">
<h3 class="subtit f-fs2">
惊喜获赠专区<span class="f-fs1 s-fc4"> ( 购买达到一定数量即可获赠，在手机端可以查看礼包 )</span>
</h3>
<ul class="list">
{list unlockData.list as item}
<li class="itm">
{if item.unlocked || item.needNum<1}
<div class="list_cvr f-fl f-pr">
<img src="${item.pendantDetail?item.pendantDetail.previewImgUrl:item.preViewImg}?param=263x9999" alt="" class="f-img">
</div>
<div class="list_cnt">
<div class="cnt_inner">
<h4 class="f-fs2 f-thide">${item.title}</h4>
<p class="sub f-fs1 s-fc4">已获赠</p>
</div>
<div data-action="checkPrize" data-prizeindex="${item_index}" class="check u-btn u-btn-grayline f-pr ${'prizeparent'+item_index}">
查看礼物
<div class="codetip u-codetip f-pa ${'prizechild'+item_index}">
<div class="code f-fl"><img src="${item.qrcode}" alt="" style="width:100%;height:100%;"></div>
<div class="cnt">
用手机版云音乐"扫一扫"，立即查看礼包<br>
iPhone：【帐号】-【扫一扫】<br>
Android：【侧边栏】-【扫一扫】
</div>
</div>
</div>
</div>
{else}
<div class="list_cvr f-fl f-pr">
<img src="${item.pendantDetail?item.pendantDetail.previewImgUrl:item.preViewImg}?param=263x9999" alt="" class="f-img">
<span class="locked u-icn u-icn-cvrlock f-pa"></span>
</div>
<div class="list_cnt">
<div class="cnt_inner">
<h4 class="f-fs2 f-thide">${item.title}</h4>
</div>
<div class="text f-fr s-fc6 f-fs1">{if albumData.hasAlbum}再{/if}购买${item.needNum}张获赠</div>
</div>
{/if}
{/list}
</ul>
</div>

<div class="m-fsrank">
{if showToday}
<ul class="tab">
<li><a data-action="todayFans" href="javascript:;" {if index==1}class="z-slt"{/if}>今日粉丝榜</a></li>
<li><a data-action="totalFans" href="javascript:;" {if index==2}class="z-slt"{/if}>累计粉丝榜</a></li>
</ul>
{else}
<h3 class="subtit f-fs2">累计粉丝榜</h3>
{/if}
<div class="note f-fs1 s-fc4 {if showToday}f-tc{/if}">${fansDescr} {if showWin}<a href="javascript:;" data-action="{if index==1}todayFansWin{else}totalFansWin{/if}" data-fansindex="${index}" class="s-fc7 f-nw">查看奖品</a>{/if}</div>
<ul class="list">
{list fansData as item}
{if item_index==0}
<li class="itmtop f-cb">
<span class="list_idx s-fc6">${item_index+1}</span>
<div class="list_cnt list_cnt-top">
<a class="cvr u-cover f-fl f-hand " href="/user/home?id=${item.userId}" target="_blank">
<img src="${item.avatarUrl}?param=70y70" alt="" class="f-img">
<i class="crown u-icn u-icn-top1"></i>
</a>
<h4 class="f-fs3 f-fl f-thide"><a href="/user/home?id=${item.userId}" target="_blank">${item.nickname}</a></h4>
<div class="piece f-fr f-fs1 s-fc4">${item.quantity}张</div>
</div>
</li>
{elseif item_index==1}
<li class="itmtop f-cb">
<span class="list_idx s-fc6">${item_index+1}</span>
<div class="list_cnt list_cnt-top">
<a class="cvr cvr-top2 u-cover f-fl f-hand" href="/user/home?id=${item.userId}" target="_blank">
<img src="${item.avatarUrl}?param=70y70" alt="" class="f-img">
<i class="crown u-icn u-icn-top2"></i>
</a>
<h4 class="f-fs3 f-fl f-thide"><a href="/user/home?id=${item.userId}" target="_blank">${item.nickname}</a></h4>
<div class="piece f-fr f-fs1 s-fc4">${item.quantity}张</div>
</div>
</li>
{elseif item_index==2}
<li class="itmtop f-cb">
<span class="list_idx s-fc6">${item_index+1}</span>
<div class="list_cnt list_cnt-top">
<a class="cvr cvr-top3 u-cover f-fl f-hand" href="/user/home?id=${item.userId}" target="_blank">
<img src="${item.avatarUrl}?param=70y70" alt="" class="f-img">
<i class="crown u-icn u-icn-top3"></i>
</a>
<h4 class="f-fs3 f-fl f-thide"><a href="/user/home?id=${item.userId}" target="_blank">${item.nickname}</a></h4>
<div class="piece f-fr f-fs1 s-fc4">${item.quantity}张</div>
</div>
</li>
{else}
<li class="f-cb">
<span class="list_idx s-fc4">${item_index+1}</span>
<div class="list_cnt">
<a class="cvr u-cover f-fl f-hand" href="/user/home?id=${item.userId}" target="_blank"><img src="${item.avatarUrl}?param=50y50" alt="" class="f-img"></a>
<h4 class="f-fs2 f-fl f-thide"><a href="/user/home?id=${item.userId}" target="_blank">${item.nickname}</a></h4>
<div class="piece f-fr f-fs1 s-fc4">${item.quantity}张</div>
</div>
</li>
{/if}
{/list}
</ul>
{if showExpand}<a href="javascript:;" data-fansindex="${index}" data-action="expandFans" class="u-more f-fs14 s-fc8">展开全部<i class="arr u-icn u-icn-arrDown"></i></a>{/if}
</div>

<div class="m-cmtwrap">
<h3 class="subtit f-fs2">精彩评论</h3>
</div>
<div class="m-cmmt">
<div class="cmmts">
{list commentData.datas as item}
<div class="itm">
<div class="head">
<a href="/user/home?id=${item.user.userId}" target="_blank"><img src="${item.user.avatarUrl}?param=50y50" target="_blank"></a>
</div>
<div class="cntwrap">
<div class="">
<div class="cnt f-brk"><a href="/user/home?id=${item.user.userId}" class="s-fc7" target="_blank">${item.user.nickname}</a><sup class="${item.user|getUserIcon}"></sup><sup class="${item.user|getVipIcon}"></sup>：${item.content|formatContent}</div>
</div>
{if item.beReplied && item.beReplied.length > 0}
<div class="que f-brk f-pr s-fc3"><span class="darr"><i class="bd">◆</i><i class="bg">◆</i></span><span class="s-fc8" href="javascript:;">${item.beReplied[0].user.nickname}</span>：${item.beReplied[0].content|formatContent}</div>
{/if}
<div class="rp">
<div class="time s-fc4">${item.time|formatTime}</div><a href="javascript:;" data-commentid="${item.commentId}" data-action="zan"><i class="zan u-icn {if item.liked}u-icn-priased{else}u-icn-priase{/if}"></i> (<span>${item.likedCount|formatZan}</span>)</a>
</div>
</div>
</div>
{/list}
</div>
</div>
<a href="/album?id=${albumId}" class="u-more f-fs14 s-fc8" target="_blank">更多精彩评论<i class="arr u-icn u-icn-arrRight"></i></a>