tourism-wxapp/components/diy-personal/index.wxml

<view class="box">
    <view class="fui-personal-group" style="background-image: url({{style.backgroundimg}});width:{{style.width}}%;height:{{style.height*2}}rpx">
        <view style="display:flex;" wx:if="{{style.column == 'left'}}">
            <view style="display:flex;align-items:center;">
                <image class="personal-name" src="{{user && user.avatar ? user.avatar : portrait }}" />
                <view class="nickname" style="color:{{style.color}}">{{user && user.nickname ? user.nickname : '用户昵称'}}</view>
            </view>
        </view>
        <view wx:if="{{style.column == 'centre'}}">
            <view class="column-centre">
                <image class="personal-names" src="{{user && user.avatar ? user.avatar : portrait}}" />
                <view class="nicknames" style="color:{{style.color}}">{{user && user.nickname ? user.nickname : '用户昵称'}}</view>
            </view>
        </view>
        <view wx:if="{{style.column == 'right'}}">
            <view style="display:flex; justify-content:space-between;width:750rpx;margin-top:150rpx">
                <view class="nickname" style="color:{{style.color}}">{{user && user.nickname ? user.nickname : '用户昵称'}}</view>
                <image class="personal-nametwo" src="{{user && user.avatar ? user.avatar : portrait}}" />
            </view>
        </view>
    </view>
    <view wx:if="{{style.switch == 'true'}}">
        <block wx:if="{{style.memberStyle == 'one'}}">
            <view class="members">
                <view class="membersa">个人小店01645579506sys224</view>
            </view>
        </block>
        <image wx:if="{{style.memberStyle == 'two'}}" src="https://file-cloud.fmode.cn/lb486SzXLP/20211207/7p0u13091423.png" class="members-two" />
    </view>
</view>