<import-sjs from="./index.sjs" name="utils" />
<page-wrap
  class="index-container"
  onReloadHandle="onReloadHandle"
  style="{{utils.getWrapperStyle(activePageExtIfo)}}"
>
  <block>
    <enter-ad
      a:if="{{isShowEnterAd}}"
      componentData="{{enterAdComponent}}"
    />
    <view class="main" a:if="{{componentList && componentList.length && isRenderMain}}">
      <header componentData="{{activePageExtIfo}}"/>
      <view class="components-container {{hasTabBar ? 'tabbar-add-margin' : ''}}">
        <view class="components-container-content">
          <view
            class="component"
            a:for="{{utils.addTabbarInfo(componentList, hasTabBar, tabbarHeight)}}"
            style="{{utils.getMarginStyle(item.componentData)}}"
          >
            <component-card-wrapper componentData="{{item.componentData}}">
              <!-- 用户中心 -->
                <user a:if="{{item.componentType === 'userInfoComponent'}}" componentData="{{item.componentData}}"/>
                <!-- 功能列表 -->
                <function-list a:if="{{item.componentType === 'functionListComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 公告 -->
                <notice-info
                    a:if="{{item.componentType === 'noticeComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 轮播广告 -->
                <advert-wheel
                    a:if="{{item.componentType === 'advertWheelComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 推荐组件 -->
                <hot-service
                    a:if="{{item.componentType === 'hotServiceComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 活动组件 -->
                <activity-ad
                    a:if="{{item.componentType === 'activityAdComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 文字四联 -->
                <text-list
                    a:if="{{item.componentType === 'textlistComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 图标四联导航 -->
                <navigation-bars
                    a:if="{{item.componentType === 'navigationbarsComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 资讯组件 -->
                <consult-service
                    a:if="{{item.componentType === 'contentComponent'}}"
                    componentData="{{item.componentData}}"/>
                <!-- 四联图片 -->
                <four-pic
                    a:if="{{item.componentType === 'fourpicComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 双联图标 -->
                <two-pic
                    a:if="{{item.componentType === 'twopicComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 双联图片 -->
                <pic-list
                    a:if="{{item.componentType === 'piclistComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 双联推荐栏 -->
                <hot-bar
                    a:if="{{item.componentType === 'hotbarComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 券组件 -->
                <market a:if="{{item.componentType === 'voucherComponent'}}" componentData="{{item.componentData}}"/>
                <!-- 生活号 -->
                <life a:if="{{item.componentType === 'lifestyleComponent'}}" componentData="{{item.componentData}}"/>
                <!-- 客服 -->
                <contact-button
                    a:if="{{item.componentType === 'contactComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 插件 -->
                <plugin a:if="{{item.componentType === 'pluginComponent'}}" componentData="{{item.componentData}}"/>
                <!-- 会员卡升级 -->
                <member-card
                    a:if="{{item.componentType === 'memberCardComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 二代会员卡 -->
                <member-card-second
                    a:if="{{item.componentType === 'memberCardComponent2'}}"
                    componentData="{{item.componentData}}" />
                <!-- 会员个人中心 -->
                <member-user-center
                    a:if="{{item.componentType === 'memberCardUserCenter'}}"
                    componentData="{{item.componentData}}" />
                <!-- 新会员卡组件 -->
                <new-member-card 
                    a:if="{{item.componentType === 'newMemberCardComponent'}}"
                    componentData="{{item.componentData}}" />
                <making-plugin  a:if="{{item.componentType === 'marketingComponent'}}"
                componentData="{{item.componentData}}" />    
                <!-- 自定义表单 -->
                <custom-form
                    a:if="{{item.componentType === 'formComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 轻会员 -->
                <light-member
                    a:if="{{item.componentType === 'miniServiceComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- n等分 -->
                <equal-division
                    a:if="{{item.componentType === 'divide4NpartsComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 动态文本组件 -->
                <dynamic-chars
                    a:if="{{item.componentType === 'dynamicCharsComponent'}}"
                    componentData="{{item.componentData}}" />
                <!-- 首页活动弹框 -->
                <advert-show
                    a:if="{{item.componentType === 'advertShowComponent'}}"
                    componentData="{{item.componentData}}" />
                <!--名片banner组件-->
                <advert-wheel-card
                    a:if="{{item.componentType === 'businessCardBannerComponent'}}"
                    componentData="{{item.componentData}}"/>
                <!-- 单行按钮组件 -->
                <one-way-button
                  a:if="{{item.componentType === 'oneWayButtonComponent'}}"
                  componentData="{{item.componentData}}" />
                <!-- <owner-card a:if="{{item.componentType === 'ownerGetCardNew'}}"
                componentData="{{item.componentData}}"/>
                <card-right a:if="{{item.componentType === 'advertiseComponent'}}"
                componentData="{{item.componentData}}"/> -->
                <!--富文本组件-->
                  <!--富文本组件-->
                <rich-text
                  a:if="{{item.componentType === 'richTextComponent'}}"
                  componentData="{{item.componentData}}" />
                  <!-- 安心充 -->
                  <axc-member-card
                  a:if="{{item.componentType === 'anXinChongComp'}}"
                  componentData="{{item.componentData}}" />
                  <!-- 行业组件 -->
                <industry-components item="{{item}}"/>
                <custom-container item="{{item}}" />
            </component-card-wrapper>
          </view>
          <footer a:if="{{bottomTips.name || bottomTips.desc}}" componentData="{{bottomTips}}"></footer>
        </view>
      </view>
      <!-- 券组件登陆时的弹窗 -->
      <modal-login showLoginModal="{{showLoginModal}}"/>
      <!-- 引入消息订阅插件组件 -->
      <!-- <component is="dynamic-plugin://2021001155639035/subscribe-msg" a:if="{{isMessagePluginLoad}}"/> -->
      <a-tabbar a:if="{{hasTabBar}}" cardMode="{{extInfoObj.tabbarCardMode}}"/>
    </view>
    <!-- 浮动刷新按钮 -->
    <!-- <float-button a:if="{{isDebug}}"/> -->
  </block>
</page-wrap>
