| 12 |
- ;(function(){var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._col-steps_d52g9_1{padding:0 0 0 .74667rem;overflow:hidden;background-color:#fff}._col-steps_d52g9_1 ._col-step_d52g9_1{display:block;float:none;padding:.26667rem 0;line-height:.48rem;position:relative;flex:1;color:#7a7a7a;font-size:.34667rem}._col-steps_d52g9_1 ._col-step_d52g9_1:last-child ._col-step__line_d52g9_16{border:0}._col-steps_d52g9_1 ._col-step_circle_d52g9_19{position:absolute;top:.50667rem;left:-.48rem;z-index:1;width:.48rem;height:.48rem;font-size:.32rem;border-radius:50%;background:var(--van-primary);transform:translate(-50%,-50%);text-align:center;line-height:.53333rem;color:#fff}._col-steps_d52g9_1 ._col-step__line_d52g9_16{top:.42667rem;left:-.50667rem;width:0;border-left:.02667rem dashed var(--van-primary);height:100%;position:absolute;transform:background-color .3s}._col-steps_d52g9_1 ._stepSection_d52g9_43 ._stepTitle_d52g9_43{display:flex;align-items:center;justify-content:space-between;font-size:.34667rem;color:#999}._col-steps_d52g9_1 ._stepSection_d52g9_43 ._stepTitle_d52g9_43 ._stepTitleNum_d52g9_50{font-size:.37333rem;font-weight:500}._col-steps_d52g9_1 ._stepSection_d52g9_43 ._stepTitle_d52g9_43 ._active_d52g9_54{color:var(--van-primary)}._col-steps_d52g9_1 ._stepSection_d52g9_43 ._stepContent_d52g9_57{padding-top:.26667rem;font-size:.34667rem;color:#7a7a7a;line-height:.53333rem}._col-steps_d52g9_1 ._videoImg_d52g9_63{margin-top:.26667rem;width:4rem;height:2.66667rem;position:relative;border-radius:.10667rem;overflow:hidden}._col-steps_d52g9_1 ._videoImg_d52g9_63 .van-image{width:inherit;height:inherit}._col-steps_d52g9_1 ._videoImg_d52g9_63 ._videoStop_d52g9_75{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center}\n";document.head.appendChild(__vite_style__);System.register(['./vendor-legacy.ef66db0e.js','./index-legacy.f25f109a4.js','./icon_video_stop-legacy.6dbf3c96.js'],function(exports){'use strict';var defineComponent,createVNode,createTextVNode,Image,Icon,videoStop$1;return{setters:[function(module){defineComponent=module.d;createVNode=module.a;createTextVNode=module.b;Image=module.q;Icon=module.I;},function(){},function(module){videoStop$1=module.v;}],execute:function execute(){var stepSection="_stepSection_d52g9_43";var stepTitle="_stepTitle_d52g9_43";var stepTitleNum="_stepTitleNum_d52g9_50";var active="_active_d52g9_54";var stepContent="_stepContent_d52g9_57";var videoImg="_videoImg_d52g9_63";var videoStop="_videoStop_d52g9_75";var styles={"col-steps":"_col-steps_d52g9_1","col-step":"_col-step_d52g9_1","col-step__line":"_col-step__line_d52g9_16","col-step_circle":"_col-step_circle_d52g9_19",stepSection:stepSection,stepTitle:stepTitle,stepTitleNum:stepTitleNum,active:active,stepContent:stepContent,videoImg:videoImg,videoStop:videoStop};var CoursePlanStep=exports('C',defineComponent({name:'CoursePlanStep',props:{courseId:{// 用于判断当前选择哪一节课程
- type:Number,default:0},courseInfo:{type:Array,default:[]}},mounted:function mounted(){console.log(this.courseId,'courseId');},render:function render(){var _this=this;return createVNode("div",{"class":styles['col-steps']},[createVNode("div",{"class":styles['col-steps__items']},[this.courseInfo.map(function(item,index){return createVNode("div",{"class":styles['col-step']},[createVNode("div",{"class":styles['col-step__title']},[_this.$slots.content?_this.$slots.content():createVNode("div",{"class":styles.stepSection},[createVNode("div",{"class":styles.stepTitle},[createVNode("span",{"class":[styles.stepTitleNum,(_this.courseId===0||_this.courseId===item.id)&&styles.active]},[createTextVNode("\u7B2C "),index+1,createTextVNode(" \u8BFE\u65F6")]),createVNode("span",{"class":styles.stepTitleText},[item.courseTime])]),createVNode("div",{"class":styles.stepContent},[createVNode("p",null,[item.coursePlan]),item.videoPosterUrl&&createVNode("div",{"class":styles.videoImg},[createVNode(Image,{"src":item.videoPosterUrl,"fit":"cover"},null),createVNode(Icon,{"class":styles.videoStop,"name":videoStop$1,"size":32},null)])])])]),createVNode("div",{"class":styles['col-step_circle']},[index+1]),createVNode("div",{"class":styles['col-step__line']},null)]);})])]);}}));}};});})();
|
