如何编辑默认的斯巴达克斯断点

时间:2020-01-27 02:58:21

标签: spartacus-storefront

在斯巴达克斯,我看到了这个breakpoint.service.ts
但是我是否知道如何覆盖或创建自定义的断点集? 它似乎不包含任何set方法(?)

1 个答案:

答案 0 :(得分:0)

虽然您可以覆盖服务,但目的是使用类型public static String getFormattedDate(Date date) { Calendar cal = Calendar.getInstance(); cal.setTime(date); //2nd of march 2015 int day = cal.get(Calendar.DATE); if (!((day > 10) && (day < 19))) switch (day % 10) { case 1: return new SimpleDateFormat("d'st' 'of' MMMM yyyy").format(date); case 2: return new SimpleDateFormat("d'nd' 'of' MMMM yyyy").format(date); case 3: return new SimpleDateFormat("d'rd' 'of' MMMM yyyy").format(date); default: return new SimpleDateFormat("d'th' 'of' MMMM yyyy").format(date); } return new SimpleDateFormat("d'th' 'of' MMMM yyyy").format(date); } 配置断点。您可以使用LayoutConfig配置一个或多个断点:

ConfigModule

打字稿配置用于控制DOM。要控制CSS,您需要使用scss ConfigModule.withConfig({ breakpoints: { xs: 576, sm: 768, md: 1024, lg: 1200 }, } as LayoutConfig) 变量在CSS中配置断点。

$grid-breakpoints

不幸的是,这些配置有些不同步:在CSS中,您为断点指定了最大值,而在打字稿中,您指定了最小值。