小程序教育平台搭建

<!-- index.wxml -->
<view class="container">
  <view class="course-list">
    <block wx:for="{{courses}}" wx:key="id">
      <view class="course-item" bindtap="navigateToCourseDetail" data-id="{{item.id}}">
        <image class="course-image" src="{{item.image}}"></image>
        <view class="course-info">
          <text class="course-title">{{item.title}}</text>
          <text class="course-description">{{item.description}}</text>
        </view>
      </view>
    </block>
  </view>
</view>

// index.js
Page({
  data: {
    courses: [
      { id: 1, title: 'JavaScript基础', description: '学习JavaScript的基础知识', image: 'https://example.com/image1.jpg' },
      { id: 2, title: 'Python入门', description: '入门级Python教程', image: 'https://example.com/image2.jpg' },
      // 更多课程数据
    ]
  },
  navigateToCourseDetail(e) {
    const courseId = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: `/pages/courseDetail/courseDetail?id=${courseId}`
    });
  }
});