Do not use decimals for the span and offset attributes of the GridCol component.
// code-linter.json5
{
"rules": {
"@cross-device-app-dev/grid-span-value": "warn"
}
} @Entry
@Component
struct Index {
build() {
Column() {
GridRow({
columns: { sm: 4, md: 8, lg: 12 }
}) {
GridCol({
span: { sm: 4, md: 4, lg: 4 }, offset: { sm: 0, md: 2, lg: 4 }
}) {
Row().backgroundColor($r('sys.color.ohos_id_color_palette_aux1'))
}
}
}
}
} @Entry
@Component
struct Index {
build() {
GridRow({
columns: { sm: 4, md: 8, lg: 12 }
}) {
GridCol({
span: { sm: 2.5, md: 4, lg: 4 }, offset: { sm: 0, md: 2.5, lg: 4 }
}) {
Row().backgroundColor($r('sys.color.ohos_id_color_palette_aux1'))
}
}
}
} plugin:@cross-device-app-dev/recommended plugin:@cross-device-app-dev/all
For details about how to configure Code Linter check rules, see Code Linter.