离子3研磨物品滑动

时间:2018-04-25 23:30:25

标签: css css3 ionic-framework ionic3

我想知道如何在网格上使用滑动项目。我尝试使用滑动项,它甚至可以与sliding一起使用,而且它不再尊重列;它变得混乱了。

没有滑动项目:

without the sliding item

使用滑动项目:

with the sliding item

 <ion-item>
            <ion-grid>
    <ion-row  no-padding style="border: 1px solid grey;margin-left: 5px;margin-right: 5px;">
        <ion-col  col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            USERNAME
        </ion-col>
        <ion-col   col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            E-MAIL
        </ion-col>
        <ion-col  col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            REGISTER AT
        </ion-col>
        <ion-col  col col-3 style="background-color: #ebf0f4;font-size: 8px;">
            SIDE
        </ion-col>

    </ion-row>
        <ion-row  *ngFor="let dado of data" no-padding style="border: 1px solid grey;margin-left: 5px;margin-right: 5px;">
            <ion-col col col-3    style="background-color: #ebf0f4;font-size: 8px;">
                {{dado.username}}
            </ion-col>
            <ion-col col col-3    style="background-color: #ebf0f4;font-size: 8px;">
                testeemail@teste.comsdaasdasdsaddsadasdd
            </ion-col>
            <ion-col  col col-3  style="background-color: #ebf0f4;font-size: 8px;">
                {{dado.created_at}}
            </ion-col>
            <ion-col  col col-3  style="background-color: #ebf0f4;font-size: 8px;">
                <div   *ngIf="dado.side_network == null ">
                    centter
                </div>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-item>

0 个答案:

没有答案