跳到主要内容

支付按钮布局

定义支付按钮与其容器之间的位置和对齐方式,保持相同的层级结构,并在按钮之间保持一致的间距。

产品页面

在水平或垂直布局中,正确地将支付按钮放置在“加入购物车”按钮的旁边或下方。

购物车

在垂直布局中,正确地将支付按钮放置在“继续结账”按钮的上方。不要将支付按钮放置在“继续结账”按钮的下方或按钮之间。

快速结账

在水平布局中,保持支付按钮的大小和间距一致。如果需要第二行按钮,请将按钮左对齐。

移动端视图

移动端上的快速支付按钮应占据全宽。不要使用快速支付按钮的边框,因为它会减少显示区域。

留白

在支付按钮的四周,保持最小的留白区域。留白区域会根据按钮的大小进行调整。