web-website/src/layout/index/login.vue

<template>
  <div id="login">
    <el-row>
      <el-col :span="24" class="login">
        <el-link :underline="false" target="_blank">
          <el-image style="width:294px;height:50px;padding: 0 0 0 40px;" :src="yizhanshi"></el-image>
        </el-link>
        <el-link :underline="false" target="_blank" href="http://jilinbys.ncss.org.cn/login">
          <el-image style="width:112px;height:50px;padding: 0 0 0 15px;" :src="xuesheng"></el-image>
        </el-link>
        <el-link :underline="false" target="_blank" href="http://jilinbys.ncss.org.cn/rec/login">
          <el-image style="width:112px;height:50px;padding: 0 0 0 15px;" :src="qiye"></el-image>
        </el-link>
        <el-link :underline="false" target="_blank" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/student_guide.pdf">
          <el-image style="width:167px;height:50px;padding: 0 0 0 190px;" :src="shouce"></el-image>
        </el-link>
        <el-link :underline="false" target="_blank" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/rec_guide.pdf">
          <el-image style="width:167px;height:50px;padding: 0 0 0 15px;" :src="shouces"></el-image>
        </el-link>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'login',
  props: {},
  components: {},
  data: () => ({
    yizhanshi: require('@/assets/yizhan.png'),
    xuesheng: require('@/assets/xuesheng.png'),
    qiye: require('@/assets/qiye.png'),
    shouce: require('@/assets/shouce.png'),
    shouces: require('@/assets/shouces.png'),
  }),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.login {
  height: 50px;
  line-height: 0px;
  background-color: #4193c5;
}
.login .el-link {
  height: 48px;
}
</style>