{
"summary": "已优化MegaMenu组件，取消默认背景色，添加悬停效果，将标题改为

{
"summary": "已优化MegaMenu组件，取消默认背景色，添加悬停效果，将标题改为链接，并将插件和供应商链接移至底部并添加水平分割线",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"bg-white p-8\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-x-8\">\n \n <!-- 左侧内容区域 -->\n <div class=\"col-span-8\">\n <div class=\"grid grid-cols-12 gap-x-8\">\n \n <!-- 产品列 -->\n <div class=\"col-span-6\">\n <div class=\"flex flex-col gap-y-4\">\n <h3 class=\"text-xs font-semibold text-gray-500 tracking-widest mb-4\">产品</h3>\n \n <!-- 社区版 -->\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-gray-50 transition-colors\">\n <div class=\"w-6 h-6 bg-purple-100 rounded-full flex items-center justify-center\">\n <svg class=\"w-4 h-4 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\"/>\n </svg>\n </div>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">社区版</span>\n <span class=\"text-sm text-gray-600\">领先的开源无头CMS</span>\n </div>\n </a>\n \n <!-- 企业版 -->\n <a href=\"#\" class=\"bg-gray-100 rounded-lg flex items-start justify-between gap-x-4 p-3 hover:bg-gray-200 transition-colors\">\n <div class=\"flex items-start gap-x-4\">\n <svg class=\"w-6 h-6 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z\" clip-rule=\"evenodd\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">企业版</span>\n <span class=\"text-sm text-gray-600\">自托管且企业就绪的版本</span>\n </div>\n </div>\n <svg class=\"w-5 h-5 text-purple-700 self-center\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n </a>\n \n <!-- 市场 -->\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-6 h-6 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">市场</span>\n <span class=\"text-sm text-gray-600\">添加功能或集成的插件市场</span>\n </div>\n </a>\n \n <!-- 云 -->\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-6 h-6 text-purple-600\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path d=\"M5.5 16a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 16h-8z\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">云</span>\n <span class=\"text-sm text-gray-600\">为您的Strapi应用提供完全托管的平台</span>\n </div>\n </a>\n </div>\n </div>\n \n <!-- 垂直分割线 -->\n <div class=\"w-px bg-gray-200 h-auto\"></div>\n \n <!-- 功能列 -->\n <div class=\"col-span-5\">\n <div class=\"flex flex-col gap-y-4\">\n <h3 class=\"text-xs font-semibold text-gray-500 tracking-widest mb-4\">功能</h3>\n \n <!-- 内容类型构建器 -->\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-6 h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z\" clip-rule=\"evenodd\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">内容类型构建器</span>\n <span class=\"text-sm text-gray-600\">结构化但灵活的内容</span>\n </div>\n </a>\n \n <!-- 媒体库 -->\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-6 h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z\" clip-rule=\"evenodd\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">媒体库</span>\n <span class=\"text-sm text-gray-600\">高级媒体管理</span>\n </div>\n </a>\n \n <!-- 角色和权限 -->\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-6 h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\" clip-rule=\"evenodd\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">角色和权限</span>\n <span class=\"text-sm text-gray-600\">细粒度的访问控制</span>\n </div>\n </a>\n \n <!-- 国际化 -->\n <a href=\"#\" class=\"flex items-start gap-x-4 p-2 rounded-lg hover:bg-gray-50 transition-colors\">\n <svg class=\"w-6 h-6 text-orange-500\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z\" clip-rule=\"evenodd\"/>\n </svg>\n <div class=\"flex flex-col\">\n <span class=\"text-base font-medium text-gray-900\">国际化</span>\n <span class=\"text-sm text-gray-600\">强大的多语言网站</span>\n </div>\n </a>\n </div>\n </div>\n </div>\n \n <!-- 插件和供应商链接 -->\n <div class=\"mt-8 pt-6 border-t border-gray-200\">\n <a href=\"#\" class=\"inline-flex items-center gap-x-2 text-gray-800 hover:text-purple-700 transition-colors\">\n <span class=\"text-base font-medium\">插件和供应商</span>\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/>\n </svg>\n </a>\n </div>\n </div>\n \n <!-- 右侧企业卡片 -->\n <div class=\"col-span-4\">\n <div class=\"bg-indigo-900 rounded-xl relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-indigo-800 opacity-20\"></div>\n <div class=\"relative z-10 p-10 flex flex-col h-full justify-center\">\n <h3 class=\"text-xs font-semibold text-indigo-300 tracking-widest mb-10\">企业版</h3>\n <div class=\"w-24 h-auto bg-indigo-700 rounded p-2\"></div>\n <h2 class=\"text-3xl font-bold text-white mt-4\">企业版</h2>\n <div class=\"flex-grow\"></div>\n <button class=\"w-full bg-indigo-500 text-white text-base font-semibold py-3 rounded-lg text-center hover:bg-indigo-600 transition-colors\">\n 试用企业版\n </button>\n </div>\n </div>\n </div>\n \n </div>\n </div>\n</div>"
},
"next": ["添加图标悬停动画","优化链接点击效果","调整分割线样式","添加移动端适配","完善颜色过渡效果"]
}