OnlineTraining0622/pages/index/index.wxml

<view class="switch_tab_container">
    <van-notice-bar wx:if="{{noticeVis}}" left-icon="volume-o" mode="link" text="{{notice}}" bindtap="toNotice" style="padding-bottom:10rpx;" />
	
	<!-- <view class="banner">
		<swiper class='u-wrp-bnr' indicator-dots="true" interval='5000' duration='1000'>
			<block wx:for="{{bnrUrl}}" wx:for-index="index" wx:key="idx">
				<swiper-item bindtap="gomyClass" data-item="{{item}}">
					<image src='{{item.clasImg}}' class='u-img-slide' mode='aspectFill'></image>
					<image src='/images/mb.png' class='uimg' mode='aspectFill'></image>
					<view class="text text0">{{item.clasName}}</view>
					<view class="text text1" wx:if="{{item.remark}}">主办：{{item.remark}}</view>
					<view class="text text2" wx:if="{{item.organizer}}">承办：{{item.organizer}}</view>
					<view class="text text3" wx:if="{{item.beginDate}}">开班时间：{{item.beginDate}} 至 {{item.endDate}}</view>
					<image src='/images/goclass.png' mode='aspectFill' class="gozbbtn" wx:if='{{item.isActive==5}}'></image>
				</swiper-item>
			</block>
		</swiper>
	</view> -->
	<!-- banner 组件 -->
	<banner-swiper></banner-swiper>
	<view class="sec">
		<view class="sec_item" bindtap="gostartClass" data-item='{{jjdataArr}}'>
			<image src="/images/jjkb.png" mode='aspectFill' class="secimg"></image>
			<view class="text4">即将开班</view>
			<view class="text5">即将开班：{{jjdataArr}}个</view>
		</view>
		<view class="sec_item1" bindtap="goagoClass" data-item='{{wqdataArr}}'>
			<image src="/images/wqpx.png" mode='aspectFill' class="secimg"></image>
			<view class="text4">往期开班</view>
			<view class="text5">往期开班：{{wqdataArr}}个</view>
		</view>
	</view>
	<view style="height:15rpx;width:750rpx;background-color:#F2F2F2"></view>
	<van-grid class="gridbox">
		<van-grid-item use-slot wx:for="{{gridArr}}" wx:for-index="idx" wx:for-item="item" wx:key="idx" bindtap="goGrid" data-id="{{idx}}" style="position:relative">
			<image style="width: 103rpx; height: 94rpx;" src="{{item.url}}" />
			<text class="grid_text">{{item.name}}</text>
			<view wx:if='{{!item.isread}}' style="width:10rpx;height:10rpx;background-color:red;border-radius:30rpx;border:1rpx solid red;position:absolute;top:30rpx;right:30rpx"></view>
		</van-grid-item>
	</van-grid>
	<view style="height:15rpx;width:750rpx;background-color:#F2F2F2"></view>
	<!-- <view class="xczs">
		<view class="zb1" wx:for="{{xczsArr}}" wx:for-index="idx" wx:for-item="item" bindtap="turnDetails" id="{{idx}}" wx:key="idx">
			<image src='{{item.img}}' mode="aspectFill" class="show1"></image>
			<view class="grayblock">
				<view class="show_text">{{item.name}}</view>
				<view class="viedoxx">
					<image src='/images/qb.png' mode='aspectFill' class="qb"></image>
					<view style="color:#e82315;font-size:25rpx;font-weight:500;float:left">{{item.tag}}</view>
					<view style="color:#848585;font-size:22rpx;float:right;margin-right:20rpx">{{item.playTimes}}人看过</view>
				</view>
			</view>
		</view>
	</view> -->



	<van-tabs active="{{ active }}" bind:change="onChange" line-width="60" line-height="2">

		<van-tab  wx:for="{{vType}}" wx:for-item="titem" title="{{titem}}" wx:key="titem" title-style="font-size:30rpx" >
			<view class="xczs">
				<!-- <view class="zb1" wx:for="{{xcpArr}}" wx:for-index="idx" wx:for-item="item" wx:key="idx" bindtap="goSeevideo" data-item="{{item}}">
					<image src='{{item.courseImg}}' mode='aspectFill' class="show1"></image>
					<view class="grayblock">
						<view class="show_text">{{item.courseName}}</view>
						<view class="viedoxx">
							<view style="color:#848585;font-size:22rpx;float:right;margin-right:20rpx">
								<image src='/images/qb.png' mode='aspectFill' class="qb"></image>{{item.playTimes}}人看过
							</view>
						</view>
					</view>
				</view> -->




             
				<view class="ivlist" wx:for="{{xcpArr}}" wx:for-index="idx" wx:for-item="item" wx:key="idx" bindtap="goSeevideo" data-item="{{item}}">
					
					<view class="ivlist_text">
						<view class="ivlist_title van-multi-ellipsis--l2">{{item.courseName}}</view>
						<view class="ivlist_subt"><van-icon name="eye-o" class="ivlist_icon" /> {{item.playTimes}}人看过</view>
					</view>
					<!-- <van-image width="180" height="150" fit="cover" src="{{item.courseImg}}" /> -->
					<image src='{{item.courseImg}}' mode='aspectFill' class="ivlist_img"></image>

				</view>



			</view>
		</van-tab>		
	</van-tabs>


</view>