zj-teach/pages/index/index.wxml

<!--pages/index/index.wxml-->
<swiper class="swWrapper" autoplay circular indicator-dots interval="2000" indicator-active-color="red">
    <swiper-item>
        <image class="swImg" src="../../images/zly.jpeg"></image>
    </swiper-item>
    <swiper-item>
        <image class="swImg" src="../../images/zly.jpeg"></image>
    </swiper-item>
</swiper>
<!-- 热门教员区域 -->
<view>
    <!-- 热门教员 -->
    <view class="hotTitle">
        <image class="hotIcon" src="../../images/hot.png"></image>
        <view>热门教员</view>
    </view>
    <view class="hotTeacher">
        <view class="teachGrade">
            明星级
        </view>
        <image class="teachImg" src="../../images/zly.jpeg"></image>
        <view class="hotTeacherText">
            <view class="teachTitle">龙老师</view>
            <view class="teachDistance">距你<text>xx</text>km</view>
        </view>
    </view>
    <view class="hotTeacher">
        <view class="teachGrade">
            明星级
        </view>
        <image class="teachImg" src="../../images/zly.jpeg"></image>
        <view class="hotTeacherText">
            <view class="teachTitle">龙老师</view>
            <view class="teachDistance">距你<text>xx</text>km</view>
        </view>
    </view>
    <view class="hotTeacher">
        <view class="teachGrade">
            明星级
        </view>
        <image class="teachImg" src="../../images/zly.jpeg"></image>
        <view class="hotTeacherText">
            <view class="teachTitle">龙老师</view>
            <view class="teachDistance">距你<text>xx</text>km</view>
        </view>
    </view>
</view>
<!-- 热门学员区域 -->
<view>
    <!-- 热门学员标题 -->
    <view class="hotTitle">
        <image class="hotIcon" src="../../images/hot.png"></image>
        <view>热门学员</view>
    </view>
    <view class="hotStudent">
        <view class="studentGrade">
            明星级
        </view>
        <image class="studentImg" src="../../images/zly.jpeg"></image>
        <view class="hotStudentText">
            <view class="studentTitle">赵同学</view>
            <view class="studentDistance">距你<text>xx</text>km</view>
        </view>
    </view>
    <view class="hotTeacher">
        <view class="studentGrade">
            明星级
        </view>
        <image class="teachImg" src="../../images/zly.jpeg"></image>
        <view class="hotTeacherText">
            <view class="teachTitle">李同学</view>
            <view class="studentDistance">距你<text>xx</text>km</view>
        </view>
    </view>
    <view class="hotTeacher">
        <view class="studentGrade">
            明星级
        </view>
        <image class="teachImg" src="../../images/zly.jpeg"></image>
        <view class="hotTeacherText">
            <view class="teachTitle">龙同学</view>
            <view class="studentDistance">距你<text>xx</text>km</view>
        </view>
    </view>
</view>

<!-- 攻略 -->
<view>
    <view class="strategy">
        <view class="strategyTitle">攻略</view>
        <view class="strategyMore">
            <view>更多</view>
            <image class="strategyImg" src="../../images/right.png"></image>
        </view>
    </view>
    <view class="strategyContent">
       <scroll-view class="strategyScroll"  enable-flex scroll-x>
            <view class="strategyItem">
                <image src="../../images/zly.jpeg"></image>
            </view>
            <view class="strategyItem">
                <image src="../../images/zly.jpeg"></image>
            </view>
       </scroll-view>
    </view>
</view>
<!-- 合作 -->
<view>
    <view class="cooperation">
        <view class="cooperationTitle">合作</view>
        <view class="cooperationMore">
            <view>更多</view>
            <image class="cooperationImg" src="../../images/right.png"></image>
        </view>
    </view>
    <view class="cooperationContent">
        <scroll-view class="cooperationScroll" enable-flex scroll-x>
            <view class="scrollItem">
                <image src="../../images/zly.jpeg"></image>
            </view>
            <view class="scrollItem">
                <image src="../../images/zly.jpeg"></image>
            </view>
            <view class="scrollItem">
                <image src="../../images/zly.jpeg"></image>
            </view>
       </scroll-view>
    </view>
</view>