wxhuanart/miniprogram/pages/mine/components/usercard/index.wxml

<view class="user-center-card px-4">
  <view class="user-center-card__header" bind:tap="gotoUserEditPage">
    <block wx:if="{{userInfo.nickName === '请登录'}}">
      <view class="d-flex flex-1" bindtap="toLogin">
        <view class="d-flex flex-1">
          <t-avatar t-class="avatar" mode="aspectFill" class="user-center-card__header__avatar" image="{{userInfo.avatarUrl || defaultAvatarUrl}}" />
          <view>
            <view class="user-center-card__header__name">请登录</view>
            <view class="user-center-card__header__phone">点击此处登录</view>
          </view>
        </view>
      </view>
    </block>
    <block wx:else>
      <view class="d-flex flex-1">
        <view class="d-flex flex-1">
          <t-avatar t-class="avatar" mode="aspectFill" class="user-center-card__header__avatar" image="{{userInfo.avatarUrl || defaultAvatarUrl}}" />
          <view>
            <view class="user-center-card__header__name">{{userInfo.nickName || '微信用户'}}</view>
            <view class="user-center-card__header__phone">{{userInfo.phoneNumber}}</view>
          </view>
        </view>
        <t-button t-class="editbtn" theme="light" size="small" icon="setting" variant="text" aria-label="设置" bindtap="toSetting"/>
      </view>
    </block>
  </view>
  <view class="mb-4">
    <t-image src="/assets/mine/vip.jpg" mode="widthFix" t-class="w-100" />
  </view>
</view>