web-common/src/layout/index/yizhanshi.vue

<template>
  <div id="yizhanshi">
    <el-row v-if="image">
      <el-col :span="24">
        <el-col class="ThrMainLogin" :span="24">
          <el-link :underline="false">
            <el-image style="width: 253px; height: 35px" :src="image.yizhan"></el-image>
          </el-link>
          <el-link :underline="false" href="http://jilinbys.ncss.org.cn/login">
            <el-image style="width: 98px; height: 37px" :src="image.xuesheng"></el-image>
          </el-link>
          <el-link :underline="false" href="http://jilinbys.ncss.org.cn/rec/login">
            <el-image style="width: 98px; height: 37px" :src="image.danwei"></el-image>
          </el-link>
          <el-link :underline="false" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/student_guide.pdf">
            <el-image style="width: 141px; height: 24px" :src="image.shouce"></el-image>
          </el-link>
          <el-link :underline="false" href="http://file.ncss.org.cn/ncsFile/ncss/guidebook/rec_guide.pdf">
            <el-image style="width: 141px; height: 24px" :src="image.shouces"></el-image>
          </el-link>
        </el-col>
        <el-col :span="24" class="yizhan">
          <el-col :span="12" class="yizhanTit" v-for="(item, index) in yizhanList" :key="index" :type="item.type">
            <el-link :underline="false" href="" class="item-link has-dot" target="_blank">
              <p style="font-size:13px;">{{ item.title }}({{ item.time }})</p>
            </el-link>
          </el-col>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'yizhanshi',
  props: {},
  components: {},
  data: () => ({
    image: {
      yizhan: require('@/assets/yizhan.jpg'),
      xuesheng: require('@/assets/xuesheng.jpg'),
      danwei: require('@/assets/danwei.jpg'),
      shouce: require('@/assets/shouce.jpg'),
      shouces: require('@/assets/shouces.jpg'),
    },
    yizhanList: [
      {
        title: '[浙江] 宁波市天普橡胶科技股份有限公司',
        time: '11-22',
      },
      {
        title: '[浙江] 杭州巨峰科技有限公司',
        time: '11-22',
      },
      {
        title: '[山东] 青岛美艾丝国际贸易有限公司',
        time: '11-22',
      },
      {
        title: '[北京] 北京粉笔蓝天科技有限公司',
        time: '11-22',
      },
      {
        title: '[浙江] 杭州巨峰科技有限公司',
        time: '11-22',
      },
      {
        title: '[北京] 卓然天工自动化仪表（北京）有限公司',
        time: '11-22',
      },
      {
        title: '[山东] 青岛宏智软件有限公司',
        time: '11-22',
      },
      {
        title: '[北京] 北京棣南新宇科技有限公司',
        time: '11-22',
      },
      {
        title: '[天津] 天津环球优路教育科技有限公司',
        time: '11-22',
      },
      {
        title: '[北京] 北京棣南新宇科技有限公司',
        time: '11-22',
      },
    ],
  }),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
p {
  margin: 0;
  padding: 0;
}
.ThrMainLogin {
  float: left;
  width: 100%;
  height: auto;
  background: #4193c5;
}
.ThrMainLogin .el-link {
  margin: 0 9px;
  padding: 8px 0;
}
.ThrMainLogin img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.yizhanTit {
  padding: 11px 10px;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>