import { Component } from '@angular/core';
import { SGModule } from '@yelon/abc/sg';
@Component({
selector: 'components-sg-basic',
template: ` <div sg-container="4">
@for (i of ls; track $index) {
<sg [col]="$index === 5 ? 2 : null">
<div class="item">{{ $index + 1 }}</div>
</sg>
}
</div>`,
styles: [
`
:host .sg__item {
padding: 5px 0;
text-align: center;
border-radius: 0;
min-height: 30px;
margin-top: 8px;
margin-bottom: 8px;
color: #fff;
}
:host .item {
background: #00a0e9;
height: 120px;
line-height: 120px;
font-size: 13px;
}
`
],
standalone: true,
imports: [SGModule]
})
export class ComponentsSgBasicComponent {
ls = Array(11).fill(0);
}