子组件html
<div class="container"
[ngStyle]="{
'grid-template-rows': templateRows,
'grid-template-columns': templateColumns}"
(scroll) ="handleScroll($event)"
>
<ng-content select="[appGridItem]"></ng-content>
</div>
<div class="underline" *ngIf="scrollable">
<div class="highlight" [ngStyle]="{'margin': sliderMargin}"></div>
</div>
子组件css
.container{
background-color: #fff;
padding: 5px 0;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
display: grid;
place-content: stretch;
place-items: center;
grid-gap: 0.4rem;
grid-auto-flow: row;
}
.underline {
width: 20%;
height: 2px;
background-color: #f5f5f5;
margin: 0 auto;