| 1 |
- ;(function(){var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._itemWrap_11qcq_1{--music-list-item-background-color: #fff;--music-list-item-title-color: #333;--music-list-item-desc-color: #333;--music-list-item-mate-color: #6a6a6a;--music-list-item-border-color: #f1f1f1;--music-list-item-vip-bg: #fff1cd;--music-list-item-vip-color: #ff6c00;--music-list-item-free-bg: #fff1e7;--music-list-item-free-color: #ff4700;--music-list-item-charge-bg: #e1f0ff;--music-list-item-charge-color: #0086ff;height:78px;background:#ffffff;display:flex;flex-direction:row;justify-content:space-between;width:100%;border-radius:12px;margin-bottom:10px;padding:10px 12px;cursor:pointer}._itemWrap_11qcq_1 ._left_11qcq_24{display:flex;flex-direction:row;align-items:center}._itemWrap_11qcq_1 ._left_11qcq_24 ._imgWrap_11qcq_29{width:58px;height:58px;margin-right:20px}._itemWrap_11qcq_1 ._left_11qcq_24 ._textWrap_11qcq_34 p{font-weight:600;color:#333;line-height:22px;font-size:16px;margin-bottom:7px}._itemWrap_11qcq_1 ._left_11qcq_24 ._textWrap_11qcq_34 p span{font-weight:400;color:#6a6a6a;margin-left:10px;font-size:14px}._itemWrap_11qcq_1 ._left_11qcq_24 ._textWrap_11qcq_34 ._authorInfo_11qcq_47{display:flex;flex-direction:row;align-items:center}._itemWrap_11qcq_1 ._left_11qcq_24 ._textWrap_11qcq_34 ._authorInfo_11qcq_47 ._icon_11qcq_52{width:18px;height:18px;border-radius:27px;margin-right:6px}._itemWrap_11qcq_1 ._left_11qcq_24 ._textWrap_11qcq_34 ._authorInfo_11qcq_47 ._authorName_11qcq_58{color:#333;font-size:12px;margin-right:8px}._itemWrap_11qcq_1 ._left_11qcq_24 ._textWrap_11qcq_34 ._authorInfo_11qcq_47 ._tagList_11qcq_63{display:flex;flex-direction:row;align-items:center}._itemWrap_11qcq_1 ._left_11qcq_24 ._textWrap_11qcq_34 ._authorInfo_11qcq_47 ._tagList_11qcq_63 ._tag_11qcq_63{background-color:#fff1de;color:#ff8c00;padding:2px 4px;font-size:12px;margin-right:5px;border-radius:4px}._itemWrap_11qcq_1 ._right_11qcq_76{display:flex;flex-direction:row;align-items:center;cursor:pointer}._itemWrap_11qcq_1 ._right_11qcq_76 ._touchButton_11qcq_82{width:48px;height:22px;background:#e1f0ff;border-radius:12px;line-height:22px;color:#0086ff;text-align:center;font-size:13px}._itemWrap_11qcq_1 ._right_11qcq_76 ._touchButton_11qcq_82._vip_11qcq_92{background-color:var(--music-list-item-vip-bg);color:var(--music-list-item-vip-color)}._itemWrap_11qcq_1 ._right_11qcq_76 ._touchButton_11qcq_82._free_11qcq_96{background-color:var(--music-list-item-free-bg);color:var(--music-list-item-free-color)}._itemWrap_11qcq_1 ._right_11qcq_76 ._touchButton_11qcq_82._charge_11qcq_100{background-color:var(--music-list-item-charge-bg);color:var(--music-list-item-charge-color)}._itemWrap_11qcq_1 ._right_11qcq_76 ._arrow_11qcq_104{width:20px;height:20px;margin-left:12px}\n";document.head.appendChild(__vite_style__);System.register(['./icon-legacy.aed5a5b3.js','./music-legacy.146bf361.js','./arrow-legacy.c72c6a83.js','./vendor-legacy.457cbbd5.js'],function(exports){'use strict';var icon$1,music,arrow$1,defineComponent,reactive,useRouter,watch,createVNode,createTextVNode;return{setters:[function(module){icon$1=module.i;},function(module){music=module.m;},function(module){arrow$1=module.a;},function(module){defineComponent=module.d;reactive=module.r;useRouter=module.f;watch=module.P;createVNode=module.c;createTextVNode=module.a;}],execute:function execute(){var itemWrap="_itemWrap_11qcq_1";var left="_left_11qcq_24";var imgWrap="_imgWrap_11qcq_29";var textWrap="_textWrap_11qcq_34";var authorInfo="_authorInfo_11qcq_47";var icon="_icon_11qcq_52";var authorName="_authorName_11qcq_58";var tagList="_tagList_11qcq_63";var tag="_tag_11qcq_63";var right="_right_11qcq_76";var touchButton="_touchButton_11qcq_82";var vip="_vip_11qcq_92";var free="_free_11qcq_96";var charge="_charge_11qcq_100";var arrow="_arrow_11qcq_104";var classes={itemWrap:itemWrap,left:left,imgWrap:imgWrap,textWrap:textWrap,authorInfo:authorInfo,icon:icon,authorName:authorName,tagList:tagList,tag:tag,right:right,touchButton:touchButton,vip:vip,free:free,charge:charge,arrow:arrow};var chargeTypes={CHARGE:'点播',FREE:'免费',VIP:'VIP'};var MusicLIstItem=exports('M',defineComponent({name:'musicLIstItem',props:{item:{type:Object,default:function _default(){return{};}},onClick:{type:Function,default:function _default(item){}}},setup:function setup(props){var state=reactive({item:props.item});var router=useRouter();watch(function(){return props.item;},function(item){state.item=item;});var gotoMusicDetail=function gotoMusicDetail(){router.push({path:'/muiscDetial',query:{id:state.item.id}});};return function(){var _state$item$chargeTyp;return createVNode("div",{"onClick":function onClick(){props.onClick(state.item);}},[createVNode("div",{"class":classes.itemWrap,"onClick":function onClick(){return gotoMusicDetail();}},[createVNode("div",{"class":classes.left},[createVNode("div",{"class":classes.imgWrap},[createVNode("img",{"src":music,"alt":""},null)]),createVNode("div",{"class":classes.textWrap},[createVNode("p",null,[state.item.musicSheetName,createVNode("span",null,[createTextVNode("\u4F5C\u66F2: "),state.item.composer])]),createVNode("div",{"class":classes.authorInfo},[createVNode("img",{"class":classes.icon,"src":state.item.addUserAvatar||icon$1,"alt":""},null),createVNode("span",{"class":classes.authorName},[state.item.addName?state.item.addName:'小酷有谱']),createVNode("div",{"class":classes.tagList},[state.item.subjectNames?createVNode("div",{"class":classes.tag},[state.item.subjectNames]):null])])])]),createVNode("div",{"class":classes.right},[createVNode("div",{"class":[classes.touchButton,classes[(_state$item$chargeTyp=state.item.chargeType)===null||_state$item$chargeTyp===void 0?void 0:_state$item$chargeTyp.toLocaleLowerCase()]]},[chargeTypes[state.item.chargeType]?chargeTypes[state.item.chargeType]:'点播']),createVNode("img",{"class":classes.arrow,"src":arrow$1,"alt":""},null)])])]);};}}));}};});})();
|
