<!-- components/diy-intro/index.wxml -->
<view class="intro_index">
    <block wx:if="{{column == 'row'}}">
        <view class="intro" style="width:{{style.width}}%;margin:{{style.areaMargin.top * 2}}rpx {{style.areaMargin.right * 2}}rpx {{style.areaMargin.bottom * 2}}rpx {{style.areaMargin.left * 2}}rpx;background:{{style.backgroundColor}}">
            <block wx:for="{{list}}" wx:key="index">
                <view class="intro_info" style="padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx">
                    <image class="image" src="{{item.image}}" style="width:{{style.imageHeight * 2}}rpx;height:{{style.imageWidth * 2}}rpx;border-radius:{{style.borderRadius}}%" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
                    <view class="name" style="font-size:{{style.fontSize * 2}}rpx">
                        {{item.name}}
                    </view>
                    <view class="desc" style="font-size:{{style.descSize * 2}}rpx">
                        {{item.desc}}
                    </view>
                </view>
            </block>
        </view>
    </block>
    <block wx:if="{{column == 'slide'}}">
        <view class="slide_info" style="width:{{style.width}}%;margin:{{style.areaMargin.top * 2}}rpx {{style.areaMargin.right * 2}}rpx {{style.areaMargin.bottom * 2}}rpx {{style.areaMargin.left * 2}}rpx;background:{{style.backgroundColor}}">
            <scroll-view class="" scroll-x="true">
                <block wx:for="{{list}}" wx:key="index">
                    <view class="intro_info" style="padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx">
                        <image class="image" src="{{item.image}}" style="width:{{style.imageHeight * 2}}rpx;height:{{style.imageWidth * 2}}rpx;border-radius:{{style.borderRadius}}%" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
                        <view class="name" style="font-size:{{style.fontSize * 2}}rpx">
                            {{item.name}}
                        </view>
                        <view class="desc" style="font-size:{{style.descSize * 2}}rpx">
                            {{item.desc}}
                        </view>
                    </view>
                </block>
            </scroll-view>
        </view>
    </block>
</view>