<template>
  <div class="drop-list" :class="{'login':type=='login'}" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)">
    <div class="user" @click="onLoginHandler()">
      <!-- <img class="icon-img" src="@/assets/images/home/icon-user.png"> -->
      <span>{{dataObj.name}}</span>
    </div>
    <div class="list">
      <div class="space"></div>
      <ul ref="ul" >
        <li v-for="(item, index) in dataList" :key="index" @mousedown="onClickHandler($event,index)">{{item[labelProperty]}}</li>
      </ul>
    </div>
  </div>
</template>

<script src="./dropdown-login.js"></script>
<style lang="scss" scoped>
@import "./dropdown-login.scss";
</style>