<!--index.wxml-->
<view class="container flex-v">

  <!-- 切换视图 -->
  <view class="CutContent flex-item">

    <!-- 首页 -->
    <view hidden="{{NavActiveIndex !== 0}}">
      <subindex bindmyevent="TriggerCutNav"></subindex>
    </view>

    <!-- 楼盘 -->
    <view hidden="{{NavActiveIndex !== 1}}">
      <estate></estate>
    </view>

    <!-- 福利 -->
    <view hidden="{{NavActiveIndex !== 2}}">
      <concessions></concessions>
    </view>

    <!-- 我的 -->
    <view hidden="{{NavActiveIndex !== 3}}">
      <mine bindmyevent="TriggerCutNav"></mine>
    </view>

  </view>

  <!-- 底部Nav -->
  <view class="foot flex-h" style="padding-bottom: {{ScreenBottomHeight}}rpx">
    <view class="flex-item" wx:for="{{NavList}}" wx:for-item="NavItem" wx:for-index="idx" wx:key="NavKey" data-index="{{idx}}" bindtap="CutNav">
      <image data-index="{{idx}}" mode="widthFix" src="{{NavItem.icon}}" class="{{NavActiveIndex === idx ? 'active' : ''}}"></image>
      <text data-index="{{idx}}" class="{{NavActiveIndex === idx ? 'active' : ''}}">{{NavItem.value}}</text>
    </view>
  </view>

</view>