设备管理模块

riku

2024-08-14 f2a0ea849099f49a3d2a9c7e5c44d033df22468f

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<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>
  </block>
  <!-- 已登录但未授权用户信息情况 -->
  <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" />
      </view>
      <!-- 不需要授权用户信息，仍然触发gotoUserEditPage事件 -->
      <view
        class="user-center-card__header__transparent"
        bind:tap="gotoUserEditPage"
        wx:else
      ></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>
  </block>
</view>