mirror of
https://git.beihong.wang/wangbeihong/iot-bedroom-environment-controller.git
synced 2026-04-23 11:43:04 +08:00
33 lines
1.6 KiB
Plaintext
33 lines
1.6 KiB
Plaintext
<view class="fui-avatar__wrap {{width?'':'fui-avatar__size-'+size}} {{radius===-1?'fui-avatar__'+shape:''}} {{block?'fui-avatar__block':'fui-avatar__inline'}}" style="{{parse.wrapStyles(background, marginRight, marginBottom, width, height, radius)}}" bindtap="handleClick">
|
|
<image class="fui-avatar__img {{radius===-1?'fui-avatar__'+shape:''}} {{width?'':'fui-avatar__size-'+size}}" style="{{parse.styles(width, height, radius)}}" src="{{showImg}}" mode="{{mode}}" wx:if="{{src && src!==true}}" webp="{{webp}}" lazy-load="{{lazyLoad}}" binderror="handleError"></image>
|
|
<text class="fui-avatar__text {{width?'':'fui-avatar__text-'+size}}" wx:if="{{!src && src!==true && text}}" style="{{parse.textStyles(color, fontWeight, fontSize)}}">{{text}}</text>
|
|
<slot></slot>
|
|
</view>
|
|
|
|
<wxs module="parse">
|
|
var styles = function (width, height, radius) {
|
|
var styles = '';
|
|
if (width) {
|
|
styles = "width:" + width + "rpx;height:" + (height || width) + "rpx;"
|
|
}
|
|
if (radius !== -1) {
|
|
styles += "border-radius:" + radius + "rpx;"
|
|
}
|
|
return styles;
|
|
}
|
|
module.exports = {
|
|
wrapStyles: function (background, marginRight, marginBottom, width, height, radius) {
|
|
var style = "background:" + background + ";margin-right:" + marginRight + "rpx;margin-bottom:" + marginBottom + "rpx;"
|
|
|
|
return style + styles(width, height, radius)
|
|
},
|
|
styles: styles,
|
|
textStyles: function (color, fontWeight, fontSize) {
|
|
var styles = "color:" + color + ";font-weight:" + fontWeight + ";";
|
|
if (fontSize) {
|
|
styles += "font-size:" + fontSize + "rpx;"
|
|
}
|
|
return styles;
|
|
}
|
|
}
|
|
</wxs> |