<template>
    <el-dropdown trigger="click">

        <div class="el-dropdown-link" :title="$t('message.study')">
            <el-tooltip :content="$t('message.study')">
                <div>
                    <img :src="imgIcon" alt="" class="header_right_icon left">
                    <span class="header_right_title_span">{{ $t('message.study') }}</span>
                </div>
            </el-tooltip>
        </div>

        <template #dropdown>
            <el-dropdown-menu class="link_stydy">
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//edu.cocorobo.cn/" target="_blank" rel="noopener noreferrer">{{
                        $t('message.go_edu_teaching_platform') }}</a>
                </el-dropdown-item>
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//xunlian.cocorobo.cn" target="_blank" rel="noopener noreferrer">{{
                        $t('message.go_train_platform') }}</a>
                </el-dropdown-item>
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//biaoji.cocorobo.cn/" target="_blank" rel="noopener noreferrer">{{
                        $t('message.go_biaoji_platform') }}</a>
                </el-dropdown-item>
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//aihub.cocorobo.cn" target="_blank" rel="noopener noreferrer">{{ $t('message.go_aihub')
                        }}</a>
                </el-dropdown-item>
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//aihub.cocorobo.cn/vision" target="_blank" rel="noopener noreferrer">{{
                        $t('message.go_aihub_vision') }}</a>
                </el-dropdown-item>
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//aihub.cocorobo.cn/speech" target="_blank" rel="noopener noreferrer">{{
                        $t('message.go_aihub_speech') }}</a>
                </el-dropdown-item>
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//aihub.cocorobo.cn/text" target="_blank" rel="noopener noreferrer">{{
                        $t('message.go_aihub_text') }}</a>
                </el-dropdown-item>
                <el-dropdown-item class="header_menu_li" style="color: #26a69a;">
                    <a href="//aihub.cocorobo.cn/art" target="_blank" rel="noopener noreferrer">{{
                        $t('message.go_aihub_art') }}</a>
                </el-dropdown-item>
            </el-dropdown-menu>
        </template>
    </el-dropdown>
</template>
<script setup>
import { ref } from 'vue'
import imgIcon from '../../assets/img/learn_nav_icon.png'
import '../../assets/css/header.css'

</script>
<style scoped lang="sass">

</style>