UserCommon.vue

<template>
  <div class="user_container">
    <div class="logo">
      <img :src="require('@/assets/icon/logo.png')" alt="">
    </div>

    <!-- 顶部插槽 -->
    <div class="user_navigation" v-if="$slots.top" slot="top">
      <slot name="top" />
    </div>
  </div>
</template>
<script>
export default {
  name: 'UserCommon'
}
</script>
<style lang="less" scoped>
.user_container {
  background-image: url(../assets/icon/bg_login.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 250px;
}
.logo {
  display: flex;
  justify-content: center;
  img {
    margin-top: 140px;
    width: 112px;
    height: 112px;
  }
}
</style>