<!--components/navs/index.wxml-->
<view class='v-navs'>
  <i-grid i-class="nav-grid">
    <i-grid-item i-class="nav-grid-item" catchtap='catalogClick' data-catalog='5' data-name='品牌酒店'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_1.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">品牌酒店</i-grid-label>
    </i-grid-item>
    <i-grid-item i-class="nav-grid-item" catchtap='catalogClick' data-catalog='4' data-name='精品民宿'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_2.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">精品民宿</i-grid-label>
    </i-grid-item>
    <i-grid-item i-class="nav-grid-item" catchtap='catalogClick' data-catalog='2' data-name='亲子乐园'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_3.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">亲子乐园</i-grid-label>
    </i-grid-item>
    <i-grid-item i-class="nav-grid-item" catchtap='catalogClick' data-catalog='6' data-name='亲子餐厅'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_4.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">亲子餐厅</i-grid-label>
    </i-grid-item>
  </i-grid>
  <i-grid i-class="nav-grid">
    <i-grid-item i-class="nav-grid-item" catchtap='catalogClick' data-catalog='7' data-name='线下活动'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_5.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">线下活动</i-grid-label>
    </i-grid-item>
    <i-grid-item i-class="nav-grid-item" catchtap='gotoGuides'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_6.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">美行攻略</i-grid-label>
    </i-grid-item>
    <i-grid-item i-class="nav-grid-item" catchtap='catalogClick' data-catalog='8' data-name='儿童教育'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_7.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">儿童教育</i-grid-label>
    </i-grid-item>
    <i-grid-item i-class="nav-grid-item" catchtap='gotoShopJoin'>
      <i-grid-icon i-class="nav-icon">
        <image src="/images/navs/icon_nav_8.png" />
      </i-grid-icon>
      <i-grid-label i-class="nav-label">商家合作</i-grid-label>
    </i-grid-item>
  </i-grid>
</view>