index.wxml 5.5 KB

1
  1. <view class="page"><cu-custom vue-id="8dd740cc-1" isBack="{{false}}" bind:__l="__l"></cu-custom><view class="header" style="{{'top:'+(topHeader+'px')+';'}}"><view class="header-box flex justify-end"><view class="header-title"><view class="header-title-main"><view class="margin-bottom-xs">选课</view><view class="point"></view></view></view><view class="header-search flex-sub"><view class="flex justify-between"><input class="header-search-input flex-sub" type="text" placeholder="搜索课程" data-event-opts="{{[['confirm',[['search',['$event']]]],['input',[['__set_model',['$0','course_name','$event',[]],['params']]]]]}}" value="{{params.course_name}}" bindconfirm="__e" bindinput="__e"/><text data-event-opts="{{[['tap',[['search',['$event']]]]]}}" class="cuIcon-search text-gray header-search-icon" bindtap="__e"></text></view></view></view></view><scroll-view class="scroll-main" style="{{'height:'+('calc(100vh - 102px - '+topHeader+'px)')+';'}}" scroll-y="{{true}}" refresher-enabled="{{true}}" refresher-triggered="{{triggered}}" data-event-opts="{{[['refresherrefresh',[['onRefresh',['$event']]]],['scrolltolower',[['loadMore',['$event']]]]]}}" bindrefresherrefresh="__e" bindscrolltolower="__e"><view class="main"><view class="main-title">活动和餐饮</view><view class="flex justify-around course"><block wx:for="{{courses}}" wx:for-item="item" wx:for-index="index" wx:key="index"><course class="course-item flex-sub margin-xs" vue-id="{{'8dd740cc-2-'+index}}" course="{{item}}" data-event-opts="{{[['^tap',[['goCourse',['$0'],[[['courses','',index,'type']]]]]]]}}" bind:tap="__e" bind:__l="__l"></course></block></view><view class="main-title margin-top-xs">一键报班</view><view class="apply-class flex"><image class="flex-sub apply-class-img margin-xs" mode="widthFix" src="/static/imgs/index/baoban.png" data-event-opts="{{[['tap',[['goGift',['$event']]]]]}}" bindtap="__e"></image></view><view class="recommend margin-top-xs"><view class="recommend-title">推荐课程</view><view class="recommend-filter margin-top-xs flex"><view data-event-opts="{{[['tap',[['sort',['home']]]]]}}" class="{{['filter-item text-center flex-sub',(sortCur==='home')?'text-sort':'']}}" bindtap="__e">综合</view><view data-event-opts="{{[['tap',[['sort',['sales']]]]]}}" class="{{['filter-item text-center flex-sub',(sortCur==='sales')?'text-sort':'']}}" bindtap="__e">销量<image class="sort-icon" mode="widthFix" src="{{sortCur==='sales'?sortItem.sales===0?sortIcons.up:sortIcons.down:sortIcons.no}}"></image></view><view data-event-opts="{{[['tap',[['sort',['money']]]]]}}" class="{{['filter-item text-center flex-sub',(sortCur==='money')?'text-sort':'']}}" bindtap="__e">价格<image class="sort-icon" mode="widthFix" src="{{sortCur==='money'?sortItem.money===0?sortIcons.up:sortIcons.down:sortIcons.no}}"></image></view><view class="filter-item text-center flex-sub">{{grade_now}}</view><view class="filter-item text-right flex-sub" data-target="FilterModal" data-event-opts="{{[['tap',[['showModal',['$event']]]]]}}" bindtap="__e">筛选<text class="cuIcon-filter text-gray"></text></view></view><view class="list"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="cu-card"><view class="cu-item"><card vue-id="{{'8dd740cc-3-'+index}}" item="{{item}}" bind:__l="__l"></card></view></view></block></view></view></view></scroll-view><view data-event-opts="{{[['tap',[['hideModal',['$event']]]]]}}" class="{{['cu-modal drawer-modal justify-end',modalName=='FilterModal'?'show':'']}}" bindtap="__e"><view data-event-opts="{{[['tap',[['',['$event']]]]]}}" class="cu-dialog basis-lg" style="{{'top:'+(topHeader+'px')+';'+('height:'+('calc(100vh - '+topHeader+'px)')+';')}}" catchtap="__e"><view class="filter-title">机构筛选</view><view class="btn-check-group padding-lr"><checkbox-group class="flex" style="flex-wrap:wrap;" id="agency" data-event-opts="{{[['change',[['checkboxChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><label class="{{['btn-check-label margin-top-sm padding-lr-xs text-sm text-ellipsis',(item.g0)?'bg-cyan':'']}}"><checkbox value="{{item.$orig.id}}"></checkbox>{{''+item.$orig.name+''}}</label></block></checkbox-group></view><view class="filter-title">周期筛选</view><view class="btn-check-group padding-lr"><checkbox-group class="flex" style="flex-wrap:wrap;" id="day" data-event-opts="{{[['change',[['checkboxChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><label class="{{['btn-check-label margin-top-sm padding-lr-xs text-sm',(item.g1)?'bg-cyan':'']}}"><checkbox value="{{index}}"></checkbox>{{''+item.$orig+''}}</label></block></checkbox-group></view><view class="filter-title">价格区间(元)</view><view class="btn-check-group padding-lr"><radio-group class="flex" style="flex-wrap:wrap;" id="price"><block wx:for="{{filters.price_list}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><label data-event-opts="{{[['tap',[['radioChange',['$0'],[[['filters.price_list','id',item.id,'name']]]]]]]}}" class="{{['btn-check-label margin-top-sm padding-lr-xs text-sm',(params.price===item.name)?'bg-cyan':'']}}" bindtap="__e"><radio value="{{item.name}}"></radio>{{''+item.name+''}}</label></block></radio-group></view><view class="padding-lr"><button data-event-opts="{{[['tap',[['check_course',['$event']]]]]}}" class="check-course cu-btn bg-cyan margin-tb-sm button-hover" bindtap="__e">确定</button></view></view></view><mp-tabbar vue-id="8dd740cc-4" outerSelected="{{0}}" bind:__l="__l"></mp-tabbar></view>