65 lines
2.5 KiB
Plaintext
65 lines
2.5 KiB
Plaintext
<view class="page">
|
|
|
|
<!-- 顶部内容：搜索 + 轮播 -->
|
|
<view class="top">
|
|
<view class="search-bar" bindtap="gotoSearch" hover-class="hover">
|
|
<image class="search-icon" src="./image/sousuo.png" mode="aspectFit"/>
|
|
<text class="search-text">搜索更多好课</text>
|
|
</view>
|
|
|
|
<swiper class="swiper" autoplay="true" interval="3000" circular="true" indicator-dots="true" indicator-active-color="#ff6a00">
|
|
<block wx:for="{{bannerList}}" wx:for-item="img" wx:key="index">
|
|
<swiper-item>
|
|
<image src="{{globalImgUrl + img}}" class="swiper-image" mode="aspectFill" lazy-load="true"/>
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
</view>
|
|
|
|
<!-- 三分类 -->
|
|
<view class="category-row">
|
|
<view class="category-card" bindtap="gotoCourseList" data-type="考编" hover-class="hover">
|
|
<image class="category-icon" src="./image/考编.png" mode="aspectFit" lazy-load="true"/>
|
|
<text class="category-text">考编</text>
|
|
</view>
|
|
<view class="category-card" bindtap="gotoCourseList" data-type="考公" hover-class="hover">
|
|
<image class="category-icon" src="./image/考公.png" mode="aspectFit" lazy-load="true"/>
|
|
<text class="category-text">考公</text>
|
|
</view>
|
|
<view class="category-card" bindtap="gotoCourseList" data-type="考证" hover-class="hover">
|
|
<image class="category-icon" src="./image/考证.png" mode="aspectFit" lazy-load="true"/>
|
|
<text class="category-text">考证</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 热门课程标题 -->
|
|
<view class="section-head">
|
|
<text class="section-title">热门课程</text>
|
|
</view>
|
|
|
|
<!-- 热门课程两列宫格 -->
|
|
<scroll-view scroll-y class="list no-scrollbar">
|
|
<view class="grid">
|
|
<block wx:for="{{courseList}}" wx:key="item.id" wx:for-item="item">
|
|
<view class="grid-item" bindtap="gotoCourseDetail" data-id="{{item.id}}" hover-class="hover">
|
|
<image class="grid-cover" src="{{ globalImgUrl + item.image }}" mode="aspectFill" lazy-load="true"/>
|
|
<view class="grid-info">
|
|
<text class="grid-title">{{item.name}}</text>
|
|
<view class="grid-meta">
|
|
<text class="grid-price">¥{{item.discountPrice}}</text>
|
|
<text class="grid-people">{{item.orderCount}}人学习</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<!-- 空状态 -->
|
|
<view wx:if="{{!courseList || courseList.length == 0}}" class="empty">
|
|
<image class="empty-icon" src="/static/empty.png" mode="aspectFit"/>
|
|
<text class="empty-text">暂无课程，去看看其他分类吧～</text>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
</view>
|