```json
{
"summary

```json
{
"summary": "创建一个校园活动列表组件，包含活动卡片，每张卡片有标题、日期、描述和参与按钮",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"container mx-auto px-4 py-8\">\n <h2 class=\"text-2xl font-bold text-gray-800 mb-6\">校园活动</h2>\n <div class=\"grid gap-6 md:grid-cols-2 lg:grid-cols-3\">\n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-transform duration-300 hover:scale-105\">\n <div class=\"h-48 bg-blue-100 flex items-center justify-center\">\n <img src=\"https://placehold.co/600x400\" alt=\"校园活动\" class=\"object-cover h-full w-full\">\n </div>\n <div class=\"p-6\">\n <div class=\"flex justify-between items-start mb-2\">\n <h3 class=\"text-lg font-semibold text-gray-800\">新生欢迎会</h3>\n <span class=\"bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full\">9月1日</span>\n </div>\n <p class=\"text-gray-600 mb-4\">欢迎新生加入校园大家庭，认识新同学了解校园文化。</p>\n <button class=\"w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition-colors duration-300\">\n 我要报名\n </button>\n </div>\n </div>\n \n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-transform duration-300 hover:scale-105\">\n <div class=\"h-48 bg-green-100 flex items-center justify-center\">\n <img src=\"https://placehold.co/600x400\" alt=\"校园活动\" class=\"object-cover h-full w-full\">\n </div>\n <div class=\"p-6\">\n <div class=\"flex justify-between items-start mb-2\">\n <h3 class=\"text-lg font-semibold text-gray-800\">科技文化节</h3>\n <span class=\"bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full\">10月15日</span>\n </div>\n <p class=\"text-gray-600 mb-4\">展示科技创新成果，体验前沿科技产品，参与互动体验。</p>\n <button class=\"w-full bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded-md transition-colors duration-300\">\n 我要报名\n </button>\n </div>\n </div>\n \n <div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-transform duration-300 hover:scale-105\">\n <div class=\"h-48 bg-purple-100 flex items-center justify-center\">\n <img src=\"https://placehold.co/600x400\" alt=\"校园活动\" class=\"object-cover h-full w-full\">\n </div>\n <div class=\"p-6\">\n <div class=\"flex justify-between items-start mb-2\">\n <h3 class=\"text-lg font-semibold text-gray-800\">校园歌手大赛</h3>\n <span class=\"bg-purple-100 text-purple-800 text-xs px-2 py-1 rounded-full\">11月20日</span>\n </div>\n <p class=\"text-gray-600 mb-4\">展现你的音乐才华，争夺校园歌手称号，丰厚奖品等你拿。</p>\n <button class=\"w-full bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded-md transition-colors duration-300\">\n 我要报名\n </button>\n </div>\n </div>\n </div>\n</div>"
},
"next": [
"添加加载更多按钮",
"增加活动分类筛选",
"添加活动详情弹窗",
"优化移动端显示",
"添加分享功能"
]
}
```