扫码视频播放

litian

7 小时以前 aff8d054df4a638f399dc8f15d98c19b9c9aa785

 pages/personalCenter/components/user-center-card/index.wxml

@@ -1,9 +1,14 @@
<view class="user-center-card">
  <!-- 未登录的情况 -->
  <block wx:if="{{currAuthStep === AuthStepType.ONE}}">
    <view class="user-center-card__header" bind:tap="gotoUserEditPage">
      <t-avatar image="{{userInfo.avatarUrl || defaultAvatarUrl}}" class="user-center-card__header__avatar" />
      <view class="user-center-card__header__name">{{'请登录'}}</view>
    <view class="user-center-card__header">
      <!-- <t-avatar image="{{userInfo.avatarUrl || defaultAvatarUrl}}" class="user-center-card__header__avatar" /> -->
      <view class="user-center-card__header__avatar">
        <t-image src="{{userInfo.icon || defaultAvatarUrl}}" mode="aspectFill" class="img" />
      </view>
      <view>
        <view class="user-center-card__header__name">{{'请登录'}}</view>
      </view>
      <view class="setting" bind:tap="gotoUserEditPage">
        <image src="/static/images/personal/setting.png" mode="heightFix" class="img" />
        <text>设置</text>
@@ -13,21 +18,45 @@
  <!-- 已登录但未授权用户信息情况 -->
  <block wx:if="{{currAuthStep === AuthStepType.TWO}}">
    <view class="user-center-card__header">
      <t-avatar image="{{userInfo.avatarUrl || defaultAvatarUrl}}" class="user-center-card__header__avatar" />
      <view class="user-center-card__header__name">{{userInfo.nickName || '微信用户'}}</view>
      <!-- 需要授权用户信息，通过slot添加弹窗 -->
      <view class="user-center-card__header__transparent" wx:if="{{isNeedGetUserInfo}}">
        <slot name="getUserInfo" />
      <!-- <t-avatar image="{{userInfo.icon || defaultAvatarUrl}}" class="user-center-card__header__avatar" mode="aspectFill" t-class="avatar" /> -->
      <view class="user-center-card__header__avatar">
        <t-image src="{{userInfo.icon || defaultAvatarUrl}}" mode="aspectFill" class="img" />
      </view>
      <view>
        <view class="user-center-card__header__name">{{userInfo.nickName || '微信用户'}}</view>
        <view class="userTypeBox">
          <text class="txt" wx:if="{{userInfo.userType}}">{{userInfo.userType}}</text>
          <text bindtap="editUserType" wx:if="{{userInfo.userType}}" class="edit">修改</text>
          <text bindtap="editUserType" wx:else class="edit">设置用户类型</text>
        </view>
      </view>

      <!-- 不需要授权用户信息，仍然触发gotoUserEditPage事件 -->
      <view class="user-center-card__header__transparent" bind:tap="gotoUserEditPage" wx:else></view>
      <view class="setting" bind:tap="gotoUserEditPage">
        <image src="/static/images/personal/setting.png" mode="heightFix" class="img" />
        <text>设置</text>
      </view>
    </view>
  </block>
  <!-- 已登录且已经授权用户信息的情况 -->
  <block wx:if="{{currAuthStep === AuthStepType.THREE}}">
    <view class="user-center-card__header" bind:tap="gotoUserEditPage">
      <t-avatar t-class="avatar" mode="aspectFill" class="user-center-card__header__avatar" image="{{userInfo.avatarUrl || defaultAvatarUrl}}" />
      <view class="user-center-card__header__name">{{userInfo.nickName || '微信用户'}}</view>
    <view class="user-center-card__header">
      <!-- <t-avatar t-class="avatar" mode="aspectFill" class="user-center-card__header__avatar" image="{{userInfo.icon || defaultAvatarUrl}}" /> -->
      <view class="user-center-card__header__avatar">
        <t-image src="{{userInfo.icon || defaultAvatarUrl}}" mode="aspectFill" class="img" />
      </view>
      <view>
        <view class="user-center-card__header__name">{{userInfo.nickName || '微信用户'}}</view>
        <view class="userTypeBox">
          <text class="txt" wx:if="{{userInfo.userType}}">{{userInfo.userType}}</text>
          <text bindtap="editUserType" wx:if="{{userInfo.userType}}" class="edit">修改</text>
          <text bindtap="editUserType" wx:else class="edit">设置用户类型</text>
        </view>
      </view>
      <view class="setting" bind:tap="gotoUserEditPage">
        <image src="/static/images/personal/setting.png" mode="heightFix" class="img" />
        <text>设置</text>
      </view>
    </view>
  </block>
</view>