Lines Matching refs:sm

32 | sm | md | lg |
35 | ![页签布局](figures/页签布局sm.png) | ![页签布局](figures/页签布局md.png) | ![页签布局](figures/页签布局lg.png) |
78   @State compStr: BreakpointState<string> = BreakpointState.of({ sm: "sm", md: "md", lg: "lg" })
80     sm: FlexDirection.Column,
85     sm: BarPosition.End,
90     sm: false,
95     sm: '100%', md: '100%', lg: '96vp'
98     sm: '72vp', md: '56vp', lg: '60%'
101     sm: ({ top: 4 } as marginGenerate),
172 | sm | md | lg |
218 ….indicator(new BreakPointType({ sm: true, md: false, lg: false }).getValue(this.currentBreakpoint)…
219     .displayCount(new BreakPointType({ sm: 1, md: 2, lg: 3 }).getValue(this.currentBreakpoint)!)
229 | sm | md | lg |
232 | ![多列列表sm](figures/多列列表sm.png) | ![多列列表md](figures/多列列表md.png) | ![多列列表lg](figures/多列列表lg.png) |
298       sm: '1fr 1fr',
358     .lanes(new BreakPointType({ sm: 2, md: 4, lg: 6 }).getValue(this.currentBreakpoint)!)
369 | sm | md | lg |
372 | ![侧边栏sm](figures/侧边栏sm.png) | ![侧边栏md](figures/侧边栏md.png) | ![侧边栏lg](figures/侧边栏lg.png) |
427         if(this.currentBreakpoint === 'sm'){
434 …SideBarContainer(this.currentBreakpoint === 'sm' ? SideBarContainerType.Overlay : SideBarContainer…
452     .sideBarWidth(this.currentBreakpoint === 'sm' ? '100%' : '33.33%')
453     .minSideBarWidth(this.currentBreakpoint === 'sm' ? '100%' : '33.33%')
454     .maxSideBarWidth(this.currentBreakpoint === 'sm' ? '100%' : '33.33%')
455     .showControlButton(this.currentBreakpoint === 'sm')
457     .showSideBar(this.currentBreakpoint !== 'sm'||this.showSideBar)
459       if(this.currentBreakpoint === 'sm'){
471 | sm                                                           | md                                …
612 | sm                                           | md                                      | lg      …
668       newBp = 'sm'
868 | sm                                           | md                                      | lg      …
879   系统默认对不同断点下的窗口进行了栅格化：sm断点下为4栅格，md断点下为8栅格，lg断点下为12栅格。通过gridCount属性可以配置弹窗占据栅格中的多少列，将该值配置为4即可实现目标效果。
984     GridRow({columns: {sm: 4, md: 8, lg: 12}}) {
985       GridCol({span: 4, offset: {sm: 0, md: 2, lg: 4}}) {
1031 | sm | md | lg |
1034 | ![大图浏览sm](figures/大图浏览sm.png) | ![大图浏览md](figures/大图浏览md.png) | ![大图浏览lg](figures/大图浏览lg.png) |
1062 | sm | md | lg |
1065 | ![操作入口sm](figures/操作入口sm.png) | ![操作入口md](figures/操作入口md.png) | ![操作入口lg](figures/操作入口lg.png) |
1127 | sm | md | lg |
1130 | ![顶部布局sm](figures/顶部布局sm.png) | ![顶部布局md](figures/顶部布局md.png) | ![顶部布局lg](figures/顶部布局lg.png) |
1152       GridCol({ span: { sm: 12, md: 6, lg: 7 } }) {
1166       GridCol({ span: { sm: 12, md: 6, lg: 5 } }) {
1187       if (breakpoint === 'sm') {
1205   | sm | md | lg | 
1226       GridRow({columns: {sm: 4, md: 8, lg: 12}, gutter: 24}) {
1227         GridCol({span: {sm: 4, md: 6, lg: 8}, offset: {md: 1, lg: 2}}) {
1295   | sm | md | lg | 
1318         GridCol({span: {sm: 12, md: 6, lg: 6}}) {
1327         GridCol({span: {sm: 12, md: 6, lg: 6}}) {
1340           .height(this.currentBreakpoint === 'sm' ? 100 : this.imageHeight)
1358 | sm | md | lg |
1387             GridCol({span: {sm: 12, md: 6, lg: 6}}) {