ionic3 制作九宫格效果

我们在app中常会看到一排类似九宫格形式的图标，它们可以引导我们执行自己需要使用的功能，那么这个清新亮丽的九宫格效果是怎样制作出来的呢？接着往下看吧。

代码部分如下：

（1）html部分：

        采用的方式结合了ionic与html两种，混合开发。

<ion-content padding>
  <div class="row row-wrap">
    <div class="col col-25 iconBox" *ngFor="let item of items">
      <div class="imgBox">
        <ion-icon [name]="item.icon"  color="primary" class="iconImg"></ion-icon>
      </div>
      <a class="iconTip">{
  {item.tip}}</a>
    </div>
  </div>
  <div class="row row-wrap">
    <div class="col col-25 iconBox" *ngFor="let item of items">
      <div class="imgBox">
        <ion-icon [name]="item.icon"  class="iconImg"></ion-icon>