<template>
<div class="header">
  <h3><img :src="loginStyle.logoUrlMobile ? loginStyle.logoUrlMobile : '/img/logo/uas.png'" alt="">{{loginStyle.titleMobile || '账户中心'}}</h3>
</div>
</template>

<script>
  export default {
    name: 'headerMobile',
    computed: {
      loginStyle () {
        return this.$store.state.login.loginStyle.data.content ? this.$store.state.login.loginStyle.data.content : ''
      }
    }
  }
</script>

<style scoped type="text/scss" lang="scss">
.header{
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  line-height: 1.5rem;
  h3{
    margin:0;
    color:#333;
    font-weight: bold;
    font-size:.4rem;
  }
  img{
    width:1.4rem;
    height:.38rem;
    vertical-align: middle;
    margin-right:.2rem;
  }
}
</style>
