Lines Matching refs:sm

26 栅格系统默认断点将设备宽度分为xs、sm、md、lg四类,尺寸范围如下:
31 | sm | [320, 520) | 小宽度类型设备。 |
35 在GridRow栅格组件中,允许开发者使用breakpoints自定义修改断点的取值范围,最多支持6个断点,除了默认的四个断点外,还可以启用xl,xxl两个断点,支持六种不同尺寸(xs, sm, m…
40 | sm | 小宽度类型设备。 |
53 表示启用xs、sm、md共3个断点,小于100vp为xs,100vp-200vp为sm,大于200vp为md。
60 表示启用xs、sm、md、lg、xl共5个断点,小于320vp为xs,320vp-520vp为sm,520vp-840vp为md,840vp-1080vp为lg,大于1080vp为xl。
82 sm: 3, // 在小宽度类型设备上,栅格子组件占据的栅格容器3列。
183 - 当columns类型为GridRowColumnOption时,支持下面六种不同尺寸(xs, sm, md, lg, xl, xxl)设备的总列数设置,各个尺寸下数值可不同。
189 …GridRow({ columns: { sm: 4, md: 8 }, breakpoints: { value: ['200vp', '300vp', '400vp', '500vp', '6…
202 若只设置sm, md的栅格总列数,则较小的尺寸使用默认columns值12,较大的尺寸使用前一个尺寸的columns。这里只设置sm:4, md:8,则较小尺寸的xs:12,较大尺寸的参照md的设置…
259 let Gspan:Record<string,number> = { 'xs': 1, 'sm': 2, 'md': 3, 'lg': 4 }
261 GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 } }){}
270 let Goffset:Record<string,number> = { 'xs': 1, 'sm': 2, 'md': 3, 'lg': 4 }
272 GridCol({ offset: { xs: 2, sm: 2, md: 2, lg: 2 } }){}
280 let Gorder:Record<string,number> = { 'xs': 1, 'sm': 2, 'md': 3, 'lg': 4 }
282 GridCol({ order: { xs: 1, sm: 2, md: 3, lg: 4 } }){}
314 - 当类型为GridColColumnOption时,支持六种不同尺寸(xs, sm, md, lg, xl, xxl)设备中子组件所占列数设置,各个尺寸下数值可不同。
324 GridCol({ span: { xs: 1, sm: 2, md: 3, lg: 4 } }) {
365 - 当类型为GridColColumnOption时,支持六种不同尺寸(xs, sm, md, lg, xl, xxl)设备中子组件所占列数设置,各个尺寸下数值可不同。
376 GridCol({ offset: { xs: 1, sm: 2, md: 3, lg: 4 } }) {
425 - 当类型为GridColColumnOption时,支持六种不同尺寸(xs, sm, md, lg, xl, xxl)设备中子组件排序次序设置。在xs设备中,子组件排列顺序为1234;sm为234…
430 GridCol({ order: { xs:1, sm:5, md:3, lg:7}}) {
435 GridCol({ order: { xs:2, sm:2, md:6, lg:1} }) {
440 GridCol({ order: { xs:3, sm:3, md:1, lg:6} }) {
445 GridCol({ order: { xs:4, sm:4, md:2, lg:5} }) {
468 GridCol({ span: { sm: 12 } }) {
470 GridCol({ span: { sm: 2 } }) {
478 GridCol({ span: { sm: 10 } }) {
489 GridCol({ span: { sm: 12 } }) {