根据产品显示不同logo图片

阳洁

2024-03-05 abff99332f01964f43859b6cc88d22dcac12c343

 src/layout/index.vue

@@ -1,14 +1,15 @@
<template>
  <el-container>
    <el-header height="60" class="student-header header" style="background-color: #3c8dbc">
    <el-header height="60" class="student-header header" :style="{'background-color': productType==='API_Fan'?'#fff':'#409eff'}">
      <div class="head-language" v-if="langFlag">
        <!--<lang-select class="right-menu-item" />-->
        <!--国际化的语言选择-->
        <!--<component :is="langSelect"></component>-->
      </div>
      <div class="head-user">
      <div class="head-user" style="float:left;margin-bottom:10px">
        <el-dropdown trigger="click" placement="bottom">
          <el-badge>
          <el-image v-if="productType==='API_Fan'" style="width: 150px;margin-top:10px;" :src="require('@/assets/logo-apifan.png')" fit="fill"></el-image>
          <el-badge v-else style="height: 50px;">
            <el-avatar  class="el-dropdown-avatar" size="medium"  :src="userInfo.imagePath === null ? require('@/assets/logo-t.jpg') : userInfo.imagePath"></el-avatar>
          </el-badge>
          <el-dropdown-menu slot="dropdown">
@@ -51,7 +52,8 @@
    'langSelect': LangSelect
  },
  computed: {
    ...mapState('user', { langFlag: state => state.langFlag })
    ...mapState('user', { langFlag: state => state.langFlag }),
    ...mapState('exam', { productType: state => state.productType })
  }
}
</script>