Payment/src/components/pc/header.vue

<script setup lang="ts">
import { useI18n } from 'vue-i18n'
import { ref } from 'vue'
import logoCn from '@/assets/images/logoCn.png'
import logoEn from '@/assets/images/logoEn.png'
//得到i18n的locale
const { locale } = useI18n();
</script>

<template>
  <div class="header">
    <div class="logo contentPage">
      <img :src="locale === 'zh' ? logoCn : logoEn" alt="logo">
    </div>
  </div>
</template>
<style lang="less" scoped>
.header{
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  .logo{
    height: 100%;
    padding: 17px 0;
  }
}
</style>