<!--components/diy-area/index.wxml-->
<black wx:if="{{active == 1}}">
    <view class="box">
        <view style="font-size: {{txtfontsize}}rpx; color: {{txtcolor}}; margin: {{txtmargin}};">{{txt}}</view>
        <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
            <view style="color: {{inputcolor}}; font-size: {{inputfontsize}}rpx; margin: {{inputmargin}};">
                {{region[0]}} {{region[1]}} {{region[2]}}
            </view>
        </picker>
    </view>
</black>
<black wx:if="{{active == 2}}">
    <view>
        <view style="font-size: {{txtfontsize}}rpx; color: {{txtcolor}}; margin: {{txtmargin}};">{{txt}}</view>
        <picker style="padding: {{padding}};border-radius: {{borderradius}}rpx;border: {{border}};width: {{width}}rpx; margin: {{margin}};" mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
            <view style="color: {{inputcolor}}; font-size: {{inputfontsize}}rpx;">
                {{region[0]}} {{region[1]}} {{region[2]}}
            </view>
        </picker>
    </view>
</black>
<black wx:if="{{active == 3}}">
    <view>
        <!-- <view style="font-size: {{txtfontsize}}rpx; color: {{txtcolor}}; margin: {{txtmargin}};">{{txt}}</view> -->
        <picker style="padding: {{padding}};border-radius: {{borderradius}}rpx;border: {{border}};width: {{width}}rpx; margin: {{margin}};" mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
            <view style="color: {{inputcolor}}; font-size: {{inputfontsize}}rpx;">
                {{region[0]}} {{region[1]}} {{region[2]}}
            </view>
        </picker>
    </view>
</black>