<template>
  <div class="row aCenter">
    <div class="row aCenter" v-if="naming">
      <div>{{naming.nick_name}}</div>

<!--      <v-image src="https://img.youmaiyy.com/ym/20200613/kczia3avhfka36621592037449.png?x-oss-process=image/resize,m_lfit,h_90,w_90" mode="center" background-color="transparent" class="layout-naming-icon"></v-image>-->
      <v-image :src="naming.image" mode="center" background-color="transparent" class="layout-naming-icon"></v-image>
    </div>
    <div class="flex-1"><div class="line-1">{{nickName}}</div></div>
  </div>
</template>

<script>
import props from '../props';
import VImage from "$components/v-image/lib/main";
export default {
  name: "layout-naming",
  components: {VImage},
  props
}
</script>

<style scoped lang="scss" src="../style.scss"></style>
