```json
{
"widget"

```json
{
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"container mx-auto px-8 py-8\">\n <div class=\"grid grid-cols-12 gap-x-16 gap-y-8\">\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">项目人事助理招聘 | 前海国际事务研究院</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">项目财务助理招聘 | 前海国际事务研究院</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">招聘 | 高级公共管理研修项目</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">行政助理（传媒方向）| 前海国际事务研究院</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">行政专员 | 前海国际事务研究院</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">项目人事助理招聘 | 前海国际事务研究院</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">项目人事助理招聘 | 前海国际事务研究院</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n <div class=\"col-span-12 md:col-span-6 flex flex-col gap-2\">\n <h3 class=\"text-lg font-medium text-gray-900 leading-relaxed\">项目人事助理招聘 | 前海国际事务研究院</h3>\n <p class=\"text-sm font-normal text-gray-500\">发布日期: 2025-05-20</p>\n <div class=\"w-full h-px bg-gray-200 mt-8\"></div>\n </div>\n </div>\n</div>"
},
"next": [
"添加查看更多按钮",
"增加职位详情链接",
"添加悬停效果",
"增加薪资信息",
"添加筛选功能"
],
"summary": "已创建响应式招聘信息列表组件，采用12列网格布局，在移动端单列显示，桌面端双列显示。每个职位条目包含标题和发布日期信息，并带有分隔线。接下来可以考虑添加交互功能和更多职位信息。"
}
```