ZhongRuan-ImProject/im-ui/src/components/common/HeadImage.vue

<template>
	<img :src="url" 
	 :style="{width: size+'px',height: size+'px',cursor: 'pointer'}" />
</template>

<script>
	export default {
		name: "headImage",
		data() {
			return {
			}
		},
		methods:{
		},
		props: {
			size: {
				type: Number,
				default: 50
			},
			url:{
				type: String
			}
		}
	}
</script>

<style scoped lang="scss">
		img {
		  position: relative;
		  overflow: hidden;
		  border-radius: 5%;
		}
		
		img:before { 
		    content: '';
		    display: block;
		    width: 100%;
		    height: 100%;
		    background:url('../../assets/default_head.png') no-repeat 0 0;
		    background-size: 100%;
		}
	
</style>