<import src="../common/template/icon.wxml" />
|
<wxs src="../common/utils.wxs" module="_" />
|
<wxs src="./avatar.wxs" module="this" />
|
|
<view
|
class="{{classPrefix}}__wrapper class {{prefix}}-class"
|
style="{{_._style([this.getStyles(isShow, zIndex), style, customStyle])}}"
|
>
|
<t-badge
|
color="{{badgeProps.color || ''}}"
|
content="{{badgeProps.content || ''}}"
|
count="{{badgeProps.count || 0}}"
|
dot="{{badgeProps.dot || false}}"
|
max-count="{{badgeProps.maxCount || 99}}"
|
offset="{{badgeProps.offset || []}}"
|
shape="{{badgeProps.shape || 'circle'}}"
|
show-zero="{{badgeProps.showZero || false}}"
|
size="{{badgeProps.size || 'medium'}}"
|
t-class="{{badgeProps.tClass}}"
|
t-class-content="{{badgeProps.tClassContent}}"
|
t-class-count="{{badgeProps.tClassCount}}"
|
>
|
<view
|
class="{{this.getClass(classPrefix, size, shape, bordered || borderedWithGroup)}} {{prefix}}-class-image"
|
style="{{this.getSize(size)}}"
|
aria-label="{{ ariaLabel || alt ||'头像'}}"
|
aria-role="{{ ariaRole || 'img'}}"
|
aria-hidden="{{ ariaHidden }}"
|
>
|
<t-image
|
wx:if="{{image}}"
|
t-class="{{prefix}}-image {{classPrefix}}__image"
|
t-class-load="{{prefix}}-class-alt"
|
style="{{imageProps && imageProps.style || ''}}"
|
src="{{image}}"
|
mode="{{imageProps && imageProps.mode || 'aspectFill'}}"
|
lazy="{{imageProps && imageProps.lazy || false}}"
|
loading="{{imageProps && imageProps.loading || 'default'}}"
|
shape="{{imageProps && imageProps.shape || 'round'}}"
|
webp="{{imageProps && imageProps.webp || false}}"
|
error="{{alt || 'default'}}"
|
bind:error="onLoadError"
|
/>
|
<template
|
wx:elif="{{iconName || _.isNoEmptyObj(iconData)}}"
|
is="icon"
|
data="{{class: classPrefix + '__icon', tClass: prefix + '-class-icon', name: iconName, ...iconData}}"
|
/>
|
<view wx:else class="{{classPrefix}}__text {{prefix}}-class-content">
|
<slot />
|
</view>
|
</view>
|
</t-badge>
|
</view>
|
