<template>
	<image :style="`width:${width};height:${height};${styleSvg}`" :src="require(`../../static/svg/${name}.svg`)"></image>
</template>

<script>
export default {
	name: 'svgImage',
	props: {
		name: {
			type: [Number, String],
			default: 'user'
		},
		width: {
			type: [Number, String],
			default: '80rpx'
		},
		height: {
			type: [Number, String],
			default: '80rpx'
		},
		styleSvg: {
			type: [Number, String],
			default: ''
		}
	},
	data() {
		return {};
	},
	mounted() {},
	methods: {}
};
</script>

<style lang="scss"></style>
