1

pages/courses/courses.wxml

@@ -0,0 +1,115 @@
+<!--pages/courses/courses.wxml-->
+<view class="container">
+  <!-- 搜索栏 -->
+  <view class="search-bar">
+    <view class="search-input-wrap">
+      <input 
+        class="search-input" 
+        placeholder="搜索课程名称或教师"
+        value="{{searchKeyword}}"
+        bindinput="onSearchInput"
+      />
+      <text class="search-icon" wx:if="{{!searchKeyword}}">🔍</text>
+      <text class="clear-icon" wx:if="{{searchKeyword}}" bindtap="onClearSearch">✕</text>
+    </view>
+    <view class="filter-btn" bindtap="toggleFilter">
+      <text class="filter-icon">📋</text>
+      <text>筛选</text>
+    </view>
+  </view>
+
+  <!-- 分类标签 -->
+  <scroll-view class="category-scroll" scroll-x>
+    <view class="category-list">
+      <view 
+        class="category-item {{selectedCategory === item.id ? 'active' : ''}}"
+        wx:for="{{categories}}"
+        wx:key="id"
+        data-category="{{item.id}}"
+        bindtap="onCategoryChange"
+      >
+        {{item.name}}
+      </view>
+    </view>
+  </scroll-view>
+
+  <!-- 筛选面板 -->
+  <view class="filter-panel {{showFilter ? 'show' : ''}}">
+    <view class="filter-content">
+      <view class="filter-item">
+        <text class="filter-label">院系：</text>
+        <picker 
+          mode="selector" 
+          range="{{departments}}"
+          value="{{selectedDepartment}}"
+          bindchange="onDepartmentChange"
+        >
+          <view class="picker-value">
+            {{selectedDepartment}} ▼
+          </view>
+        </picker>
+      </view>
+      <view class="filter-actions">
+        <button class="reset-btn" bindtap="onResetFilter">重置</button>
+        <button class="confirm-btn" bindtap="toggleFilter">确定</button>
+      </view>
+    </view>
+  </view>
+
+  <!-- 课程列表 -->
+  <view class="course-list">
+    <view class="result-count">
+      共找到 <text class="count-number">{{displayCourses.length}}</text> 门课程
+    </view>
+
+    <view 
+      class="course-card"
+      wx:for="{{displayCourses}}"
+      wx:key="id"
+      bindtap="onCourseDetail"
+      data-id="{{item.id}}"
+    >
+      <view class="course-header">
+        <view class="course-title">{{item.name}}</view>
+        <view 
+          class="favorite-btn"
+          catchtap="onFavorite"
+          data-id="{{item.id}}"
+        >
+          <text class="favorite-icon">{{item.isFavorite ? '❤️' : '🤍'}}</text>
+        </view>
+      </view>
+
+      <view class="course-info">
+        <view class="info-row">
+          <text class="info-label">👨‍🏫 教师：</text>
+          <text class="info-value">{{item.teacher}}</text>
+        </view>
+        <view class="info-row">
+          <text class="info-label">📍 地点：</text>
+          <text class="info-value">{{item.location}}</text>
+        </view>
+        <view class="info-row">
+          <text class="info-label">⏰ 时间：</text>
+          <text class="info-value">{{item.time}}</text>
+        </view>
+      </view>
+
+      <view class="course-footer">
+        <view class="course-tags">
+          <text class="tag category-tag">{{item.category}}</text>
+          <text class="tag credit-tag">{{item.credit}}学分</text>
+        </view>
+        <view class="enrollment-info">
+          <text class="enrollment-text">{{item.enrolled}}/{{item.capacity}}</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 空状态 -->
+    <view class="empty-state" wx:if="{{displayCourses.length === 0}}">
+      <text class="empty-icon">📭</text>
+      <text class="empty-text">暂无符合条件的课程</text>
+    </view>
+  </view>
+</view>