<view class="swan-grid {{hasLine ? 'swan-grid-hasline' : ''}}">
    <block s-for="item, index in list">
        <view class="grid-item gov-grid-item"
            hover-class="{{hasHover ? 'grid-item-hover' : ''}}"
            style="width:{{100 / columnNum}}%;"
            data-index="{{index}}"
            bind:tap="onItemClick">
            <view class="inner-grid-item gov-inner-grid-item">
                <view s-if="titleOnTop" class="text-info title-on-top">
                    <view class="title gov-top-title" style="color: {{titleColor}}">
                        {{item.title}}
                    </view>
                    <text class="desc gov-top-desc">{{item.desc}}</text>
                </view>
                <view s-else class="text-info desc-on-top">
                    <text class="desc gov-down-desc">{{item.desc}}</text>
                    <view class="title gov-down-title" style="color: {{titleColor}}">
                        <text>{{item.title}}</text>
                    </view>
                </view>
                <view class="{{index != list.length - 1 ? 'grid-border-right' : ''}}"></view>
            </view>
            <view class="{{list.length > columnNum ? (index >= bottomIndex ? '' : 'grid-border-bottom') : '')}}"></view>
        </view>
    </block>
</view>