1 |
- ;(function(){var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._liveClass_8wzns_1 .el-tabs__item{font-size:18px;font-weight:600;color:#999;height:56px;line-height:56px;padding-right:40px;padding-left:0}._liveClass_8wzns_1 .el-tabs__item.is-active{font-size:20px;color:#000}._liveClass_8wzns_1 .el-tabs__nav-wrap:after{height:1px;background:#eeeeee}._liveClass_8wzns_1 .el-tabs__active-bar{height:4px}._liveClass_8wzns_1 ._badge_8wzns_21{display:inline}._liveClass_8wzns_1 ._badge_8wzns_21 .el-badge__content.is-fixed{top:-2px;right:0}._itemWrap_8wzns_28{--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;display:flex;flex-direction:row;justify-content:space-between;width:100%;border-radius:12px;margin-bottom:10px;padding:10px 0;cursor:pointer}._itemWrap_8wzns_28 ._left_8wzns_49{display:flex;flex-direction:row;align-items:center}._itemWrap_8wzns_28 ._left_8wzns_49 ._imgWrap_8wzns_54{width:88px;height:88px;margin-right:20px}._itemWrap_8wzns_28 ._left_8wzns_49 ._textWrap_8wzns_59 p{font-weight:600;color:#000;line-height:22px;font-size:18px;margin-bottom:7px;display:flex}._itemWrap_8wzns_28 ._left_8wzns_49 ._textWrap_8wzns_59 ._authorInfo_8wzns_67{display:flex;flex-direction:row;align-items:center}._itemWrap_8wzns_28 ._left_8wzns_49 ._textWrap_8wzns_59 ._authorInfo_8wzns_67 span{font-weight:400;color:#999;font-size:16px}._itemWrap_8wzns_28 ._left_8wzns_49 ._textWrap_8wzns_59 ._authorInfo_8wzns_67 ._icon_8wzns_77{width:18px;height:18px;border-radius:27px;margin-right:6px;-o-object-fit:cover;object-fit:cover}._itemWrap_8wzns_28 ._left_8wzns_49 ._textWrap_8wzns_59 ._authorInfo_8wzns_67 ._authorName_8wzns_84{color:#333;font-size:12px;margin-right:8px}._itemWrap_8wzns_28 ._tagList_8wzns_89{display:flex;flex-direction:row;align-items:center;margin-top:10px}._itemWrap_8wzns_28 ._tagList_8wzns_89 ._tag_8wzns_89{background-color:#bcfdf1;color:#00886d;padding:5px 16px;font-size:12px;margin-right:5px;border-radius:20px}._itemWrap_8wzns_28 ._right_8wzns_103{display:flex;flex-direction:row;align-items:center;cursor:pointer}._itemWrap_8wzns_28 ._right_8wzns_103 ._arrow_8wzns_109{width:20px;height:20px;margin-left:12px}._itemWrap_8wzns_28 ._touchButton_8wzns_114{width:48px;height:22px;background:#e1f0ff;border-radius:10px 0;line-height:22px;color:#fff;text-align:center;font-size:14px;margin-left:6px}._itemWrap_8wzns_28 ._touchButton_8wzns_114._vip_8wzns_125{background-color:#c8a430;color:#fff}._itemWrap_8wzns_28 ._touchButton_8wzns_114._free_8wzns_129{background-color:#4ca751;color:#fff}._itemWrap_8wzns_28 ._touchButton_8wzns_114._charge_8wzns_133{background-color:#3f90d6;color:#fff}\n";document.head.appendChild(__vite_style__);System.register(['./vendor-legacy.5aa82c98.js'],function(exports){'use strict';var defineComponent,reactive,useRouter,watch,createVNode,createTextVNode;return{setters:[function(module){defineComponent=module.d;reactive=module.r;useRouter=module.f;watch=module.S;createVNode=module.c;createTextVNode=module.a;}],execute:function execute(){var liveClass="_liveClass_8wzns_1";var badge="_badge_8wzns_21";var itemWrap="_itemWrap_8wzns_28";var left="_left_8wzns_49";var imgWrap="_imgWrap_8wzns_54";var textWrap="_textWrap_8wzns_59";var authorInfo="_authorInfo_8wzns_67";var icon="_icon_8wzns_77";var authorName="_authorName_8wzns_84";var tagList="_tagList_8wzns_89";var tag="_tag_8wzns_89";var right="_right_8wzns_103";var arrow$1="_arrow_8wzns_109";var touchButton="_touchButton_8wzns_114";var vip="_vip_8wzns_125";var free="_free_8wzns_129";var charge="_charge_8wzns_133";var styles=exports('s',{liveClass:liveClass,badge:badge,itemWrap:itemWrap,left:left,imgWrap:imgWrap,textWrap:textWrap,authorInfo:authorInfo,icon:icon,authorName:authorName,tagList:tagList,tag:tag,right:right,arrow:arrow$1,touchButton:touchButton,vip:vip,free:free,charge:charge});var music="./assets/music.24d07fa6.png";var arrow="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAPlJREFUWEft2LENAiEUBuB3tlaUOIyJK1gwgreAA9BZOcHlmttBK9dxBhJzuRgSCxtN4P0/kgg1kC8/JLxHJ5WPrnKfNKD2hFqCP0lwGIbDsizWGHNyzj20iG/rk494HMfNPM/316YXY8yeiUwGeu9X1tqbiOxKIJOBETVN0zqEcBWRLRuZBSyJzAaWQqqAJZBqIBsJATKRMCALCQUykHAgGkkBIpE04Afkue/7Y0px8b9A1HtNSRCFi1cBDkTi4EA0Dgpk4GBAFg4CZOLUQDZOBSyBywaWwmUBq287q2/cY+xVf32klEqIufC3GIF636MBtYm2BLUJPgHTXfIpPDsbwQAAAABJRU5ErkJggg==";var chargeTypes={CHARGE:'点播',FREE:'免费',VIP:'VIP'};var MusicItem=exports('M',defineComponent({name:'music-item',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":styles.itemWrap,"onClick":function onClick(){return gotoMusicDetail();}},[createVNode("div",{"class":styles.left},[createVNode("div",{"class":styles.imgWrap},[createVNode("img",{"src":music,"alt":""},null)]),createVNode("div",{"class":styles.textWrap},[createVNode("p",null,[state.item.musicSheetName,createVNode("div",{"class":[styles.touchButton,styles[(_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("div",{"class":styles.authorInfo},[createVNode("span",null,[createTextVNode("\u4F5C\u66F2: "),state.item.composer])]),createVNode("div",{"class":styles.tagList},[state.item.subjectNames?createVNode("div",{"class":styles.tag},[state.item.subjectNames]):null])])]),createVNode("div",{"class":styles.right},[createVNode("img",{"class":styles.arrow,"src":arrow,"alt":""},null)])])]);};}}));}};});})();
|