小程序开发系列(四)九宫格另一种实现

在《小程序开发系列(二)九宫格》中实现了一种九宫的排布方法，现在提供另一种实现，代码如下

<!--index.wxml-->
<view class="container">
  <view class="weui-grids">
    <view class="weui-grid" wx:for="{
  {routers}}" wx:key="name">
      <navigator url="{
  {item.url}}">
        <view class="weui-grid__icon">
          <image src=" {
  {item.icon}}" mode="scaleToFill" />
        </view>
        <text class="weui-grid__label">{
  {item.name}}</text>
      </navigator>
    </view>
  </view>
</view>

界面代码中使用for循