<template>
  <div class="footer flx-align-center pl10">
    <el-dropdown>
    <!-- <span class="el-dropdown-link">
      {{ title }}
      <el-icon class="el-icon--right">
        <arrow-down />
      </el-icon>
    </span> -->
    <el-button type="primary">
       {{ title }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
      </el-button>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item @click="title='模拟式模式'">模拟式模式</el-dropdown-item>
        <el-dropdown-item @click="title='数字式模式'">数字式模式</el-dropdown-item>
        <el-dropdown-item @click="title='对比式模式'">对比式模式</el-dropdown-item>
       
      </el-dropdown-menu>
    </template>
  </el-dropdown>
    <!-- <a href="http://www.shining-electric.com/" target="_blank"> 2024 © 南京灿能电力自动化股份有限公司 </a> -->
  </div>
</template>
<script lang="ts" setup>
import { ref, reactive, computed } from "vue";
const title=ref('模拟式模式')

</script>
<style scoped lang="scss">
@import "./index.scss";
</style>
