<template>
  <div id="help">
    <el-row>
      <el-col :span="24" class="jiuyeInfo">
        <el-col :span="24" class="top">
          <span>智慧就业用户手册</span>
        </el-col>
        <el-col :span="24" class="info">
          <el-col :span="24">
            <h3>招聘会用户手册-PPT使用流程</h3>
            <p>电子版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/智慧就业.pptx" target="_blank"><i class="el-icon-download"></i></el-link>
          </el-col>
          <el-col :span="24">
            <h3>招聘会用户手册-平台管理</h3>
            <p>电子版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-平台管理员.docx" target="_blank"
              ><i class="el-icon-download"></i
            ></el-link>
          </el-col>
          <el-col :span="24">
            <h3>招聘会用户手册-企业端</h3>
            <p>电子版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-企业端.docx" target="_blank"><i class="el-icon-download"></i></el-link>
            <p>视频版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/操作视频-企业.mp4" target="_blank"><i class="el-icon-video-play"></i></el-link>
          </el-col>
          <el-col :span="24">
            <h3>招聘会用户手册-学校端</h3>
            <p>电子版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-学校管理员.docx" target="_blank"
              ><i class="el-icon-download"></i
            ></el-link>
            <p>视频版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/操作视频-学校.mp4" target="_blank"><i class="el-icon-video-play"></i></el-link>
          </el-col>
          <el-col :span="24">
            <h3>招聘会用户手册-学生端</h3>
            <p>电子版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/用户手册-学生端.docx" target="_blank"><i class="el-icon-download"></i></el-link>
            <p>视频版使用手册</p>
            <el-link :underline="false" href="http://smart.jilinjobs.cn/help/操作视频-学生.mp4" target="_blank"><i class="el-icon-video-play"></i></el-link>
          </el-col>
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'help',
  props: {},
  components: {},
  data: () => ({}),
  created() {},
  computed: {
    pathUrl() {
      return this.$route.path;
    },
  },
  methods: {},
};
</script>

<style lang="less" scoped>
p {
  padding: 0;
  margin: 0;
}
.jiuyeInfo {
  min-height: 600px;
  border: 1px solid #ccc;
  background: #ffff;
}
.top {
  height: 50px;
  background: #f7f5f6;
  padding: 10px 24px;
  width: 997px;
  margin: 0 0 0 1px;
}
.top span {
  display: inline-block;
  background: #0099cc;
  padding: 5px 18px;
  font-size: 16px;
  border-radius: 25px;
  color: #fff;
}
.info {
  padding: 0 50px 30px 50px;
}
.info h3 {
  margin: 10px 0;
}
.info p {
  padding: 8px 0;
  text-indent: 1rem;
}
/deep/.info .el-link {
  background: #409eff;
  margin: 0 30px;
  border-radius: 5px;
  color: #fff;
  padding: 5px 20px;
}
</style>
