<template>
  <div class="ve_menu_logo">
    <div class="ve_logo_img">
      <el-image style="width: 100%;height: 100%" :src="logo" fit="fill"></el-image>
      <div class="ve_logo_text">数据驱动飞行器智能优化设计平台</div>
    </div>

  </div>

</template>
<script setup>
import { ref, onMounted, reactive, } from "vue";
import logo from "@/assets/img/bgheader.png";
import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'

</script>
<style lang="scss" scoped>
.ve_menu_logo {
  width: 100%;
  height: 70px;
  overflow: hidden;
  padding: 0 10px;

  .ve_logo_img {
    width: 100%;
    height: 100%;
    z-index: 0;

    position: relative;


    .ve_logo_text {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 20px;
      font-weight: 900;
      letter-spacing: 3px;
      color: #fff;
      background-image: linear-gradient(to top, #41c0ff, #d3f0ff, #ffffff);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      pointer-events: none;
    }
  }

}
</style>
