uv3-ui/components/u-image/image.js

uv3-ui针对vue3语法开发的UI库

export default {
	emits: ['click', 'error', 'load'],
	methods: {
		// 点击图片
		onClick() {
			this.$emit('click')
		},
		// 图片加载失败
		onErrorHandler(err) {
			this.loading = false
			this.isError = true
			this.$emit('error', err)
		},
		// 图片加载完成，标记loading结束
		onLoadHandler(event) {
			this.loading = false
			this.isError = false
			this.$emit('load', event)
			this.removeBgColor()
		},
		// 移除图片的背景色
		removeBgColor() {
			// 淡入动画过渡完成后，将背景设置为透明色，否则png图片会看到灰色的背景
			this.backgroundStyle = {
				backgroundColor: 'transparent'
			};
		}
	}
}