2025-08-15 00:36:04 +08:00
|
|
|
<!-- pages/course/searchCourses/searchCourses.wxml -->
|
|
|
|
|
<view class="page">
|
|
|
|
|
|
|
|
|
|
<!-- 顶部搜索条（固定） -->
|
|
|
|
|
<view class="search-bar" hover-class="hover">
|
|
|
|
|
<image class="search-icon" src="./images/sousuo.png" mode="aspectFit"/>
|
|
|
|
|
<input
|
|
|
|
|
class="search-input"
|
|
|
|
|
placeholder="搜索更多好课"
|
|
|
|
|
placeholder-class="search-ph"
|
|
|
|
|
bindinput="onSearchInput"
|
|
|
|
|
confirm-type="search"
|
|
|
|
|
bindconfirm="onSearch"
|
|
|
|
|
/>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 搜索结果（独立滚动，隐藏滚动条） -->
|
|
|
|
|
<scroll-view scroll-y class="list no-scrollbar">
|
|
|
|
|
<block wx:for="{{courseList}}" wx:key="item.id" wx:for-item="item">
|
|
|
|
|
<view class="course-card" bindtap="gotoCourseDetail" data-id="{{item.id}}" hover-class="hover">
|
|
|
|
|
<!-- 封面 -->
|
|
|
|
|
<image class="cover" src="{{globalImgUrl + item.image}}" mode="aspectFill" lazy-load="true"/>
|
|
|
|
|
|
|
|
|
|
<!-- 文案 -->
|
|
|
|
|
<view class="info">
|
|
|
|
|
<text class="title">{{item.name}}</text>
|
|
|
|
|
<view class="meta">
|
|
|
|
|
<text class="price-pill">券后{{item.discountPrice}}元起</text>
|
|
|
|
|
<text class="people">{{item.orderCount}}人学习</text>
|
2025-06-23 10:03:08 +08:00
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2025-08-15 00:36:04 +08:00
|
|
|
</block>
|
|
|
|
|
|
|
|
|
|
<!-- 空状态（可选） -->
|
|
|
|
|
<view wx:if="{{!courseList || courseList.length === 0}}" class="empty">
|
|
|
|
|
<image class="empty-icon" src="./images/empty.png" mode="aspectFit"/>
|
|
|
|
|
<text class="empty-text">没找到相关课程，换个关键词试试～</text>
|
2025-06-23 10:03:08 +08:00
|
|
|
</view>
|
2025-08-15 00:36:04 +08:00
|
|
|
</scroll-view>
|
|
|
|
|
|
|
|
|
|
</view>
|
