云音乐商城

<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>

{if songs && songs.length>0 && buysingle}
<h3 class="secondtitle">单曲购买</h3>
<span class="iconpoint">
<a href="javascript:void(0)" class="icon u-icn u-icn-31"></a>
<div class="tip">
<p>购买单曲不参与粉丝榜</p>
<i class="t"></i><i class="b"></i>
</div>
</span>
{var temp = 1}
<ul id="singles-list" class="list">
{list songs as song}
<li class="itm">
<span class="idx f-fl f-fs2">${song_index+1}.</span>
<div class="cnt">
<div class="name f-thide f-fl">
<span class="f-fs1">${song.name}</span>
{if song.tns && song.tns!=''}
<span title="${song.tns}" class="s-fc8"> - ${song.tns}</span>
{else}
{if song.alia.length>0}
<span title="${song.alia[0]}" class="s-fc8"> - ${song.alia[0]}</span>
{/if}
{/if}
</div>
{if song.status==1}
{if canBuy}
<a data-songid=${song.id} data-action="buysingle" href="javascript:;" class="status u-btn u-btn-red">¥ ${price}
<i class="t"></i><i class="b"></i>
</a>
{else}
<a class="status u-btn u-btn-red z-dis">¥ ${price}</a>
{/if}
{elseif song.status==2}
<a class="status u-btn u-btn-red z-dis">¥ ${price}</a>
{else}
<a href="/song?id=${song.id}&autoplay=1" class="play f-fr u-icn u-icn-33"></a>
{/if}
</div>
</li>
{/list}
{/if}

<div class="basic">
<h2 class="f-ff2">{if product.vipLimit==true}<span class="u-tag u-tag-orange">黑胶VIP专属</span>{/if}{if product.exchangeType==1}<span class="u-tag u-tag-blue">抽奖</span>{/if}${product.name}</h2>
{if suggestUrl}
<a href="${suggestUrl}" class="sellpoint" style="text-decoration:underline;">${description|escape}</a>
{else}
{if description}<p class="sellpoint">${description}</p>{/if}
{/if}
{if product.specialType==14&&product.extInfo&&product.extInfo.preSale==0}
<p class="price"><em class="j-flag" style="font-size:20px;">预订期间暂无报价</em></p>
{else}
<p class="price {if product.specialType==5}price-digital{/if}">
${product.priceType|toRmbText}<em class="j-flag">${skus|calcSkuPrice:product,false}</em>${product.priceType|toJifenText}
{if product.useVipPrice==true}
{if calcPriceSize(skus, product, false)}{/if}
<span class="vip f-ib s-fc11">
<span class="vipicn icn u-icn u-icn-pvip12"></span>黑胶VIP: ${product.priceType|toRmb}
<span class="j-vp">${skus|calcVipPrice:product,false}</span>

</span>
{if product.discount}
<sub class="dis"><span class="j-flag j-original" style="display:none;">${product.priceType|toRmb}${skus|calcSkuPrice:product,true}</span>${product.priceType|toJifen}</sub>
{/if}
{else}
{if product.discount}
<sub class="dis">${product.priceType|toRmb}<span class="j-flag j-original">${skus|calcSkuPrice:product,true}</span>${product.priceType|toJifen}</sub>
{/if}
{/if}
</p>
{if showCoupon && showCoupon.couponName && isLogin}
<p class="s-fc999 f-fs14" id="coupon-discount">使用"${showCoupon.couponName}" ,
{if showCoupon.effectAction.effectType == 1}
可省<em class="s-fcTheme">¥${showCoupon.effectAction.effectValue}</em>
{else}
享受<em class="s-fcTheme">${showCoupon.effectAction.effectValue}</em>折优惠
{/if}
</p>
{/if}
{/if}
{if specialBigBangTag}
<p class="early"><span class="tag-red"><em>活动</em></span>${specialDesc}</p>
{/if}
{if product.exchangeType!=1}
{if product.specialType==14}
<p class="s-fc3 salesinfo">
{if product.extInfo.restrict==1}
<i class="f-mgr20">每个身份证限购1张门票，每次最多为5人购买</i>
{elseif product.extInfo.restrict>1&&product.extInfo.restrict<6}
<i class="f-mgr20">每个身份证限购${product.extInfo.restrict}张</i>
{else}
{/if}
<em style="color:#cb3b3b;">
{if allStock(skus)<=10&&allStock(skus)>0}
{if product.status!=-1}库存紧张{/if}
{/if}
</em>
</p>
{elseif product.specialType!=6}
{if product.specialType==5}
<p class="desc f-hide s-fc3 j-saleinfo">{if !product.allowDupBuy}限购1件{/if}已售出：<span class="j-flag" id="saleNum">${salesinfo}</span></p>
{elseif product.specialType!=5}
{if sales&&sales>0}
<p class="s-fc3 salesinfo">{if !product.allowDupBuy|| (product.specialType==14&&product.type==0)}<i class="f-mgr20">限购1件</i>{/if}已售出：<span class="j-flag">${sales}</span>件</p>
{else}
<p class="s-fc3 salesinfo">
{if !product.allowDupBuy|| (product.specialType==14&&product.type==0)}<i class="f-mgr20">限购1件</i>{/if}
<em style="color:#cb3b3b;">
{if allStock(skus)<=10&&allStock(skus)>0}
{if product.status!=-1}库存紧张{/if}
{/if}
</em>
</p>
{/if}
{/if}
{/if}
{/if}
{if product.specialType==5}
<div class="count f-mgt5" {if specialBigBangTag}style="margin-top:27px;"{/if}>
<p class="number f-fs1 f-fl">数量</p>
<div id="digital-counter">
<div class="u-counter f-fl">
<a data-action="down" href="javascript:;" class="btn btn-dis j-x"><i class="u-icn u-icn-27"></i></a>
<span class="tot"><input type="text" value="1" class="text f-fs1 j-x"></span>
<a data-action="plus" href="javascript:;" class="btn j-x"><i class="u-icn u-icn-28"></i></a>
</div>
<div style="margin-top:5px;left:-5px;display:none;" class="u-tips-err j-x"><i class="f-ib"></i>请输入要购买的数量</div>
</div>
</div>
{/if}
{if product.exchangeType==1}
<p class="s-fc3 time">开奖时间：${product.drawTime|format:'yyyy-MM-dd HH:mm'}</p>
{/if}
{if product.levelLimit>0}
<p class="level s-fc3 f-fs1"><i class="u-icn u-icn-6"></i>${product.levelLimit}级以上用户专享</p>
{elseif product.vipLimit}
{/if}
{if coupons&&coupons.length>0}
<div class="m-coupons f-cb f-pr">
<div class="title f-pr">促销: </div>
<ul id="coupon-list">
{list coupons as coupon}
<li {if coupon_index == coupons.length - 1}class="lst"{/if}>
{if coupon.couponLabel}
<span class="label">${coupon.couponLabel}</span>
{/if}
<span class="">
{if coupon.effectAction.effectType == 1}
${coupon.effectAction.effectValue}元  
{elseif coupon.effectAction.effectType == 2}
${coupon.effectAction.effectValue}折  
{else}
包邮券  
{/if}
${coupon.couponName},
</span>
<span>
{if coupon.effectAction.actionType == 1}
满${coupon.effectAction.minMoney}元可用
{else}
无门槛
{/if}
</span>
{if coupon.drawStatus == 0 || coupon.drawStatus == 4}
<span class="s-fcLink f-hand" data-action="bindCoupon" data-coupon="${coupon.couponCode}" data-point="${coupon.drawLimit.point}">
{if coupon.drawLimit.drawType == 0}
领券
{else}
${coupon.drawLimit.point}云贝兑换
{/if}
</span>
{elseif coupon.drawStatus == 3}
<span class="s-fc999">已领完</span>
{else}
<span class="s-fc999">
{if coupon.drawLimit.drawType == 0}
已领
{else}
已兑换
{/if}
</span>
{/if}
{if coupon_index==0&&coupons.length>1}
<a href="javascript:;" class="f-fr all s-fc666" data-action="toggleShowAllCoupon">全部优惠券(${coupons.length}) <i class="arr" id="coupon-arr"></i></a>
{/if}
</li>
{/list}
</ul>
</div>
{/if}
{if isSKUNew(product)}
<div class="j-newskuctn"></div>
<div class="j-count"></div>
{else}
{if product.skus.length>1}
<div class="fufei fufei-type j-flag">
<div id="sku-select-box" class="select select-time select-sku">
<div class="title f-pr"><i class="u-icn u-icn-9"></i><span class="qin">请</span>选择${product.skus[0].attrs[0].attr}<i data-action="clearSkuErr" class="u-icn u-icn-10"></i></div>
<ul class="f-cb">
{list product.skus as sku}
{var attr = sku.attrs[0]}
<li data-action="selectNormalSku" data-index="${sku_index}" {if sku.stock <= 0}class="z-dis"{else}class="f-pr"{/if}>
${attr.attrValue|formatSkuName}
</li>
{/list}
</ul>
</div>
</div>
{/if}
{/if}
</div>
{if product.serviceType&&product.serviceType[0]!='0'}
<div class="m-services">
<p>服务 : </p>
<div class="cnt" data-action="showService">
{list product.serviceType as service}
{if service!=12 && service !=11}
<a class="service">${service|getTip}</a>
{/if}
{/list}
</div>
</div>
{/if}
{if product.exchangeType==1}
<p>
{if product.vipLimit==true&&vipInfo.vipLevel<11}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding: 0 25px;">仅限黑胶VIP购买</a>
{elseif product.drawTime < (new Date().getTime())}
<a class="u-btn u-btn-gray" href="javascript:;">已结束</a>
{elseif bought}
<a class="u-btn u-btn-gray" href="javascript:;">已参与</a>
{elseif product.vipLimit==true}
<a data-action="buy" class="u-btn u-btn-red" href="javascript:;">我要抽奖</a>
{else}
<a data-action="buy" class="u-btn u-btn-red" href="javascript:;">我要参与</a>
{/if}
</p>
{else}
<p class="buyorjoin j-flag f-cb" id="buyFlag">
{if product.vipLimit==true&&vipInfo.vipLevel<11}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding: 0 25px;">仅限黑胶VIP购买</a>
{elseif product.status==-1 || product.status==1 || (product.display==1 && !product.extInfo.hiddenCanBuy)}
{if product.specialType==5}
{if albumfee==8}
<a class="f-fl u-btn u-btn-red f-mgr10" href=${"/album?id="+product.extInfo.albumId}>免费播放</a>
{elseif albumfee==1}
<a class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;" data-action="playForVip">会员免费播放</a>
{else}
<a class="u-btn u-btn-gray" href="javascript:;">已下架</a>
{/if}
{else}
<a class="u-btn u-btn-gray" href="javascript:;">已下架</a>
{/if}
{elseif !product.allowDupBuy&&bought}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding:0 5px;">仅能购买一件</a>
{elseif calcStock(skus)==0}
<a class="u-btn u-btn-gray" href="javascript:;">已售罄</a>
{else}
{if product.specialType==14}
{if product.extInfo.preSale==0&&reserveFlag=="true"}
<a class="f-fl u-btn f-mgr10 u-btn-gray" href="javascript:;">已预订</a>
{elseif product.extInfo.preSale==0}
<a data-action="buyinfixed" class="f-fl u-btn u-btn-red f-mgr10 j-presale" href="javascript:;">立即预订</a>
{else}
<a data-action="buyinfixed" class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;">立即购买</a>
{/if}
{elseif product.type==2 && product.specialType==0 && product.priceType==1}
<a data-action="buy" class="f-fl u-btn u-btn-white f-mgr10 {if product.specialType==15}u-btn-gray{/if}" href="javascript:;">{if product.specialType==5}购买专辑{else}立即购买{/if}</a>
{else}
{if product.specialType==5}
{if !canBuy}
<a class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;" style="width:200px;background-color:#bfbfbf;">仅限中国大陆用户购买</a>
{else}
<a data-action="buy" class="f-fl u-btn u-btn-red f-mgr10" href="javascript:;">购买专辑</a>
{/if}
{else}
<a data-action="buy" class="f-fl u-btn u-btn-red f-mgr10 {if product.specialType==15}u-btn-gray{/if}" href="javascript:;">立即购买</a>
{/if}
{/if}
{if product.type==2 && product.specialType==0 && product.priceType==1 && !addCartFlag}
<a class="f-fl u-btn u-btn-red u-btn-red-1 j-joincart" data-action="join" data-type="cart"><i class="u-icn u-icn-7"></i>加入购物车</a>
{/if}
{/if}
</p>
{/if}

<div class="topbarctn">
<div class="imgbox f-fl">
<img src="${img}?param=100y100">
</div>
<div class="prtmsg f-fl">
<p class="f-thide">${product.name}</p>
<span style="color:#d33a31;">${price}</span>
</div>
<div class="tobarbtn f-fr">
{if product.exchangeType==1}
{if product.vipLimit==true&&vipInfo.vipLevel<11}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding:0 16px;">仅限黑胶VIP购买</a>
{elseif product.drawTime < (new Date().getTime())}
<a class="u-btn u-btn-gray" href="javascript:;">已结束</a>
{elseif bought}
<a class="u-btn u-btn-gray" href="javascript:;">已参与</a>
{else}
<a data-action="buy" class="u-btn u-btn-red" href="javascript:;">我要参与</a>
{/if}
{else}
{if product.vipLimit==true&&vipInfo.vipLevel<11}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding:0 16px;">仅限黑胶VIP购买</a>
{elseif product.status==-1}
<a class="u-btn u-btn-gray" href="javascript:;">已下架</a>
{elseif !product.allowDupBuy&&bought}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding:0 5px;">仅能购买一件</a>
{elseif calcStock(skus)==0}
<a class="u-btn u-btn-gray" href="javascript:;">已售罄</a>
{else}
{if product.type==2 && product.specialType==0 && product.priceType==1}
<a data-action="buyinfixed" class="f-fl u-btn u-btn-white f-mgr10 {if product.specialType==15}u-btn-gray{/if}" href="javascript:;">{if product.specialType==5}购买专辑{else}立即购买{/if}</a>
{else}
<a data-action="buyinfixed" class="f-fl u-btn u-btn-red f-mgr10 {if product.specialType==15}u-btn-gray{/if}" href="javascript:;">{if product.specialType==5}购买专辑{else}立即购买{/if}</a>
{/if}
{if product.type==2 && product.specialType==0 && product.priceType==1 && !addCartFlag}
<a class="f-fl u-btn u-btn-red u-btn-red-1 j-joincart" data-action="joininfixed"><i class="u-icn u-icn-7"></i>加入购物车</a>
{/if}
{/if}
{/if}
</div>
</div>
<div class="border f-pa"></div>

<div class="basic">
<h2 class="f-ff2">${product.name}</h2>
{if product.suggestWord}
<p class="sellpoint">${product.suggestWord|escape}</p>
{/if}
<p class="price">
${product.priceType|toRmbText}
<em class="j-flag">${product|calcPrice:'price'}</em>
${product.priceType|toJifenText}
{if product.discount}
<sub class="dis">${product.priceType|toRmb}<span class="j-flag">${product|calcPrice:'oriPrice'}</span> ${product.priceType|toJifen}</sub>
{else}
<span class="f-hide j-flag"></span>
{/if}
</p>
{if product.levelLimit>0}
<p class="level s-fc3 f-fs1"><i class="u-icn u-icn-6"></i>${product.levelLimit}级以上用户专享</p>
{/if}
</div>
<div class="pan">
{if record}
<p class="cur s-fc3">{if product.specialType==1}<em class="s-fc1 f-fw1">您正在使用 ${record.gCapacity|formatSize} 扩容包</em>{else}您已购买环球音乐包{/if}（${record.expireTime|formatExpire}）</p>
{/if}
<div class="select select-pan">
<div class="title f-pr"><i class="u-icn u-icn-9"></i>选择{if product.specialType==1}扩容包{else}音乐包{/if}类型<i data-action="close" class="u-icn u-icn-10"></i></div>
<ul class="f-cb j-flag">
{list product.skus as sku}
{var attr = sku.attrs[0]}
{if product.specialType==1}
<li {if record&&attr.calValue!=record.gCapacity}class="z-dis"{else}class="f-pr"{/if} data-action="selectSku" data-index="${sku_index}">
<p class="volume">${attr.attrValue}</p>
<p>{if record&&attr.calValue>record.gCapacity}+12个月{else}+12个月{/if}</p>
</li>
{else}
<li data-action="selectSku" data-index="${sku_index}" class="f-pr">
<p class="time f-ff2">${attr.attrValue}</p>
</li>
{/if}
{/list}
</ul>
</div>
<p class="validity f-hide j-flag"></p>
<p class="tip f-hide j-flag">注：升级后扩容包有效期不变；原扩容包未使用的部分，将会把云贝退还到你的云贝账户</p>
</div>
{if product.status==-1}
<a class="u-btn u-btn-gray" href="javascript:;"></i>已下架</a>
{elseif !product.allowDupBuy&&bought}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding:0 5px;"></i>仅能购买一件</a>
{else}
<a data-action="buy" class="u-btn u-btn-red u-btn-red-1" href="javascript:;"></i>立即购买</a>
{/if}

<div class="basic">
<h2 class="f-ff2">单曲《${product.name|cutString:46,true}》</h2>
{if product.suggestWord}
<p class="sellpoint">${product.suggestWord|escape}</p>
{/if}
<p class="desc s-fc3 f-fs1">购买成功后，即拥有该歌曲的永久权限，可以无限试听下载。</p>
<p class="price price-song">${product.priceType|toRmbText}<em>${songPrice}</em>${product.priceType|toJifenText}</p>
</div>
<div class="from s-fc3 f-fs1">
<p>歌手：${product.extInfo.artistName}</p>
<p>所属专辑：${product.extInfo.albumName}</p>
</div>
{if product.exchangeType==1}
<p>
{if product.drawTime < (new Date().getTime())}
<a class="u-btn u-btn-red u-btn-gray" href="javascript:;">已结束</a>
{elseif bought}
<a class="u-btn u-btn-red u-btn-gray" href="javascript:;">已参与</a>
{else}
<a data-action="buy" class="u-btn u-btn-red" href="javascript:;">我要参与</a>
{/if}
</p>
{else}
<p class="j-flag">
{if product.status==-1}
<a class="u-btn u-btn-gray" href="javascript:;">已下架</a>
{elseif !product.allowDupBuy&&bought}
<a class="u-btn u-btn-gray" href="javascript:;" style="padding:0 5px;">仅能购买一件</a>
{elseif calcStock(skus)==0}
<a class="u-btn u-btn-gray" href="javascript:;">已售罄</a>
{else}
<a data-action="buy" class="u-btn u-btn-red u-btn-red-1" href="javascript:;">立即购买</a>
{/if}
</p>
{/if}

<div class="basic basic-fufei">
<h2 class="f-ff2">{if qr.friendId > 0}请完成购买{else}网易云音乐VIP会员{/if}</h2>
{if qr.friendId > 0}
<p class="desc s-fc3 f-fs1">请选择赠送给 <span class="s-fc7">${qr.friendName|escape}</span> 的会员类型，会员将在您购买成功后自动生效。</p>
{elseif !r}
<p class="desc s-fc3 f-fs1">订购即可畅享无损品质（SQ）音乐，更能独享海量付费专辑</p>
{else}
<p class="desc s-fc3 f-fs1">${tip}</p>
{/if}
<p class="price">${calcPrice()}</p>
</div>
{if coupons&&coupons.length>0}
<div class="m-coupons f-cb f-pr">
<div class="title f-pr">促销: </div>
<ul id="coupon-list">
{list coupons as coupon}
<li {if coupon_index == coupons.length - 1}class="lst"{/if}>
{if coupon.couponLabel}
<span class="label">${coupon.couponLabel}</span>
{/if}
<span class="">
{if coupon.effectAction.effectType == 1}
${coupon.effectAction.effectValue}元  
{elseif coupon.effectAction.effectType == 2}
${coupon.effectAction.effectValue}折  
{else}
包邮券  
{/if}
${coupon.couponName},
</span>
<span>
{if coupon.effectAction.actionType == 1}
满${coupon.effectAction.minMoney}元可用
{else}
无门槛
{/if}
</span>
{if coupon.drawStatus == 0 || coupon.drawStatus == 4}
<span class="s-fcLink f-hand" data-action="bindCoupon" data-coupon="${coupon.couponCode}" data-point="${coupon.drawLimit.point}">
{if coupon.drawLimit.drawType == 0}
领券
{else}
${coupon.drawLimit.point}云贝兑换
{/if}
</span>
{elseif coupon.drawStatus == 3}
<span class="s-fc999">已领完</span>
{else}
<span class="s-fc999">
{if coupon.drawLimit.drawType == 0}
已领
{else}
已兑换
{/if}
</span>
{/if}
{if coupon_index==0&&coupons.length>1}
<a href="javascript:;" class="f-fr all s-fc666" data-action="toggleShowAllCoupon">全部优惠券(${coupons.length}) <i class="arr" id="coupon-arr"></i></a>
{/if}
</li>
{/list}
</ul>
</div>
{/if}
<div class="fufei">
<div class="select select-fufei {if !!vipTypeErr}z-err{/if}">
<div class="title f-pr"><i class="u-icn u-icn-9"></i>选择类型<i data-action="clearVipErr" class="u-icn u-icn-10"></i></div>
{if luxury==1}
<ul class="f-cb">
<li data-action="selectType" data-type="11" class="z-sel f-pr">
<p class="volume f-ff2">豪华会员(SVIP)</p>
<p class="tips">下载量：500首/月</p>
<i class="u-icn u-icn-skusel"></i>
</li>
</ul>
{else}
<ul class="f-cb">
<li data-action="selectType" data-type="10" {if vipType==10}class="z-sel f-pr"{/if}>
<p class="volume f-ff2">普通会员(VIP)</p>
<p class="tips">下载量：300首/月</p>
<i class="u-icn u-icn-skusel"></i>
</li>
<li data-action="selectType" data-type="11" {if vipType==11}class="z-sel f-pr"{/if}>
<p class="volume f-ff2">豪华会员(SVIP)</p>
<p class="tips">下载量：500首/月</p>
<i class="u-icn u-icn-skusel"></i>
</li>
</ul>
{/if}
</div>
<div class="select select-time {if !!skuError}z-err{/if}">
<div class="title f-pr"><i class="u-icn u-icn-9"></i>选择时长<i data-action="clearSkuErr" class="u-icn u-icn-10"></i></div>
<ul class="f-cb">
{list p.skus as s}
{var attr=s.attrs[0]}
{if calcVipType(attr.calValue)==(vipType||10)}
{if s.activityType==2}
<li data-action="selectSku" data-index="${s_index}" {if sku&&sku.id==s.id&&sku.activityType==2}class="z-sel f-pr"{/if}>
<p class="f-ff2">${attr.calValue|calcMonth}个月<span class="s-fc6">    参与《跨界歌王》门票抽奖</span></p><i class="u-icn u-icn-skusel"></i>
</li>
{elseif vipActivitySwitch==1 && isShowMonth(attr.calValue)==12 && calcVipType(attr.calValue)==11}
<li data-action="selectSku" data-index="${s_index}" {if sku&&sku.id==s.id&&sku.activityType==undefined}class="z-sel f-pr"{/if}>
<p class="f-ff2"><i class="u-icn u-icn-hui"></i>${attr.calValue|calcMonth}个月</p><i class="u-icn u-icn-skusel"></i>
</li>
{else}
{if isShowMonth(attr.calValue) }
<li data-action="selectSku" data-index="${s_index}" {if sku&&sku.id==s.id&&sku.activityType==undefined}class="z-sel f-pr"{/if}>
<p class="f-ff2">${attr.calValue|calcMonth}个月</p><i class="u-icn u-icn-skusel"></i>
</li>
{/if}
{/if}
{/if}
{/list}
</ul>
{if expires}
<p class="validity">购买后有效期至：<span class="s-fc6">${expires|format:'yyyy-MM-dd'}</span></p>
{/if}
</div>
{if vipActivityTip}
<div class="activity"><i class="u-icn u-icn-double11"></i>${vipActivityTip}</div>
{/if}
</div>
<p><a data-action="buy" class="u-btn u-btn-red u-btn-red-1" href="javascript:;">{if qr.friendId > 0}立即赠送{elseif !r}立即开通{else}立即续费{/if}</a></p>

<div class="lyct lyct-1 f-cb f-fs14">
<div class="n-log2 n-log2-2">
<p class="js-tip f-hide u-tip">云音乐将不再支持 <strong class="s-fc1">腾讯微博</strong> 登录方式，<br/>请绑定手机号，以免后续无法使用该帐号</p>
<div class="js-mobwrap f-hide f-pdb20">
<p class="s-fc3">你的手机号：<strong class="js-mob s-fc1"></strong></p>
<p class="s-fc4 f-mgt5">为了安全，我们会给你发送短信验证码</p>
</div>
<div class="js-mobwrap f-hide f-pdb10">
<div class="s-fc666"><label class="js-lbl"></label></div>
<div class="f-mgt10">
<div class="u-txtwrap">
<span class="u-prefix">+86</span>
<input type="text" class="js-txt u-txt" placeholder="请输入手机号">
</div>
</div>
<div class="s-fc3 f-mgt10"><label>验证码：</label></div>
</div>
<div class="put f-cb">
<input type="text" class="js-txt u-txt2" placeholder="请输入验证码" value="">
<span class="js-cd u-cd f-hide f-fr s-fcAAA"></span>
<a href="#" class="js-send u-btn-sp f-hide f-fr" data-action="send"><i>获取验证码</i></a>
</div>
<div class="u-err"><i class="u-icn u-icn-15"></i><span></span></div>
<div class="f-mgt20">
<a class="js-next u-btn-new u-btn-new2" hidefocus="true" href="#" data-action="next"><i></i></a>
</div>
</div>
<div class="js-btmbar n-loglink2 f-cb f-hide">
<a href="javascript:;" data-action="back" class="js-back f-hide f-fl s-primary"><  返回登录</a>
<a href="javascript:;" data-action="skip" class="js-skip f-hide f-fr">跳过  ></a>
</div>
</div>

数字专辑详情

周杰伦的床边故事

粉丝榜

热门商品