detail.wxml 7.8 KB

1
  1. <view class="page data-v-485325e0"><cu-custom vue-id="4f4fe136-1" isBack="{{true}}" class="data-v-485325e0" bind:__l="__l"></cu-custom><view class="header data-v-485325e0" style="{{'top:'+(topHeader+'px')+';'}}"><view class="header-title data-v-485325e0"><view class="header-title-main data-v-485325e0"><view class="margin-bottom-xs data-v-485325e0">{{tabList[cate_type].title}}</view><view class="point data-v-485325e0"></view></view></view><swiper-tab vue-id="4f4fe136-2" menuList="{{tabList[cate_type].list}}" data-event-opts="{{[['^changeTab',[['changeTab']]]]}}" bind:changeTab="__e" class="data-v-485325e0" bind:__l="__l"></swiper-tab></view><block wx:if="{{currentIndex===0}}"><scroll-view class="scroll-main data-v-485325e0" style="{{'height:'+('calc(100vh - 70px - '+topHeader+'px)')+';'}}" scroll-y="{{true}}"><view class="content data-v-485325e0"><view class="course-img data-v-485325e0"><swiper class="swiper data-v-485325e0" indicator-dots="{{swiper.indicatorDots}}" autoplay="{{swiper.autoplay}}" interval="{{swiper.interval}}" duration="{{swiper.duration}}"><block wx:for="{{detail.image}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="data-v-485325e0"><view class="swiper-item data-v-485325e0"><image src="{{item}}" mode="widthFix" class="data-v-485325e0"></image></view></swiper-item></block></swiper></view><view class="detail data-v-485325e0"><view class="detail-title data-v-485325e0">{{detail.name}}</view><view class="detail-item data-v-485325e0"><view class="detail-item-point data-v-485325e0"></view><view class="detail-label data-v-485325e0">周期</view><view class="detail-text data-v-485325e0">{{detail.period}}<text class="text-gray data-v-485325e0">{{"("+detail.time[0]+")"}}</text></view></view><view class="detail-item data-v-485325e0"><view class="detail-item-point data-v-485325e0"></view><view class="detail-label data-v-485325e0">适用年级</view><view class="detail-text data-v-485325e0">{{detail.grade+"年级通用"}}</view></view><view class="detail-item data-v-485325e0"><view class="detail-item-point data-v-485325e0"></view><view class="detail-label data-v-485325e0">课时</view><view class="detail-text data-v-485325e0">{{detail.class_total+"课时"}}</view></view><view class="detail-item data-v-485325e0"><view class="detail-item-point data-v-485325e0"></view><view class="detail-label data-v-485325e0">单课时价</view><view class="detail-text data-v-485325e0">{{"¥"+detail.single_money}}</view></view><view class="detail-item data-v-485325e0"><view class="detail-item-point data-v-485325e0"></view><view class="detail-label data-v-485325e0">补贴</view><view class="detail-text data-v-485325e0">{{"¥"+detail.subsidy+"/节课"}}</view></view><view class="detail-item data-v-485325e0"><view class="detail-item-point data-v-485325e0"></view><view class="detail-label data-v-485325e0">培养目标</view><view class="detail-text data-v-485325e0">{{detail.tenet}}</view></view></view></view><block wx:if="{{cate_type===0}}"><view class="teacher flex margin-top-sm shadow data-v-485325e0"><image class="avatar lg data-v-485325e0" mode="scaleToFill" src="{{defaultTeacher}}"></image><view class="flex-sub margin-left data-v-485325e0"><view class="teacher-title data-v-485325e0">{{(detail.teachers.username||'')+"老师授课"}}</view><view class="teacher-item data-v-485325e0">{{"毕业于"+(detail.teachers.agency_name||'')}}</view><view class="teacher-item data-v-485325e0">{{"所属机构:"+(detail.teachers.orz||'')}}</view><view class="teacher-exp flex data-v-485325e0"><view class="exp-item data-v-485325e0">{{detail.teachers.honor||''}}</view><view class="exp-item data-v-485325e0">{{detail.teachers.introduce||''}}</view></view></view></view></block><block wx:if="{{detail.prop&&detail.prop.length>0}}"><view class="shop margin-top-sm shadow data-v-485325e0"><view class="shop-title data-v-485325e0">请选择课程所需要的道具</view><radio-group data-event-opts="{{[['change',[['radioChange',['$event']]]]]}}" class="margin-top-xs data-v-485325e0" bindchange="__e"><block wx:for="{{radios}}" wx:for-item="radio" wx:for-index="__i0__" wx:key="value"><label class="margin-right-sm data-v-485325e0"><radio class="cyan data-v-485325e0" style="transform:scale(0.7);" value="{{radio.value}}" checked="{{radio.checked}}"></radio>{{radio.name+''}}</label></block></radio-group><block wx:if="{{needTool==='1'}}"><checkbox-group data-event-opts="{{[['change',[['checkboxChange',['$event']]]]]}}" class="checkbox-group margin-top-xs data-v-485325e0" bindchange="__e"><block wx:for="{{$root.l0}}" wx:for-item="prop" wx:for-index="__i1__" wx:key="id"><label class="data-v-485325e0"><view class="data-v-485325e0"><checkbox class="cyan data-v-485325e0" style="transform:scale(0.7);" value="{{prop.$orig.id}}" checked="{{prop.g0}}"></checkbox>{{prop.$orig.name}}<text class="data-v-485325e0">{{"¥"+prop.$orig.money}}</text></view></label></block></checkbox-group></block></view></block><view class="comment data-v-485325e0"><rich-text nodes="{{detail.present}}" class="data-v-485325e0"></rich-text></view></scroll-view></block><block wx:if="{{currentIndex===1}}"><scroll-view class="scroll-main data-v-485325e0" style="{{'height:'+('calc(100vh - 70px - '+topHeader+'px)')+';'}}"><view class="cu-list menu-avatar comment data-v-485325e0"><block wx:for="{{comments}}" wx:for-item="comment" wx:for-index="index" wx:key="index"><view class="cu-item data-v-485325e0"><image class="avatar md left data-v-485325e0" mode="scaleToFill" src="{{comment.img}}"></image><view class="content data-v-485325e0"><view class="text-grey data-v-485325e0">{{comment.name}}</view><view class="text-gray text-content text-df data-v-485325e0">{{''+comment.content+''}}</view><view class="margin-top-sm flex justify-between data-v-485325e0"><view class="text-gray text-df data-v-485325e0">{{comment.date}}</view></view></view></view></block></view></scroll-view></block><block wx:if="{{currentIndex===2}}"><scroll-view class="scroll-main data-v-485325e0" style="{{'height:'+('calc(100vh - 70px - '+topHeader+'px)')+';'}}"><view class="list data-v-485325e0"><block wx:for="{{detail.video}}" wx:for-item="video" wx:for-index="index" wx:key="index"><view class="cu-card case data-v-485325e0"><view class="cu-item shadow data-v-485325e0"><view class="image data-v-485325e0"><video style="width:100%;" src="{{video}}" class="data-v-485325e0"></video></view></view></view></block></view></scroll-view></block><block wx:if="{{currentIndex===3}}"><scroll-view class="scroll-main data-v-485325e0" style="{{'height:'+('calc(100vh - 70px - '+topHeader+'px)')+';'}}" scroll-y="{{true}}"><view class="cu-bar bg-white data-v-485325e0"><view class="action border-title data-v-485325e0"><text class="cuIcon-title text-student data-v-485325e0"></text><text class="text-xl text-bold data-v-485325e0">{{tabList[cate_type].list[currentIndex]}}</text></view></view><view class="bg-white padding-lr data-v-485325e0"><block wx:for="{{detail.out_line}}" wx:for-item="outline" wx:for-index="index" wx:key="index"><view class="text-content text-lg data-v-485325e0">{{''+outline.course_content+''}}</view></block></view></scroll-view></block><view class="static flex shadow data-v-485325e0"><view class="static-price data-v-485325e0"><text class="satic-label text-lg data-v-485325e0">小计:</text><text class="text-price text-red text-lg data-v-485325e0">{{goods.sum_money}}</text></view><block wx:if="{{goods.choose.length>0}}"><view class="static-choose text-ellipsis data-v-485325e0">{{"(已选:"+$root.g1+")"}}</view></block><view class="static-order flex align-center data-v-485325e0"><shop-cart vue-id="4f4fe136-3" class_attend_id="{{attend_id}}" class="data-v-485325e0" bind:__l="__l"></shop-cart><button data-event-opts="{{[['tap',[['addCart',['$event']]]]]}}" class="{{['cu-btn round bg-student text-white margin-left-xs data-v-485325e0',($root.g2||!detail.enable)?'disabled':'']}}" bindtap="__e">报课</button></view></view></view>