{
"summary": "当前组件

{
"summary": "当前组件是一个链接组，包含两个带图标的可点击链接项和一个分隔线。已使用SCSS @apply语法重构样式。",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<style lang=\"scss\">\n.link-group {\n @apply bg-blue-50 rounded-xl w-full px-5 flex flex-col;\n \n .link-item {\n @apply py-4 flex justify-between items-center hover:bg-blue-100 transition-colors duration-200 rounded-lg -mx-2 px-2;\n \n .link-text {\n @apply text-base font-medium text-indigo-700;\n }\n \n .link-icon {\n @apply w-5 h-5 text-indigo-700;\n }\n }\n \n .divider {\n @apply h-px w-full bg-gray-200;\n }\n}\n</style>\n<div class=\"link-group\">\n <a href=\"#\" class=\"link-item\">\n <span class=\"link-text\">チェックインカウンターへのルート</span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"link-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"/>\n </svg>\n </a>\n <div class=\"divider\"></div>\n <a href=\"#\" class=\"link-item\">\n <span class=\"link-text\">緊急事態を航空会社へ連絡する</span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"link-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"/>\n </svg>\n </a>\n</div>"
},
"next": ["添加焦点样式", "添加活动状态", "添加链接功能", "响应式优化", "添加点击效果"]
}