languareSwitch.vue 917 B

123456789101112131415161718192021222324
  1. <template>
  2. <el-dropdown trigger="click">
  3. <div class="el-dropdown-link" title="语言设定">
  4. <img :src="languareIcon" alt="" class="header_right_icon left">
  5. <span class="header_right_title_span">语言</span>
  6. </div>
  7. <template #dropdown>
  8. <el-dropdown-menu>
  9. <el-dropdown-item class="header_menu_li" style="color: #26a69a;">Englsh</el-dropdown-item>
  10. <el-dropdown-item class="header_menu_li" style="color: #26a69a;">中文繁體</el-dropdown-item>
  11. <el-dropdown-item class="header_menu_li" style="color: #26a69a;">中文简体</el-dropdown-item>
  12. </el-dropdown-menu>
  13. </template>
  14. </el-dropdown>
  15. </template>
  16. <script setup>
  17. import {ref} from 'vue'
  18. import languareIcon from '../../assets/img/language2.png'
  19. import '../../assets/css/header.css'
  20. </script>
  21. <style scoped lang="sass">
  22. </style>