美化了样式

pages/course/searchCourses/searchCourses.wxml

@@ -1,26 +1,42 @@
-<!--pages/course/searchCourses/searchCourses.wxml-->
-<view class="flex-col page">
-  <view class="flex-row items-center section">
-    <image
-      class="image"
-      src="./images/sousuo.png"
-    />
-    <input class="text ml-3" placeholder="搜索更多好课" bindinput="onSearchInput" confirm-type="search" bindconfirm="onSearch"/>
-  </view>
-  <view class="flex-col list mt-17">
-    <view bind:tap="gotoCourseDetail" data-id="{{item.id}}" class="flex-row relative list-item" wx:for="{{courseList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
-      <view class="list-divider pos_3"></view>
-      <image
-        class="image_2 pos"
-        src="{{globalImgUrl + item.image}}"
-      />
-      <view class="flex-col group_2 pos_2">
-        <text class="font">{{item.name}}</text>
-        <view class="flex-row justify-between items-baseline mt-17">
-          <text class="font_2">券后{{item.discountPrice}}元起</text>
-          <text class="font_3">{{item.orderCount}}人学习</text>
+<!-- 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>
         </view>
       </view>
     </view>
+  </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>
   </view>
-</view>
+</scroll-view>
+
+</view>