| 1 |
- ;(function(){var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._itemWrap_1tjqy_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:94px;background:#ffffff;display:flex;flex-direction:row;justify-content:space-between;width:100%;border-radius:12px;margin-bottom:10px;padding:14px 16px}._itemWrap_1tjqy_1 ._left_1tjqy_23{display:flex;flex-direction:row;align-items:center}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._imgWrap_1tjqy_28{width:62px;height:62px;margin-right:18px}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._textWrap_1tjqy_33 p{font-weight:600;color:#333;line-height:22px;font-size:16px;margin-bottom:10px}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._textWrap_1tjqy_33 p span{font-weight:400;color:#6a6a6a;margin-left:10px}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._textWrap_1tjqy_33 ._authorInfo_1tjqy_45{display:flex;flex-direction:row;align-items:center}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._textWrap_1tjqy_33 ._authorInfo_1tjqy_45 ._icon_1tjqy_50{width:20px;height:20px;border-radius:27px;margin-right:6px}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._textWrap_1tjqy_33 ._authorInfo_1tjqy_45 ._authorName_1tjqy_56{color:#333;font-size:12px;margin-right:8px}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._textWrap_1tjqy_33 ._authorInfo_1tjqy_45 ._tagList_1tjqy_61{display:flex;flex-direction:row;align-items:center}._itemWrap_1tjqy_1 ._left_1tjqy_23 ._textWrap_1tjqy_33 ._authorInfo_1tjqy_45 ._tagList_1tjqy_61 ._tag_1tjqy_61{background-color:#fff1de;color:#ff8c00;padding:2px 4px;font-size:12px;margin-right:5px;border-radius:4px}._itemWrap_1tjqy_1 ._right_1tjqy_74{display:flex;flex-direction:row;align-items:center;cursor:pointer}._itemWrap_1tjqy_1 ._right_1tjqy_74 ._touchButton_1tjqy_80{width:48px;height:22px;background:#e1f0ff;border-radius:12px;line-height:22px;color:#0086ff;text-align:center;font-size:13px}._itemWrap_1tjqy_1 ._right_1tjqy_74 ._touchButton_1tjqy_80._vip_1tjqy_90{background-color:var(--music-list-item-vip-bg);color:var(--music-list-item-vip-color)}._itemWrap_1tjqy_1 ._right_1tjqy_74 ._touchButton_1tjqy_80._free_1tjqy_94{background-color:var(--music-list-item-free-bg);color:var(--music-list-item-free-color)}._itemWrap_1tjqy_1 ._right_1tjqy_74 ._touchButton_1tjqy_80._charge_1tjqy_98{background-color:var(--music-list-item-charge-bg);color:var(--music-list-item-charge-color)}._itemWrap_1tjqy_1 ._right_1tjqy_74 ._arrow_1tjqy_102{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.f45053fa.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.u;watch=module.L;createVNode=module.c;createTextVNode=module.a;}],execute:function execute(){var itemWrap="_itemWrap_1tjqy_1";var left="_left_1tjqy_23";var imgWrap="_imgWrap_1tjqy_28";var textWrap="_textWrap_1tjqy_33";var authorInfo="_authorInfo_1tjqy_45";var icon="_icon_1tjqy_50";var authorName="_authorName_1tjqy_56";var tagList="_tagList_1tjqy_61";var tag="_tag_1tjqy_61";var right="_right_1tjqy_74";var touchButton="_touchButton_1tjqy_80";var vip="_vip_1tjqy_90";var free="_free_1tjqy_94";var charge="_charge_1tjqy_98";var arrow="_arrow_1tjqy_102";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]),createVNode("div",{"class":classes.tagList},[createVNode("div",{"class":classes.tag},[state.item.subjectNames])])])])]),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)])])]);};}}));}};});})();
|
