123456789101112 |
- ;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._base_16tl9_1>div{background:url(./header-bg.png) no-repeat top center}._detail_16tl9_4{overflow:hidden;--van-nav-bar-background-color: transparent;--van-nav-bar-icon-color: #fff;--van-nav-bar-text-color: #fff;--van-nav-bar-title-text-color: #fff;--plyr-color-main: var(--van-primary);--plyr-control-icon-size: .32rem}._detail_16tl9_4 .plyr__controls .plyr__controls__item:first-child{background-color:var(--van-primary);color:#fff;border-radius:50%}._base_16tl9_1 .van-sticky--fixed{box-shadow:.26667rem .26667rem .26667rem var(--box-shadow-color)}._shareBtn_16tl9_21{display:flex;align-items:flex-start;color:#fff;font-size:.37333rem;line-height:.53333rem!important}._shareBtn_16tl9_21 .van-image{width:.48rem;height:.48rem;margin-right:.16rem}._bgImg_16tl9_33{position:absolute;left:0;top:0;width:100%;height:7.06667rem;-o-object-fit:cover;object-fit:cover;filter:blur(.26667rem)}._bgContent_16tl9_42{position:absolute;top:0;height:7.06667rem;width:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(.53333rem);-webkit-backdrop-filter:blur(.53333rem)}._musicContent_16tl9_51{position:relative;width:100%;height:13.33333rem;overflow:hidden}._musicContent_16tl9_51:after{content:\" \";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ffffff 100%);height:7.65333rem}._musicContent_16tl9_51 ._musicTitle_16tl9_66{text-align:center;font-size:.42667rem}._musicContent_16tl9_51 ._musicImg_16tl9_70{width:100%}._musicContent_16tl9_51 ._finch_16tl9_73{width:4rem;margin:2.13333rem auto 0}._musicContent_16tl9_51 ._finchLoad_16tl9_77{text-align:center;color:#333;font-size:.4rem;margin-top:.10667rem}._musicContent_16tl9_51 iframe{visibility:hidden}._musicContent_16tl9_51 iframe body ::-webkit-scrollbar-thumb{background-color:#efeff0;border:.02667rem solid transparent;background-clip:padding-box;border-radius:.13333rem}._collectCell_16tl9_92{margin:.26667rem .42667rem 0;background:#ffffff;border-radius:.26667rem;box-shadow:0 0 .16rem rgba(229,229,229,.7);overflow:hidden}._videoOperation_16tl9_99{position:absolute;left:0;right:0;bottom:.13333rem;z-index:1}._audition_16tl9_106{display:flex;align-items:center;margin:.26667rem .42667rem 0;background:linear-gradient(180deg,#fff0d9 0%,#ffdfb8 100%);border-radius:.42667rem;padding:.18667rem .32rem;font-size:.32rem;font-weight:600;color:#ff731d;height:.48rem}._audition_16tl9_106 img{margin-top:-.05333rem;width:.56rem;height:.4rem;margin-right:.29333rem}._collect_16tl9_92{display:flex;align-items:center;justify-content:space-between;padding:.29333rem;font-size:.37333rem;color:#666}._collect_16tl9_92 ._userInfo_16tl9_132{display:flex;align-items:center;padding:.08rem .16rem;background:#d5f3ee;border-radius:.42667rem}._collect_16tl9_92 ._userInfo_16tl9_132 img{width:.69333rem;height:.69333rem;border-radius:50%}._collect_16tl9_92 ._userInfo_16tl9_132 span{padding-left:.21333rem;max-width:3.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2dc7aa}._collect_16tl9_92 ._collectSection_16tl9_152{display:flex;align-items:center}._collect_16tl9_92 ._collectSection_16tl9_152 img{margin-top:-.05333rem;margin-left:.29333rem;width:.48rem;height:.48rem}._lookAlbum_16tl9_162{padding:.45333rem .53333rem;margin-bottom:.4rem;font-size:.37333rem;color:#333;line-height:.53333rem;display:flex;align-items:center;justify-content:space-between}._lookAlbum_16tl9_162>div{display:flex;align-items:center;line-height:1}._lookAlbum_16tl9_162>div img{width:.53333rem;height:.53333rem;margin-right:.26667rem}._bg_16tl9_33{position:relative;height:100%;padding:.42667rem;z-index:11}._musicContainer_16tl9_188{position:relative;z-index:12;border-radius:.48rem .48rem 0 0;background-color:#fff;overflow-y:auto}._shareMate_16tl9_195{position:relative;margin-top:1.33333rem;display:flex;flex:1;align-items:center;padding:.29333rem .32rem;background:#ffffff;border-radius:.26667rem}._shareMate_16tl9_195 ._icon_16tl9_205{width:.96rem;height:.96rem;border-radius:.26667rem}._shareMate_16tl9_195 ._info_16tl9_210{margin-left:.37333rem;flex:1;margin-right:.37333rem;word-break:break-all}._shareMate_16tl9_195 ._info_16tl9_210>h4{color:var(--music-list-item-title-color);font-size:.37333rem;font-weight:600;width:5.33333rem}._shareMate_16tl9_195 ._info_16tl9_210>p{color:var(--music-list-item-mate-color);line-height:.45333rem}._shareMate_16tl9_195 ._tagDiscount_16tl9_226{position:absolute;top:-.69333rem;left:.4rem;padding:.05333rem .26667rem .02667rem;height:.61333rem;background:linear-gradient(180deg,#ffb635 0%,#ff4e18 100%);border-radius:.21333rem .21333rem 0 0;font-size:.37333rem;font-weight:600;color:#fff;line-height:.53333rem}._shareVip_16tl9_239{position:relative;margin-top:.93333rem;display:flex;flex:1;align-items:center;padding:.18667rem;background:#ffffff;border-radius:.26667rem}._shareVip_16tl9_239 ._icon_16tl9_205{width:1.92rem;height:1.92rem;border-radius:.26667rem}._shareVip_16tl9_239 ._info_16tl9_210{margin-left:.16rem;flex:1;word-break:break-all}._shareVip_16tl9_239 ._info_16tl9_210>h4{color:var(--music-list-item-title-color);font-size:.42667rem;font-weight:600}._shareVip_16tl9_239 ._info_16tl9_210>p{color:var(--music-list-item-mate-color);line-height:.45333rem}._tagDiscount_16tl9_226{position:absolute;top:-.61333rem;left:.4rem;padding:0 .26667rem;height:.61333rem;background:linear-gradient(180deg,#ffb635 0%,#ff4e18 100%);border-radius:.21333rem .21333rem 0 0;font-size:.37333rem;font-weight:600;color:#fff;line-height:.64rem}._buttonDiscount_16tl9_281{position:absolute;top:-.61333rem;right:.4rem;padding:0 .26667rem;height:.61333rem;background:linear-gradient(180deg,#ffb635 0%,#ff4e18 100%);border-radius:.21333rem .21333rem 0 0;font-size:.37333rem;font-weight:600;color:#fff;line-height:.64rem}._pImg_16tl9_294{width:1.22667rem;height:1.22667rem;border-radius:.26667rem;overflow:hidden;flex-shrink:0}._musicInfo_16tl9_301{padding-top:.61333rem!important;padding-bottom:.61333rem!important;margin-bottom:.26667rem}._musicInfo_16tl9_301 ._tag_16tl9_226{flex-shrink:0;border-radius:.10667rem}._musicInfo_16tl9_301 ._info_16tl9_210{margin-left:.37333rem;flex:1;margin-right:.37333rem;word-break:break-all}._musicInfo_16tl9_301 ._info_16tl9_210>h4{font-size:.42667rem;font-weight:700;color:#1a1a1a;width:5.33333rem;padding-bottom:.08rem}._musicInfo_16tl9_301 ._info_16tl9_210>p{font-size:.32rem;color:#999;line-height:.45333rem}._musicInfo_16tl9_301 ._download_16tl9_328{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.32rem}._musicInfo_16tl9_301 ._download_16tl9_328 img{height:.64rem;width:.64rem}._musicInfo_16tl9_301 ._exquisiteFlag_16tl9_339{width:.37333rem;margin-left:.13333rem;flex-shrink:0}._musicInfo_16tl9_301 ._songAlbum_16tl9_344{width:.4rem;height:.4rem;margin-left:.13333rem;flex-shrink:0}._colSticky_16tl9_350{display:flex;align-items:center;justify-content:space-between}._colSticky_16tl9_350 ._priceSection_16tl9_355{font-size:.37333rem;font-weight:400;color:#999}._colSticky_16tl9_350 ._priceSection_16tl9_355 ._price_16tl9_355{font-size:.58667rem;font-weight:700;color:#ff4e19}._colSticky_16tl9_350 ._priceSection_16tl9_355 ._price_16tl9_355 i{font-style:normal;font-size:.42667rem}._buyBtn_16tl9_369{--van-button-default-height: 1.01333rem}._buyBtn_16tl9_369 .van-button{padding:0 .58667rem;font-weight:600}._buyBtn_16tl9_369 .van-button+.van-button{margin-left:.32rem}._buyBtn_16tl9_369 ._primry_16tl9_379{box-shadow:0 .05333rem .18667rem rgba(45,199,170,.25)}._buyBtn_16tl9_369 ._member_16tl9_382{box-shadow:0 .05333rem .18667rem rgba(187,156,83,.25)}._wxpopup_16tl9_385{width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:9999}._wxpopup_16tl9_385 img{width:88%;margin:0 6%}\n";document.head.appendChild(__vite_style__);System.register(['./vendor-legacy.9789418d.js','./index-legacy.021e09ba.js','./index-legacy.a02a49f0.js','./index-legacy.f25f109a.js','./index-legacy.f25f109a2.js','./index-legacy.f25f109a3.js','./index-legacy.f25f109a10.js','./imageFunction-legacy.45d0f4db.js','./music-legacy.57e23922.js','./index-legacy.4f16ee3c.js','./icon_exquisite-legacy.58f5581c.js','./icon_teacher-legacy.42ba77b1.js','./plyr-legacy.180f4c53.js','./icon_album_active-legacy.c8ab1979.js','./wx_bg-legacy.c233ca5e.js','./share-legacy.280216fe.js','./index-legacy.c75fe8a2.js','./index-legacy.f25f109a8.js'],function(exports){'use strict';var defineComponent,useRoute,ref,onMounted,useRect,computed,createVNode,Sticky,Cell,Image,Tag,createTextVNode,Fragment,Icon,Button,Toast,request$1,request,state,getOssUploadUrl,browser,ColHeader,iconDownload,Vue3Lottie,AstronautJSON,iconListen,iconCollectActive,iconCollect,imgToCanvas,convasToImg,getRandomKey,ColSticky,icon_exquisite,iconAlbum,iconTeacher,Plyr,icon_album_active,wx_bg,initJumpNativePage,shareCall,qs;return{setters:[function(module){defineComponent=module.d;useRoute=module.u;ref=module.l;onMounted=module.m;useRect=module.t;computed=module.p;createVNode=module.a;Sticky=module.S;Cell=module.C;Image=module.I;Tag=module.U;createTextVNode=module.j;Fragment=module.F;Icon=module.K;Button=module.B;Toast=module.T;request$1=module.ag;},function(module){request=module.r;state=module.s;getOssUploadUrl=module.q;browser=module.b;},function(module){ColHeader=module.C;},function(){},function(){},function(){},function(){},function(module){iconDownload=module.d;Vue3Lottie=module.V;AstronautJSON=module.A;iconListen=module.e;iconCollectActive=module.f;iconCollect=module.g;imgToCanvas=module.i;convasToImg=module.c;},function(module){getRandomKey=module.g;},function(module){ColSticky=module.C;},function(module){icon_exquisite=module.b;iconAlbum=module.i;},function(module){iconTeacher=module.i;},function(module){Plyr=module.P;},function(module){icon_album_active=module.i;},function(module){wx_bg=module.w;},function(module){initJumpNativePage=module.i;shareCall=module.s;},function(module){qs=module.q;},function(){}],execute:function execute(){var base="_base_16tl9_1";var detail="_detail_16tl9_4";var shareBtn="_shareBtn_16tl9_21";var bgImg="_bgImg_16tl9_33";var bgContent="_bgContent_16tl9_42";var musicContent="_musicContent_16tl9_51";var musicTitle="_musicTitle_16tl9_66";var musicImg="_musicImg_16tl9_70";var finch="_finch_16tl9_73";var finchLoad="_finchLoad_16tl9_77";var collectCell="_collectCell_16tl9_92";var videoOperation="_videoOperation_16tl9_99";var audition="_audition_16tl9_106";var collect="_collect_16tl9_92";var userInfo="_userInfo_16tl9_132";var collectSection="_collectSection_16tl9_152";var lookAlbum="_lookAlbum_16tl9_162";var bg="_bg_16tl9_33";var musicContainer="_musicContainer_16tl9_188";var shareMate="_shareMate_16tl9_195";var icon="_icon_16tl9_205";var info="_info_16tl9_210";var tagDiscount="_tagDiscount_16tl9_226";var shareVip="_shareVip_16tl9_239";var buttonDiscount="_buttonDiscount_16tl9_281";var pImg="_pImg_16tl9_294";var musicInfo="_musicInfo_16tl9_301";var tag="_tag_16tl9_226";var download="_download_16tl9_328";var exquisiteFlag="_exquisiteFlag_16tl9_339";var songAlbum="_songAlbum_16tl9_344";var colSticky="_colSticky_16tl9_350";var priceSection="_priceSection_16tl9_355";var price="_price_16tl9_355";var buyBtn="_buyBtn_16tl9_369";var primry="_primry_16tl9_379";var member="_member_16tl9_382";var wxpopup="_wxpopup_16tl9_385";var styles={base:base,detail:detail,shareBtn:shareBtn,bgImg:bgImg,bgContent:bgContent,musicContent:musicContent,musicTitle:musicTitle,musicImg:musicImg,finch:finch,finchLoad:finchLoad,collectCell:collectCell,videoOperation:videoOperation,audition:audition,collect:collect,userInfo:userInfo,collectSection:collectSection,lookAlbum:lookAlbum,bg:bg,musicContainer:musicContainer,shareMate:shareMate,icon:icon,info:info,tagDiscount:tagDiscount,shareVip:shareVip,buttonDiscount:buttonDiscount,pImg:pImg,musicInfo:musicInfo,tag:tag,download:download,exquisiteFlag:exquisiteFlag,songAlbum:songAlbum,colSticky:colSticky,priceSection:priceSection,price:price,buyBtn:buyBtn,primry:primry,member:member,wxpopup:wxpopup};var index=exports('default',defineComponent({name:'MusicDetail',setup:function setup(){localStorage.setItem('behaviorId',getRandomKey());var route=useRoute();var loading=ref(false);var isError=ref(false);var headers=ref(null);var footers=ref(null);var heightInfo=ref('0');var musicDetail=ref(null);var showImg=ref('');var accompanyUrl=ref('');var audioFileUrl=ref('');var wxStatus=ref(false);var tmpUrl="".concat(location.origin,"/student/#/music-detail?").concat(qs.stringify(route.query));var jumpUrl=ref(tmpUrl);var colors={FREE:{color:'#01B84F',text:'免费'},VIP:{color:'#CD863E',text:'会员'},CHARGE:{color:'#3591CE',text:'点播'}};var FetchList=/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee2(id){var _musicDetail$value,search,res,background;return regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:if(!loading.value){_context2.next=2;break;}return _context2.abrupt("return");case 2:loading.value=true;isError.value=false;_context2.prev=4;search=route.query;_context2.next=8;return request.post("/open/musicShareProfit",{prefix:'/api-teacher',requestType:'json',data:{bizId:search.id,userId:search.recomUserId}});case 8:res=_context2.sent;// 取原音,如果有多个则默认第一个
- background=res.data.musicSheet.background;audioFileUrl.value=background&&background.length>0?background[0].audioFileUrl:'';console.log(audioFileUrl.value);musicDetail.value=res.data.musicSheet;showImg.value=((_musicDetail$value=musicDetail.value)===null||_musicDetail$value===void 0?void 0:_musicDetail$value.musicImg)||'';if(!showImg.value){setAccompanyUrl();window.addEventListener('message',/*#__PURE__*/function(){var _ref2=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(e){var tempCanvas,img;return regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return imgToCanvas(e.data);case 2:tempCanvas=_context.sent;img=convasToImg(tempCanvas);// 开始上传图片
- uploadFunction(img);case 5:case"end":return _context.stop();}}},_callee);}));return function(_x2){return _ref2.apply(this,arguments);};}(),false);}_context2.next=20;break;case 17:_context2.prev=17;_context2.t0=_context2["catch"](4);isError.value=true;case 20:loading.value=false;case 21:case"end":return _context2.stop();}}},_callee2,null,[[4,17]]);}));return function FetchList(_x){return _ref.apply(this,arguments);};}();var base64ToBlob=function base64ToBlob(data){var arr=data.split(','),mime=arr[0].match(/:(.*?);/)[1];var bstr=atob(arr[1]);var n=bstr.length;var u8arr=new Uint8Array(n);while(n--){u8arr[n]=bstr.charCodeAt(n);}return new Blob([u8arr],{type:mime});};var uploadFunction=/*#__PURE__*/function(){var _ref3=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee3(file){var _musicDetail$value2,formData,fileName,keyTime,obj,res,dataObj,key,files,ossUploadUrl,imgurl;return regeneratorRuntime.wrap(function _callee3$(_context3){while(1){switch(_context3.prev=_context3.next){case 0:_context3.prev=0;formData=new FormData();fileName=new Date().getTime()+((_musicDetail$value2=musicDetail.value)===null||_musicDetail$value2===void 0?void 0:_musicDetail$value2.musicSheetName.replaceAll(' ','_'))+'.png';keyTime=new Date().getTime()+fileName;obj={filename:fileName,bucketName:'cloud-coach',postData:{filename:fileName,acl:'public-read',key:keyTime,unknowValueField:[]}};_context3.next=7;return request.post(state.platformApi+'/getUploadSign',{data:obj});case 7:res=_context3.sent;Toast.loading({message:'加载中...',forbidClick:true,loadingType:'spinner',duration:0});dataObj={policy:res.data.policy,signature:res.data.signature,key:keyTime,KSSAccessKeyId:res.data.kssAccessKeyId,acl:'public-read',name:fileName};for(key in dataObj){formData.append(key,dataObj[key]);}files=base64ToBlob(file);formData.append('file',files,fileName);ossUploadUrl=getOssUploadUrl('cloud-coach');_context3.next=16;return request$1(ossUploadUrl,{method:'POST',data:formData});case 16:Toast.clear();imgurl=getOssUploadUrl('cloud-coach')+keyTime;_context3.next=20;return request.post(state.platformApi+'/open/music/sheet/img',{data:{musicSheetId:musicDetail.value.id,musicImg:imgurl}});case 20:showImg.value=imgurl;_context3.next=26;break;case 23:_context3.prev=23;_context3.t0=_context3["catch"](0);console.log(_context3.t0);case 26:case"end":return _context3.stop();}}},_callee3,null,[[0,23]]);}));return function uploadFunction(_x3){return _ref3.apply(this,arguments);};}();var setAccompanyUrl=function setAccompanyUrl(){var url='http://dev.colexiu.com';var music=musicDetail.value;var subjectId='';if(music.background&&music.background.length>0){subjectId=music.background[0].id;}accompanyUrl.value=url+"/accompany/colxiu-website.html?id=".concat(music.id,"&part-index=").concat(subjectId);};var player=ref(null);var audio=ref(null);var freeRate=ref(0);var initAudio=/*#__PURE__*/function(){var _ref4=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee4(){var _config$data$;var config,controls;return regeneratorRuntime.wrap(function _callee4$(_context4){while(1){switch(_context4.prev=_context4.next){case 0:_context4.next=2;return request.get(state.platformApi+'/sysConfig/queryByParamNameList',{params:{paramNames:'music_sheet_free_rate'}});case 2:config=_context4.sent;freeRate.value=((_config$data$=config.data[0])===null||_config$data$===void 0?void 0:_config$data$.paramValue)||0;controls=[// 'play-large',
- 'play','progress',// 'captions',
- // 'fullscreen',
- 'duration'];player.value=new Plyr(audio.value,{controls:controls});player.value.on('timeupdate',function(){var _musicDetail$value3;// 允许播放时间
- var players=player.value;var playTime=players.duration*freeRate.value/100||0;// 时间,是否购买,是否免费
- if(players.currentTime>=playTime&&((_musicDetail$value3=musicDetail.value)===null||_musicDetail$value3===void 0?void 0:_musicDetail$value3.orderStatus)!=='PAID'&&!paymentType.value.includes('FREE')){// players.stop()
- players.pause();}});case 7:case"end":return _context4.stop();}}},_callee4);}));return function initAudio(){return _ref4.apply(this,arguments);};}();onMounted(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee5(){var _useRect,height,footer;return regeneratorRuntime.wrap(function _callee5$(_context5){while(1){switch(_context5.prev=_context5.next){case 0:initJumpNativePage(jumpUrl.value);_context5.next=3;return FetchList();case 3:_useRect=useRect(headers),height=_useRect.height;footer=useRect(footers);heightInfo.value=height+footer.height;// 初始化音频
- if(audioFileUrl.value){initAudio();}case 7:case"end":return _context5.stop();}}},_callee5);})));var paymentType=computed(function(){var _musicDetail$value4;var paymentType=(_musicDetail$value4=musicDetail.value)===null||_musicDetail$value4===void 0?void 0:_musicDetail$value4.paymentType;if(typeof paymentType==='string'){paymentType=paymentType.split(',');return paymentType;}return[];});var onShare=function onShare(){if(browser().weixin){wxStatus.value=true;return;}// 尝试拉起app
- shareCall(jumpUrl.value);// 不管有没有拉起app则都跳转到下载app
- setTimeout(function(){window.location.href=location.origin+'/student/#/download';},3000);};return function(){var _musicDetail$value5,_musicDetail$value11,_musicDetail$value12,_musicDetail$value13,_musicDetail$value14,_musicDetail$value15,_musicDetail$value16,_musicDetail$value17;return createVNode("div",{"class":styles.detail},[createVNode(Sticky,{"position":"top"},{default:function _default(){return[createVNode("div",{"ref":headers},[createVNode(ColHeader,{"background":"transparent","border":false,"isFixed":false,"color":"#fff","backIconColor":"white"},null)])];}}),createVNode("img",{"class":styles.bgImg,"src":(_musicDetail$value5=musicDetail.value)===null||_musicDetail$value5===void 0?void 0:_musicDetail$value5.titleImg},null),createVNode("div",{"class":styles.bgContent},null),createVNode("div",{"class":styles.musicContainer,"style":{marginTop:'16px',height:"calc(100vh - ".concat(heightInfo.value+16+'px',")")}},[createVNode(Cell,{"border":false,"center":true,"class":styles.musicInfo},{icon:function icon(){var _musicDetail$value6;return createVNode(Image,{"class":styles.pImg,"src":(_musicDetail$value6=musicDetail.value)===null||_musicDetail$value6===void 0?void 0:_musicDetail$value6.titleImg},null);},title:function title(){var _musicDetail$value7,_musicDetail$value8,_musicDetail$value9,_musicDetail$value10;return createVNode("div",{"class":styles.info},[createVNode("h4",{"class":"van-ellipsis"},[(_musicDetail$value7=musicDetail.value)===null||_musicDetail$value7===void 0?void 0:_musicDetail$value7.musicSheetName]),createVNode("p",{"style":{display:'flex'}},[paymentType.value.map(function(tag){return createVNode(Tag,{"style":{color:colors[tag].color},"class":styles.tag,"type":"success","plain":true},{default:function _default(){return[colors[tag].text];}});}),((_musicDetail$value8=musicDetail.value)===null||_musicDetail$value8===void 0?void 0:_musicDetail$value8.exquisiteFlag)===1&&createVNode(Image,{"class":styles.exquisiteFlag,"src":icon_exquisite},null),((_musicDetail$value9=musicDetail.value)===null||_musicDetail$value9===void 0?void 0:_musicDetail$value9.albumNums)>0&&createVNode(Image,{"class":styles.songAlbum,"src":icon_album_active},null),createVNode("span",{"style":{paddingTop:'2px',paddingLeft:'6px'}},[(_musicDetail$value10=musicDetail.value)===null||_musicDetail$value10===void 0?void 0:_musicDetail$value10.composer])])]);},value:function value(){return createVNode("span",{"class":styles.download,"onClick":function onClick(){return onShare();}},[createVNode("img",{"src":iconDownload},null),createTextVNode("\u4E0B\u8F7D\u66F2\u8C31")]);}}),createVNode("div",{"class":styles.musicContent},[createVNode("iframe",{"id":"containerPrint","ref":"print","style":"width: 100%;page-break-after:always; height: 0","src":accompanyUrl.value},null),createVNode("p",{"class":styles.musicTitle},[(_musicDetail$value11=musicDetail.value)===null||_musicDetail$value11===void 0?void 0:_musicDetail$value11.musicSheetName]),showImg.value?createVNode("img",{"src":showImg.value,"alt":"","class":styles.musicImg},null):createVNode(Fragment,null,[createVNode(Vue3Lottie,{"animationData":AstronautJSON,"class":styles.finch},null),createVNode("p",{"class":styles.finchLoad},[createTextVNode("\u52A0\u8F7D\u4E2D...")])]),createVNode("div",{"class":styles.videoOperation},[audioFileUrl.value&&createVNode(Fragment,null,[(paymentType.value.includes('CHARGE')||paymentType.value.includes('VIP'))&&((_musicDetail$value12=musicDetail.value)===null||_musicDetail$value12===void 0?void 0:_musicDetail$value12.orderStatus)!=='PAID'&&createVNode("div",{"class":[styles.audition]},[createVNode("img",{"src":iconListen},null),createVNode("span",null,[createTextVNode("\u6BCF\u9996\u66F2\u76EE\u53EF\u8BD5\u542C"),freeRate.value,createTextVNode("%")])]),createVNode("div",{"class":[styles.audio,styles.collectCell]},[createVNode("audio",{"id":"player","controls":true,"ref":audio},[createVNode("source",{"src":audioFileUrl.value,"type":"audio/mp3"},null)])])]),createVNode("div",{"class":[styles.collect,styles.collectCell]},[createVNode("div",{"class":[styles.userInfo]},[createVNode("img",{"src":((_musicDetail$value13=musicDetail.value)===null||_musicDetail$value13===void 0?void 0:_musicDetail$value13.userAvatar)||iconTeacher},null),createVNode("span",null,[(_musicDetail$value14=musicDetail.value)===null||_musicDetail$value14===void 0?void 0:_musicDetail$value14.userName])]),createVNode("div",{"class":[styles.collectSection],"onClick":function onClick(){return onShare();}},[createVNode("span",null,[(_musicDetail$value15=musicDetail.value)===null||_musicDetail$value15===void 0?void 0:_musicDetail$value15.favoriteCount,createTextVNode("\u4EBA\u6536\u85CF")]),createVNode("img",{"src":(_musicDetail$value16=musicDetail.value)!==null&&_musicDetail$value16!==void 0&&_musicDetail$value16.favorite?iconCollectActive:iconCollect},null)])])])]),createVNode("div",{"class":[styles.lookAlbum,styles.collectCell],"onClick":function onClick(){onShare();}},[createVNode("div",null,[createVNode("img",{"src":iconAlbum},null),createVNode("span",null,[createTextVNode("\u8FDB\u5165\u66F2\u76EE\u6240\u5728\u4E13\u8F91\u5217\u8868")])]),createVNode(Icon,{"name":"arrow","size":16,"color":"#666"},null)])]),((_musicDetail$value17=musicDetail.value)===null||_musicDetail$value17===void 0?void 0:_musicDetail$value17.id)&&createVNode(ColSticky,{"position":"bottom","background":"white"},{default:function _default(){return[createVNode("div",{"ref":footers},[createVNode(Button,{"round":true,"block":true,"type":"primary","color":"linear-gradient(180deg, #59E5D5 0%, #2DC7AA 100%)","onClick":function onClick(){return onShare();}},{default:function _default(){return[createTextVNode("\u4E0B\u8F7D\u9177\u4E50\u79C0\u8FDB\u5165\u8BE6\u60C5")];}})])];}}),wxStatus.value&&createVNode("div",{"class":styles.wxpopup,"onClick":function onClick(){wxStatus.value=false;}},[createVNode("img",{"src":wx_bg,"alt":""},null)])]);};}}));}};});})();
|