@import '../../libs/css/components.scss';

$u-image-error-top: 0px !default;
$u-image-error-left: 0px !default;
$u-image-error-width: 100% !default;
$u-image-error-hight: 100% !default;
$u-image-error-background-color: $u-bg-color !default;
$u-image-error-color: $u-tips-color !default;
$u-image-error-font-size: 46rpx !default;

.u-image {
	position: relative;
	transition: opacity 0.5s ease-in-out;

	&__image {
		width: 100%;
		height: 100%;
		z-index: 999;
	}

	&__loading,
	&__error {
		position: absolute;
		top: $u-image-error-top;
		left: $u-image-error-left;
		width: $u-image-error-width;
		height: $u-image-error-hight;
		@include flex;
		align-items: center;
		justify-content: center;
		background-color: $u-image-error-background-color;
		color: $u-image-error-color;
		font-size: $u-image-error-font-size;
	}
}