sso-ssr/components/default/LoginHeader.vue

<template>
  <nav class="x-navbar">
    <div class="container">
      <div class="navbar-header">
        <input type="hidden" name="iconUrl" value="/static/img/icon_mall_index.png">
        <a class="navbar-brand" href="https://www.usoftmall.com/">
          欢迎登录
        </a>
      </div>
      <div class="collapse navbar-collapse navbar-right">
        <a href="http://www.ubtob.com">优软云首页</a> <a href="http://uas.ubtob.com/serve#/">帮助</a>
      </div>
    </div>
  </nav>
</template>
<script>
  export default {
    name: 'LoginHeader',
    data () {
      return {}
    }
  }
</script>
<style lang="scss" scoped>
  @import '~assets/scss/mixins';
  @import '~assets/scss/variables';
  .x-navbar{
    height: 80px;
    line-height: 80px;
    margin: 0;
    .container{
      position: relative;
      width: 990px!important;
      a.navbar-brand{
        padding: 0 0 0 85px;
        height: inherit;
        line-height: inherit;
        font-family: "\5FAE\8F6F\96C5\9ED1";
        font-size: 24px;
        font-weight: 400;
        color: #888;
        background: url(/images/all/icon_brand.png) left center no-repeat;
      }
      .collapse{
        a{
          padding-left: 12px;
          margin-right: 10px;
          color: #666;
          outline: 0;
          border-left: 1px solid #ddd;
          &:first-child{
             border-width: 0;
           }
        }
      }
    }
  }
</style>