| 1 |
- !function(){var t=document.createElement("style");t.innerHTML="._isFull_bkvt7_1._itemWrap_bkvt7_1{width:100%!important;margin-right:0;overflow:hidden;border-bottom:1px solid #f0f0f0;margin-bottom:14px}._isFull_bkvt7_1._itemWrap_bkvt7_1:hover{transform:translateY(0);transition:all linear .1s}._isFull_bkvt7_1._itemWrap_bkvt7_1 ._detaile_bkvt7_12{width:100%!important;height:187px!important;border-radius:4px}._isFull_bkvt7_1._itemWrap_bkvt7_1 ._detaile_bkvt7_12 img,._isFull_bkvt7_1._itemWrap_bkvt7_1 ._masker_bkvt7_21{width:100%!important;height:187px!important}._isFull_bkvt7_1._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25{padding-bottom:14px!important}._itemWrap_bkvt7_1{border:1px solid #E0E0E0;width:312px;margin-bottom:20px;margin-right:33px;border-radius:10px;overflow:hidden;background-color:#fff;cursor:pointer}._itemWrap_bkvt7_1:nth-child(3n){margin-right:0}._itemWrap_bkvt7_1:hover{transform:translateY(-10px);transition:all linear .1s}._itemWrap_bkvt7_1:hover ._detaileWrap_bkvt7_45 ._masker_bkvt7_21{visibility:visible}._itemWrap_bkvt7_1:hover ._detaileWrap_bkvt7_45 ._masker_bkvt7_21 img{width:48px;height:48px;-webkit-animation-name:_showPaly_bkvt7_1;animation-name:_showPaly_bkvt7_1;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes _showPaly_bkvt7_1{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes _showPaly_bkvt7_1{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}._itemWrap_bkvt7_1 ._detaileWrap_bkvt7_45{position:relative}._itemWrap_bkvt7_1 ._detaileWrap_bkvt7_45 ._detaileStudy_bkvt7_70{position:absolute;left:0;bottom:0;padding:0 12px;line-height:38px;width:100%;background-color:rgba(0,0,0,.6);color:#52ffdc;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}._itemWrap_bkvt7_1 ._detaileWrap_bkvt7_45 ._detaileStudy_bkvt7_70 ._detaileDot_bkvt7_84{display:inline-block;width:6px;height:6px;background:#6fffe2;border-radius:50%;margin-right:7px}._itemWrap_bkvt7_1 ._detaileWrap_bkvt7_45 ._detaile_bkvt7_12{border-radius:4px;width:312px;height:174px}._itemWrap_bkvt7_1 ._detaileWrap_bkvt7_45 ._masker_bkvt7_21{visibility:hidden;width:312px;height:174px;background-color:rgba(0,0,0,.4);top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;z-index:900}._itemWrap_bkvt7_1 ._detaileWrap_bkvt7_45 ._masker_bkvt7_21 img{width:48px;height:48px}._itemWrap_bkvt7_1 ._infoBottom_bkvt7_115{display:flex;flex-direction:row;align-items:center;padding:12px;justify-content:space-between}._itemWrap_bkvt7_1 ._infoBottom_bkvt7_115 ._infoBottomL_bkvt7_122{display:flex;flex-direction:row;align-items:center}._itemWrap_bkvt7_1 ._infoBottom_bkvt7_115 ._infoBottomL_bkvt7_122 ._itemHead_bkvt7_127{width:28px;height:28px;border-radius:50%;border:2px solid #4bb39e;margin-right:12px}._itemWrap_bkvt7_1 ._infoBottom_bkvt7_115 ._infoBottomL_bkvt7_122 ._itemTitle_bkvt7_134{font-size:20px;font-weight:500;color:#333;line-height:28px}._itemWrap_bkvt7_1 ._infoBottom_bkvt7_115 ._infoBottomL_bkvt7_122 ._course_bkvt7_140{color:#666;font-size:18px;line-height:25px}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25{display:flex;flex-direction:row;align-items:center;padding:0 12px 12px;justify-content:space-between}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomL_bkvt7_152{display:flex;flex-direction:row;align-items:center}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomL_bkvt7_152 ._itemHead_bkvt7_127{width:28px;height:28px;vertical-align:bottom;margin-right:10px}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomL_bkvt7_152 ._itemTitle_bkvt7_134{color:#333;font-weight:500;font-size:16px;line-height:22px}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomL_bkvt7_152 ._line_bkvt7_169{width:1px;height:10px;border:1px solid #d3d3d3;margin:0 10px}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomL_bkvt7_152 ._course_bkvt7_140{color:#666;font-size:16px;line-height:22px}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomR_bkvt7_180{width:95px;height:35px;background:#2dc7aa;border-radius:10px;border:1px solid #4bb39e;line-height:33px;cursor:pointer;text-align:center;color:#fff;font-size:18px}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomR_bkvt7_180:hover{opacity:.9}._itemWrap_bkvt7_1 ._itemBottom_bkvt7_25 ._itemBottomR_bkvt7_180:active{opacity:.8}\n",document.head.appendChild(t),System.register(["./player-legacy.c7d3b4b9.js","./icon-legacy.aed5a5b3.js","./index-legacy.d58a9f8e.js"],(function(t){"use strict";var i,e,_,o,a,r,n,l,s;return{setters:[function(t){i=t.p},function(t){e=t.i},function(t){_=t.d,o=t.r,a=t.w,r=t.u,n=t.c,l=t.a,s=t.F}],execute:function(){var m="_isFull_bkvt7_1",b="_itemWrap_bkvt7_1",d="_detaile_bkvt7_12",p="_masker_bkvt7_21",v="_itemBottom_bkvt7_25",k="_detaileWrap_bkvt7_45",c="_detaileStudy_bkvt7_70",f="_detaileDot_bkvt7_84",u="_infoBottom_bkvt7_115",h="_infoBottomL_bkvt7_122",x="_itemHead_bkvt7_127",g="_itemTitle_bkvt7_134",W="_course_bkvt7_140",w="_itemBottomL_bkvt7_152",y="_itemBottomR_bkvt7_180",B=t("d","./assets/detaile.98813a45.png");t("v",_({name:"albumItem",emits:["getDetail"],props:{detail:{type:Object,default:{auditStatus:"",endTime:"",lessonSubject:"",order:"",orderNo:"",page:0,rows:0,search:"",sort:"",startTime:"",userId:0,videoLessonGroupId:0}},isFull:{type:Boolean,default:!1}},setup:function(t,_){var F=o({detail:t.detail,isFull:t.isFull});a((function(){return t.detail}),(function(t){F.detail=t}));var L=r(),j=function(){F.isFull&&_.emit("getDetail",F.detail.id),L.push({path:"/videoDetail",query:{id:F.detail.id}})};return function(){return n(s,null,[n("div",{class:[b,F.isFull?m:""],onClick:j},[n("div",{class:k},[n("div",{class:p},[n("img",{src:i,alt:""},null)]),n("p",{class:c},[n("span",{class:f},null),F.detail.countStudent,l("人在学")]),n("img",{style:{objectFit:"cover"},src:F.detail.lessonCoverUrl?F.detail.lessonCoverUrl:B,alt:"",class:d},null)]),n("div",{class:u},[n("div",{class:h},[n("img",{src:e,class:x,alt:""},null),n("span",{class:g},[F.detail.username])]),n("span",{class:W},[F.detail.lessonCount,l("课时")])]),n("div",{class:v},[n("div",{class:w},[n("span",{class:g},[F.detail.lessonSubjectName])]),n("div",{class:y},[l("了解更多")])])])])}}}))}}}))}();
|
