以下为按钮组件的样式配置说明，包含基础样式、主题色、交互状态等设计规范：

基础样式

  • 默认状态
    背景色：#FFFFFF
    字体色：#333333
    边框：1px solid #CCCCCC

    默认按钮

  • 主要按钮
    背景色：#007BFF
    字体色：#FFFFFF
    内边距：12px 24px

    主要按钮

主题色变体

  • 次要按钮
    背景色：#6C757D
    字体色：#FFFFFF
    圆角：4px

    次要按钮

  • 危险按钮
    背景色：#DC3545
    字体色：#FFFFFF
    阴影效果：2px 2px 6px rgba(0,0,0,0.2)

    危险按钮

交互状态

  • 悬停效果
    背景色：#0069BB
    边框：1px solid #0069BB

    悬停按钮

  • 禁用状态
    背景色：#E9ECEF
    字体色：#A9A9A9
    边框：1px solid #CED4DA

    禁用按钮

如需查看样式示例或扩展按钮组件用法，可访问 组件使用指南 获取更多细节。