<!--components/diy-article/index.wxml-->
<view class="aritcle_info">
    <block wx:for="{{aritcleList}}" wx:key="index">
        <view class="aritcle" style="width:{{style.width}}%;height:{{style.height * 2}}rpx;margin-bottom:{{style.marginBottom * 2}}rpx;margin:{{style.marginAuto}};border-radius:{{style.borderRadius * 2}}rpx;background:{{style.background}}">
            <view class="left_meun" style="margin-left:{{style.leftMeun * 2}}rpx">
                <view class="title" style="margin-top: {{style.titleTop * 2}}rpx;margin-bottom: {{style.titleDown * 2}}rpx;font-size: {{style.titleSize * 2}}rpx;font-weight: {{style.titleWeight}};">
                    {{item.title}}
                </view>
                <view class="author" style="color:{{style.authorColor}}">
                    {{item.author}}
                </view>
            </view>
            <view>
                <image class="image" src="{{item.image ? item.image : item.cover}}" style="width:{{style.imageWidth * 2}}rpx;height:{{style.imageHeight * 2}}rpx;border-radius:{{style.imageRadius * 2}}rpx;margin-top: {{style.imageTop * 2}}rpx;margin-right: {{style.imageRight * 2}}rpx;" />
            </view>
        </view>
    </block>
</view>