zj-teach/pages/stuList/stuList.wxml

<!-- 头部搜索筛选区 -->
<view class="toOpenSearch" bindtap="toOpenSearch">
    找学员
    <image wx:if="{{toSearch}}" class="iconImg" src="../../images/up.png"></image>
    <image wx:else class="iconImg" src="../../images/down.png"></image>
</view>
<!-- 筛选条件区域 -->
<view class="searchContainer" wx:if="{{toSearch}}">
    <view class="searchList">
        <view  bindtap="chooseCourse">{{courseDetailChosed || '需求课程'}}</view>
        <image wx:if="{{courseDetailChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancelChooseCourse"></image>
        <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseCourse"></image>
    </view>
    <view class="searchList">
        <view bindtap="chooseTeachPosition">{{teachPositionChosed || '辅导方式'}}</view>
        <image wx:if="{{teachPositionChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancelChooseTeachPosition"></image>
        <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseTeachPosition"></image>
    </view>
    <view class="searchList">
        <view bindtap="chooseStuSex">{{stuSexChosed || '学生性别'}}</view>
        <image wx:if="{{stuSexChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancleChooseStuSex"></image>
        <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseStuSex"></image>
    </view>
    <view class="searchList">
        <view bindtap="chooseTeachType">{{teachTypeChosed || '教员类型'}}</view>
        <image wx:if="{{teachTypeChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancelChooseTeachType"></image>
        <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseTeachType"></image>
    </view>
    <view class="searchList">
        <view bindtap="chooseTeachEdu">{{teachEduChosed || '教员学历'}}</view>
        <image wx:if="{{teachEduChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancelChooseTeachEdu"></image>
        <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseTeachEdu"></image>
    </view>
    <view class="searchList">
        <view bindtap="chooseTeachSex">{{teachSexChosed || '教员性别'}}</view>
        <image wx:if="{{teachSexChosed}}" class="iconCancelImg" src="../../images/down.png" bindtap="cancelChooseTeachSex"></image>
        <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseTeachSex"></image>
    </view>
    <view class="searchList">
        <view bindtap="chooseTeachImg">{{teachImgChosed || '教员照片'}}</view>
        <image wx:if="{{teachImgChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancelChooseTeachImg"></image>
        <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseTeachImg"></image>
    </view>
</view>
<!-- 搜索按钮和清除选择按钮 -->
<view class="searchBtn-container" wx:if="{{toSearch}}">
    <view class="searchBtn" bindtap="handleSearch">搜索</view>
    <view class="clearBtn" bindtap="clearOptions">清除选择</view>
</view>

<!-- 学生列表区 -->
<view wx:if="{{isSearch && !list.length}}">没有找到符合条件的信息</view>
<view wx:if="{{isSearch}}" class="stuListContainer">
    <view wx:for="{{list}}" data-student='{{item}}' bindtap="toStuDetail" wx:key="index" wx:for-index="index">
        <!-- 间隔区域 -->
        <view class="stuListInterval"></view>
        <!-- 学生列表区域 -->
        <view class="stuListDetail">
            <view class="stuLeft">
                <text class="stuTitle">科目：{{list[index][5].courseDetail}}</text>
                <text class="stuDesc">{{list[index][10].except}}</text>
            </view>
            <view class="stuRight">
                <text class="stuId">{{list[index][0].id}}</text>
                <text class="stuSex">学员：{{list[index][7].stuSex}}</text>
                <text class="salary">{{list[index][8].salary}}/小时</text>
            </view>
        </view>
    </view>
</view>

<view wx:else class="stuListContainer">
    <view wx:for="{{stuLists}}" data-student='{{item}}' bindtap="toStuDetail"  wx:key="index" wx:for-index="index">
        <!-- 间隔区域 -->
        <view class="stuListInterval"></view>
        <!-- 学生列表区域 -->
        <view class="stuListDetail">
            <view class="stuLeft">
                <text class="stuTitle">科目：{{stuLists[index][5].courseDetail}}</text>
                <text class="stuDesc">{{stuLists[index][10].except}}</text>
            </view>
            <view class="stuRight">
                <text class="stuId">{{stuLists[index][0].id}}</text>
                <text class="stuSex">学员：{{stuLists[index][7].stuSex}}</text>
                <text class="salary">{{stuLists[index][8].salary}}/小时</text>
            </view>
        </view>
    </view>
</view>

<!-- 筛选条件的选项区 -->
<!-- 课程科目选项区 -->
<view class="course" wx:if="{{showCourse}}">
    <view class="{{courseChosedIndex === index ? 'courseActive' : 'courseLists'}}" wx:for="{{courseList}}" wx:key="index" data-index="{{index}}" wx:for-item="courseItem" bindtap="chosedCourse">{{courseItem}}</view>
</view>
<!-- 课程详情选区 -->
<view class="courseDetail" wx:if="{{showCourseDetail}}">
    <view class="courseDetailLists" wx:for="{{courseDetail[courseChosedIndex]}}" wx:key="index" data-index="{{index}}" wx:for-item="item" bindtap="chosedCourseDetail">{{item}}</view>
</view>
<!-- 辅导方式选项区 -->
<view class="teachPositions" wx:if="{{showTeachPosition}}">
    <view class="detail" wx:for="{{teachPositions}}" wx:key="index" data-index="{{index}}" bindtap="toChosedTeachPosition">{{item}}</view>
</view>
<!-- 学生性别选项区 -->
<view class="choosestuSex" wx:if="{{showSexList}}">
    <view class="detail" wx:for="{{sexList}}" wx:key="index" data-index="{{index}}" bindtap="toChosedStuSex">{{item}}</view>
</view>

<!-- 教员类型选项区 -->
<view class="teachType" wx:if="{{showTeachType}}">
    <view class="detail" wx:for="{{teachType}}" wx:key="index" data-index="{{index}}" bindtap="toChosedTeachType">{{item}}</view>
</view>

<!-- 教员学历选项区 -->
<scroll-view class="eduList" wx:if="{{showTeachEdu}}">
    <view class="detail" wx:for="{{educationList}}" wx:key="index" data-index="{{index}}" bindtap="toChosedTeachEdu">{{item}}</view>
</scroll-view>

<!-- 老师性别选项区 -->
<view class="teachSex" wx:if="{{showTeachSex}}">
    <view class="detail" wx:for="{{sexList}}" wx:key="index" data-index="{{index}}" bindtap="toChosedTeachSex">{{item}}</view>
</view>

<!-- 老师照片 -->
<view class="teachImgList" wx:if="{{showTeachImg}}">
    <view class="detail" wx:for="{{teachImgOptions}}" wx:key="index" data-index="{{index}}" bindtap="toChosedTeachImg">{{item}}</view>
</view>