SEEC-Portal-Front/components/Navi.vue

<template>
  <nav class="nav">
    <router-link to="/"><img src="/image/seec_logo-1.png" class="nav__logo" /></router-link>
    <ul class="nav__list nav__list-left">
      <li class="nav__item"><a href="http://helper.seecoder.cn" target="_self">HELPER</a></li>
      <li class="nav__item"><a href="http://mooc.seecoder.cn" target="_self">MOOC</a></li>
      <li class="nav__item"><a href="http://seec.seecoder.cn" target="_self">SEEC</a></li>
    </ul>
    <el-input placeholder="搜索课程" class="nav__search" disabled>
      <el-button slot="append" icon="el-icon-search" disabled></el-button>
    </el-input>
    <ul class="nav__list nav__list-right">
      <li class="nav__item"><router-link to="/login">登录</router-link></li>
      <li class="nav__item"><router-link to="/register">注册</router-link></li>
    </ul>
  </nav>
</template>

<script>
  export default {
    name: "Navi"
  };
</script>

<style scoped>

</style>