```json
{
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": false,
"html": "<div class=\"bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg\">\n <div class=\"aspect-square bg-gray-100 overflow-hidden\">\n <img src=\"/assets/images/furniture/01.png\" alt=\"产品图片\" class=\"w-full h-full object-cover\">\n </div>\n <div class=\"p-4\">\n <h3 class=\"text-lg font-semibold text-gray-800 mb-2\">产品标题</h3>\n <p class=\"text-gray-600 mb-4\">这里是产品描述内容,简要介绍产品特点和功能。</p>\n <a href=\"#\" class=\"inline-block px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors duration-300\">查看详情</a>\n </div>\n</div>"
},
"next": [
"添加价格显示",
"添加评分组件",
"添加标签样式",
"添加收藏按钮",
"响应式调整"
],
"summary": "已创建一个基础卡片组件,包含产品图片、标题、描述和按钮。接下来可以根据需求进一步丰富组件功能。"
}
```
角色
assistant
content