<template>
  <el-dropdown class="dropdown" popper-class="largeScreen__dropdown" trigger="click" @command="dropDownHandle">
    <span class="el-dropdown-link">
      <img src="@/assets/images/largeScreenImage/more@2x.png" alt="">
    </span>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item v-for="v in options" :command="v.value">
          {{ v.label }}
        </el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>

<script setup>
import { ref, reactive, onMounted, computed, getCurrentInstance} from "vue";

const props = defineProps({
    options: {
        required: true,
        default: () => []
    },
})

const emit = defineEmits(["command"]);

function dropDownHandle(e) {
  emit("command",e)
}

onMounted(() => {});
</script>

<style lang="scss" scoped>
@use "@/assets/styles/computed.scss" as calculate;
.dropdown {
  .el-dropdown-link {
    img {
      width: calculate.vw(15px);
      height: calculate.vw(15px);
      cursor: pointer;
    }
  }
}
</style>
