离子1中不显示网格布局

时间:2016-10-25 09:54:57

标签: layout ionic-framework

我在离子中有这个代码,问题是网格布局没有显示,侧面菜单运行良好,任何帮助都会很棒。

<body>

<ion-side-menus>
  <ion-side-menu-content>

      <ion-header-bar class="bar-positive">
        <div class="buttons">
          <button class="button icon button-clear ion-round"</button>          
        </div>

      </ion-header-bar>
  </ion-side-menu-content>
  <ion-side-menu side="left"> 

    <ion-list>
      <ion-item>About Us</ion-item>
    </ion-list>

    <ion-list>
      <ion-item>Contact Us</ion-item>
    </ion-list>

    <ion-list>
      <ion-item>Gallery</ion-item>
    </ion-list>

    <ion-list>
      <ion-item>News</ion-item>
    </ion-list>

    </ion-side-menu>
  </ion-side-menus>

<ion-content>
  <div class="row">    

    <div class="col-50"> Gallery</div>
  </div>
</ion-content>

  </body>

1 个答案:

答案 0 :(得分:0)

为什么要为每个项目打开一个新的离子列表?你不应该只使用一个列表并插入你想要的项目吗?

这种方式可能会导致滚动出现问题,您想要应用于元素的任何类型的分发应该由css完成。