<view class="header-top">
    <custom chineseName="图标" engName="icon"></custom>
    <view class="tap-wrap">
        <view class="tab-wrap-inner">
            <tabs
                tabs-background-color="#fff"
                tabs-underline-color="#000"
                tabs-inactive-text-color="#666"
                tabs-active-text-color="#000"
                bindtabchange="tabChange"
                active-name="{{activeName}}">
                <tab-item
                    s-for="tab in tabs"
                    name="{{tab.name}}"
                    label="{{tab.label}}"
                />
            </tabs>
        </view>
    </view>
    <view class="divide-line border-top"></view>
</view>
<view class="smt-icon-container">
    <view class="tab-container {{activeName === 'common' ? 'show' : 'hide'}}" style="height: {{tabHeight}}px;">
        <smt-feed
            class="smt-feed"
            data-type="common"
            bind:scrolltolower="scrollToLower"
        >
            <block s-for="list, index in common.list">
                <view s-if="{{common.pageFlag[index]}}" class="icon-list">
                    <view class="icon-item" s-for="item in list">
                        <view class="icon-inner">
                            <view><smt-icon name="{{item}}" size="{{iconSize}}" /></view>
                            <view class="en-name">{{item}}</view>
                        </view>
                    </view>
                </view>
            </block>

            <smt-spin status="{{common.status}}" s-if="common.showSpin" class="custom-spin" />
        </smt-feed>
    </view>
    <view class="tab-container {{activeName === 'business' ? 'show' : 'hide'}}" style="height: {{tabHeight}}px;">
         <smt-feed
            class="smt-feed"
            data-type="business"
            bind:scrolltolower="scrollToLower"
        >
            <block s-for="list, index in business.list">
                <view s-if="{{business.pageFlag[index]}}" class="icon-list">
                    <block s-for="item in list">
                        <view class="icon-sub-title" s-if="{{item.type === 'title'}}">
                            <view class="prefix" /><view class="title-inner">{{item.label}}</view><view class="afterfix" />
                        </view>
                        <view class="icon-item" s-elif="{{item.type !== 'empty'}}">
                            <view class="icon-inner">
                                <view><smt-icon name="{{item}}" size="{{iconSize}}" /></view>
                                <view class="en-name">{{item}}</view>
                            </view>
                        </view>
                    </block>
                </view>
            </block>

            <smt-spin status="{{business.status}}" s-if="business.showSpin" class="custom-spin" />
        </smt-feed>
    </view>
</view>

