Payment/src/components/mobile/header.vue

<script setup lang="ts">
import { ref } from 'vue'
import logoCn from '@/assets/images/whietlogo.png'
import logoEn from '@/assets/images/whietlogoEn.png'
const language = ref('zh')
</script>

<template>
  <div class="header">
    <div class="logo">
      <img :src="language === 'zh' ? logoCn : logoEn" alt="logo">
    </div>
  </div>
</template>
<style lang="less" scoped>
.header{
  height: 50px;
  background: #202020;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  .logo{
    text-align: center;
    padding: 8px 0;
    img{
      // height: 20px;
      width: 80px;
    }
  }
}
</style>