logo图片大小双端适配

阳洁

2024-03-05 07992e69b7e5d7325b59fe7a1b415a2780653441

 src/layout/index.vue

@@ -6,15 +6,15 @@
        <!--国际化的语言选择-->
        <!--<component :is="langSelect"></component>-->
      </div>
      <div class="head-user" style="float:left;margin-bottom:10px">
      <div class="head-user" style="float:left;">
        <el-dropdown trigger="click" placement="bottom">
          <el-image v-if="productType==='API_Fan'" style="width: 150px;margin-top:10px;" :src="require('@/assets/logo-apifan.png')" fit="fill"></el-image>
          <el-image v-if="productType==='API_Fan'" :style="{'width': isMobile?'120px':'150px','margin-top':'5px'}" :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">
<!--            <el-dropdown-item divided>保存退出</el-dropdown-item>-->
          </el-dropdown-menu>
          </el-dropdown-menu> 
        </el-dropdown>
      </div>
    </el-header>
@@ -37,7 +37,8 @@
      userInfo: {
        imagePath: null
      },
      langSelect: 'langSelect'
      langSelect: 'langSelect',
      isMobile: /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obile|ini)/.test(navigator.userAgent)
    }
  },
  created () {