<view class="visit-user-container" style="background-image:url({{componentData.componentExtInfo.backgroundUrl.length == 32 ? imgSrcPrefix + componentData.componentExtInfo.backgroundUrl : componentData.componentExtInfo.backgroundUrl}});height:{{componentData.componentExtInfo.height !== '0'?componentData.componentExtInfo.height+'vh':'none'}};background-color:{{componentData.componentExtInfo.height !== '0'?'#FFFFFF':'#1677ff'}}">
  <view class="community-box">
    <view onTap="onJumpAreaSelect" class="community-info" a:if="{{currentCourt&&courtInfo&&courtInfo.list&&courtInfo.list.length}}">
      <view class="lbs-icon"></view>
      <view class="text">{{currentCourt.name}}</view>
    </view>
    <view class="community-info" a:else>
    <view class="lbs-icon" a:if="{{passport.communityName}}"></view>
        <view class="text">{{passport.communityName}}</view>
      </view>
      <view class="build-info" a:if="{{componentData.componentExtInfo.builderName}}">
        <image class="build-logo" a:if="{{componentData.componentExtInfo.builderLogo}}" src="{{componentData.componentExtInfo.builderLogo.length == 32 ? imgSrcPrefix + componentData.componentExtInfo.builderLogo : componentData.componentExtInfo.builderLogo}}"></image>
        <view class="text">{{componentData.componentExtInfo.builderName}}</view>
      </view>
    </view>
    <view class="visit-user-section">
      <view class="user-info">
        <image class="avator" src="{{userInfo.avatar ? userInfo.avatar : defaultAvatar}}"></image>
        <view class="name">{{userInfo.fullName}}</view>
        <view class="phone">{{userInfo.phone}}</view>
      </view>
    </view> 
  </view>
</view>