{% extends 'courses/base.html' %} {% block content %} <div class="container mx-auto px-4 py-8"> <div class="grid grid-cols-6 gap-4"> {% for course in course_list %} <!-- 课程卡片1 --> <div class="bg-white shadow-lg rounded-lg overflow-hidden max-w-sm hover:shadow-2xl"> <a class="" href="{{ course.get_absolute_url }}"> <img class="w-full h-48 object-cover" src="https://dummyimage.com/421x261" alt="课程1图片"> <div class="p-4"> <h2 class="text-lg font-bold mb-2">{{ course.title }}</h2> <p class="text-gray-700 text-sm">课程描述信息...</p> <!-- 这里可以添加更多课程相关信息,如讲师、日期等 --> </div> </a> </div> {% endfor %} </div> </div> {% endblock %}