<template>
  <div id="fast">
    <el-row>
      <el-col :span="24">
        <el-col :span="6" class="info">
          <el-image style="width:88px;height:88px;" :src="zhiye"></el-image>
          <el-link href="http://ccut.51langtu.com/improperBrowser.htm" :underline="false">职业测评</el-link>
        </el-col>
        <el-col :span="6" class="info">
          <el-image style="width:88px;height:88px;" :src="jiuye"></el-image>
          <el-link href="http://xlzx.zt.ccut.edu.cn/" :underline="false">就业心理咨询</el-link>
        </el-col>
        <el-col :span="6" class="info">
          <el-image style="width:88px;height:88px;" :src="xinli"></el-image>
          <el-link href="http://www.jilinjobs.cn/" :underline="false">就业信息网</el-link>
        </el-col>
        <el-col :span="6" class="info">
          <el-image style="width:88px;height:88px;" :src="yingzheng"></el-image>
          <el-link href="http://wzb.dept.ccut.edu.cn/" :underline="false">应征入伍</el-link>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'fast',
  props: {},
  components: {},
  data: () => ({
    zhiye: require('../../../assets/zhiye.png'),
    jiuye: require('../../../assets/jiuye.png'),
    xinli: require('../../../assets/xinli.png'),
    yingzheng: require('../../../assets/yingzheng.png'),
  }),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.info {
  width: 150px;
  height: 150px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #efefef;
  margin: 0 52px 0 1px;
  text-align: center;
}
.info:last-child {
  margin: 0;
}
.info .el-image {
  padding: 8px 30px;
}
/deep/.info .el-link {
  color: #415285;
  font-size: 18px;
  font-weight: bold;
}
</style>
