training-wx/src/components/Avatar/index.vue

<template>
  <img class="avatar" :src="src" alt="">
</template>

<script>

const defaultImg = require('@/assets/userImag/userImag.jpg')

export default {
  name: 'Avatar',
  props: {
    src: {
      type: String,
      default: defaultImg
    }
  }
}
</script>

<style lang="less" scoped>
.avatar {
  display: inline-block;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.16);
}
</style>