zj-teach/pages/teacherList/teacherList.wxml

<!--pages/teacherList/teacherList.wxml-->
<view>
    <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="chooseTeachId">{{teachIdChosed || '老师身份'}}</view>
            <image wx:if="{{teachIdChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancelChooseTeachId"></image>
            <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseTeachId"></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/cancel.png" bindtap="cancelChooseTeachSex"></image>
            <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseTeachSex"></image>
        </view>
        <view class="searchList">
            <view bindtap="chooseSchool">{{schoolChosed || '大学'}}</view>
            <image wx:if="{{schoolChosed}}" class="iconCancelImg" src="../../images/cancel.png" bindtap="cancelChooseSchool"></image>
            <image wx:else class="iconImg" src="../../images/down.png" bindtap="chooseSchool"></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 class="interval"></view>
    <!-- 老师列表区 -->
    <view wx:if="{{isSearch && !list.length}}">没有找到符合条件的信息</view>
    <view wx:if="{{isSearch}}">
        <view class="teachInfo" data-teach='{{item}}' bindtap="toTeachDetail" wx:for="{{list}}" wx:key="index" wx:for-index="teachIndex">
            <image class="teachImg" mode="widthFix" src="{{list[teachIndex][0].imgUrl || (list[teachIndex][3].sex == '男' ? '../../images/boy.png' : '../../images/girl.png')}}"></image>
            <view class="introduce">
                <text class="teachName">{{list[teachIndex][1].firstName}}老师</text>
                <text class="attribute">{{list[teachIndex][4].id}}</text>
                <text class="day">{{list[teachIndex][7].date}}</text>
                <view class="ageContainer">
                    <text class="teachAgeIcon">龄</text>
                    <text class="teachYears">{{list[teachIndex][8].teachYear}}年教龄</text>
                </view>
                <view class="transactionContainer">
                    <text class="transaction">成</text>
                    <text class="transactionTotal">{{list[teachIndex][9].suc}}条家教记录</text>
                </view>
                <view class="transactionList">
                    <text>最新接单：</text>
                    <text>{{list[teachIndex][10].newDate}}</text>
                    <text>{{list[teachIndex][11].ncd}}</text>
                </view>
                <view class="courseList">
                    <text>可授课科目：</text>
                    <text>{{list[teachIndex][13].cType}}等</text>
                </view>
                <view class="introduceDetail">
                    <view>自我介绍：</view>
                    <text>{{list[teachIndex][14].selfIntroduce || '无'}}</text>
                </view>
            </view>
        </view>
    </view>
    <view wx:else>
        <view class="teachInfo" data-teach='{{item}}' bindtap="toTeachDetail" wx:for="{{teachLists}}" wx:key="index" wx:for-index="teachIndex">
            <image class="teachImg" mode="widthFix" src="{{teachLists[teachIndex][0].imgUrl || (teachLists[teachIndex][3].sex == '男' ? '../../images/boy.png' : '../../images/girl.png')}}"></image>
            <view class="introduce">
                <text class="teachName">{{teachLists[teachIndex][1].firstName}}老师</text>
                <text class="attribute">{{teachLists[teachIndex][4].id}}</text>
                <text class="day">{{teachLists[teachIndex][7].date}}</text>
                <view class="ageContainer">
                    <text class="teachAgeIcon">龄</text>
                    <text class="teachYears">{{teachLists[teachIndex][8].teachYear}}年教龄</text>
                </view>
                <view class="transactionContainer">
                    <text class="transaction">成</text>
                    <text class="transactionTotal">{{teachLists[teachIndex][9].suc}}条家教记录</text>
                </view>
                <view class="transactionList">
                    <text>最新接单：</text>
                    <text>{{teachLists[teachIndex][10].newDate}}</text>
                    <text>{{teachLists[teachIndex][11].ncd}}</text>
                </view>
                <view class="courseList">
                    <text>可授课科目：</text>
                    <text>{{teachLists[teachIndex][13].cType}}等</text>
                </view>
                <view class="introduceDetail">
                    <view>自我介绍：</view>
                    <text>{{teachLists[teachIndex][14].selfIntroduce || '无'}}</text>
                </view>
            </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="teachId" wx:if="{{showTeachId}}">
    <view class="detail" wx:for="{{teachId}}" wx:key="index" data-index="{{index}}" bindtap="toChosedTeachId">{{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="{{teachSex}}" wx:key="index" data-index="{{index}}" bindtap="toChosedTeachSex">{{item}}</view>
</view>

<!-- 大学选项区 -->
<scroll-view class="schoolList" wx:if="{{showSchool}}">
    <view class="detail" wx:for="{{schoolList}}" wx:key="index" data-index="{{index}}" bindtap="toChosedSchool">{{item}}</view>
</scroll-view>

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