按钮
E-commerce CTA button with brand green and clear affordance
- 基础骨架
font-medium rounded-lg transition-colors duration-200- 变体
- 主要、次要、深色
- 状态
- hover、active、disabled
清爽电商组件配方
font-medium rounded-lg transition-colors duration-200 bg-[#008060] text-white hover:bg-[#006e52] active:bg-[#005c45]卡片
Product card with image area, title, and pricing
- 基础骨架
bg-white rounded-lg border border-[#e3e3e3] overflow-hidden transition-shadow duration-200- 变体
- 默认、悬浮、极简
- 状态
- hover
输入框
Search or form input with green focus ring
- 基础骨架
w-full bg-white rounded-lg border border-[#e3e3e3] text-[#1a1a1a] placeholder:text-[#9ca3af] focus:outline-none transition-colors duration-200- 变体
- 默认、填充
- 状态
- focus、disabled