您可以使用 CSS 来实现,例如:
.badge-card.betauser {
order: -1;
}
由于当前的徽章页面布局是基于 Flexbox 构建的,如果您更改了顺序,可能还需要在不同屏幕宽度下调整一些边距。
.badge-card.betauser {
order: -1;
@media screen and (max-width: 850px) {
margin-right: 1.63%
}
}
.badge-card.betatester {
@media screen and (max-width: 850px) {
margin-right: 0;
}
}
今年晚些时候,当我们停止支持 IE11 后,就不再需要调整边距了(因为届时我们可以使用 Grid 而不是 Flexbox 来构建布局)。