<template>
  <div class="drop-list drop-list-lang" @mouseover="onOverHandler($event)" @mouseout="onOutHandler($event)">
    <!-- 登陆下拉样式 -->
    <span @click="onNavHandler()">
      中 | EN
    </span>
    <div class="list">

      <!-- <div class="space"></div> -->
      <div class="triangle-up" :class="{'opacity1':listVisible}"></div>
      <ul ref="ul">
        <li :class="{'act':item.value == locale}" v-for="(item, index) in dataList" :key="index" @mousedown="onClickHandler($event,index)">{{item[labelProperty]}}</li>
      </ul>

    </div>
  </div>
</template>

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