tourism-wxapp/components/diy-multipleimg/multipleimg.wxml

<!-- components/diy-multipleimg/index.wxml -->
<view class="content" style="width:{{style.width}}%;height:{{style.height * 2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;border-radius:{{style.borderRadius * 2}}rpx;background-color:{{style.backgroundColor}}">
    <!-- <view class="left">
        <image class="left_image" src="{{Cover}}" style="width:{{style.imageWidth * 2}}rpx;height:{{style.leftHeight * 2}}rpx;border-radius:{{style.imageRadius * 2}}rpx" />
    </view>
    <view class="right" style="margin-left: {{style.marginLeft * 2}}rpx;">
        <block wx:for="{{noramalData}}" wx:key="index">
            <image class="right_image" src="{{item.Cover}}" style="width:{{style.imageWidth * 2}}rpx;height:{{style.rightHeight * 2}}rpx;border-radius:{{style.imageRadius * 2}}rpx" />
        </block>
    </view> -->
    <view class="left" style="width:{{style.leftWidth}}%;height:{{style.leftHeight * 2}}rpx;margin:{{style.leftMargin.top * 2}}rpx {{style.leftMargin.right * 2}}rpx {{style.leftMargin.bottom * 2}}rpx {{style.leftMargin.left * 2}}rpx;padding:{{style.leftPadding.top * 2}}rpx {{style.leftPadding.right * 2}}rpx {{style.leftPadding.bottom * 2}}rpx {{style.leftPadding.left * 2}}rpx;">
        <image bind:tap="goNovaURL" data-item="{{list[0]}}" class="left_image" src="{{list[0].image}}" style="width:{{style.img1Width}}%;height:{{style.img1Height * 2}}rpx;border-radius:{{style.img1BorderRadius * 2}}rpx; margin:{{style.img1Margin.top * 2}}rpx {{style.img1Margin.right * 2}}rpx {{style.img1Margin.bottom * 2}}rpx {{style.img1Margin.left * 2}}rpx;padding:{{style.img1Padding.top * 2}}rpx {{style.img1Padding.right * 2}}rpx {{style.img1Padding.bottom * 2}}rpx {{style.img1Padding.left * 2}}rpx;" />
    </view>
    <view class="right" style="width:{{style.rightWidth}}%;height:{{style.rightHeight * 2}}rpx;margin:{{style.rightMargin.top * 2}}rpx {{style.rightMargin.right * 2}}rpx {{style.rightMargin.bottom * 2}}rpx {{style.rightMargin.left * 2}}rpx;padding:{{style.rightPadding.top * 2}}rpx {{style.rightPadding.right * 2}}rpx {{style.rightPadding.bottom * 2}}rpx {{style.rightPadding.left * 2}}rpx;">
        <image bind:tap="goNovaURL" data-item="{{list[1]}}" class="right_image" src="{{list[1].image}}" style="width:{{style.img2Width}}%;height:{{style.img2Height * 2}}rpx;border-radius:{{style.img2BorderRadius * 2}}rpx;margin:{{style.img2Margin.top * 2}}rpx {{style.img2Margin.right * 2}}rpx {{style.img2Margin.bottom * 2}}rpx {{style.img2Margin.left * 2}}rpx;padding:{{style.img2Padding.top * 2}}rpx {{style.img2Padding.right * 2}}rpx {{style.img2Padding.bottom * 2}}rpx {{style.img2Padding.left * 2}}rpx;" />
        <image bind:tap="goNovaURL" data-item="{{list[2]}}" class="right_image" src="{{list[2].image}}" style="width:{{style.img3Width}}%;height:{{style.img3Height * 2}}rpx;border-radius:{{style.img3BorderRadius * 2}}rpx;margin:{{style.img3Margin.top * 2}}rpx {{style.img3Margin.right * 2}}rpx {{style.img3Margin.bottom * 2}}rpx {{style.img3Margin.left * 2}}rpx;padding:{{style.img3Padding.top * 2}}rpx {{style.img3Padding.right * 2}}rpx {{style.img3Padding.bottom * 2}}rpx {{style.img3Padding.left * 2}}rpx;" />
    </view>
</view>