24 lines
696 B
Plaintext
24 lines
696 B
Plaintext
|
<!-- 用户头像组件 -->
|
||
|
|
<view class="user-avatar {{size}} {{shape}}" style="{{customStyle}}">
|
||
|
|
<image
|
||
|
|
class="avatar-image"
|
||
|
|
src="{{src || defaultAvatar}}"
|
||
|
|
mode="{{mode}}"
|
||
|
|
lazy-load="{{lazyLoad}}"
|
||
|
|
bindload="onImageLoad"
|
||
|
|
binderror="onImageError"
|
||
|
|
></image>
|
||
|
|
|
||
|
|
<!-- 在线状态指示器 -->
|
||
|
|
<view class="status-indicator {{status}}" wx:if="{{showStatus}}"></view>
|
||
|
|
|
||
|
|
<!-- 徽章/未读消息数 -->
|
||
|
|
<view class="badge" wx:if="{{badge > 0}}">
|
||
|
|
<text class="badge-text">{{badge > 99 ? '99+' : badge}}</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 加载状态 -->
|
||
|
|
<view class="loading-overlay" wx:if="{{loading}}">
|
||
|
|
<view class="loading-spinner"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|