zyuas.com/src/view/JoinUs/Index.vue

<template>
  <div id="JoinUs">
    <div class="banner container-fuild text-center">加入我们</div>
    <div class="container">
      <div class="JoinUs-container wow pulse">
        <h2>JAVA全栈工程师</h2>
        <p>岗位职责</p>
        <ol>
          <li> 负责无人机领域的无人机web管理系统的二次开发，部署上线。</li>
          <li> 负责无人机管理系统的接口协议定义与接口开发。</li>
          <li> 参与系统需求分析与设计， 与项目经理一起参与客户需求调研，抽象业务功能，完成业务逻辑的开发。接口规范制定，架构设计。</li>
        </ol>
        <p>任职要求</p>
        <ol>
          <li>精通SpringBoot+MySql+Vue开发, 熟悉前后端分离的WEB开发思路，熟悉Vue3或React ；</li>
          <li>具备非常强的自学能力，遇到问题善于使用github、google、生成式AI、copilot等工具查询解决思路。</li>
          <li>熟练掌握 Java 语言，熟练掌握Spring boot 框架。 如果能熟练掌握C++ 与 opencv  更好（非必需）。</li>
          <li>具备良好的代码编写习惯和调试能力，能够编写可维护的高质量代码。</li>
        </ol>
        <button class="center-block btn btn-warning btn-lg">投递简历</button>
      </div>
    </div>
  </div>
</template>
<script>
import { WOW } from 'wowjs';
export default {
  name: "JoinUs",
  data() {
    return {};
  },
  mounted(){
    var wow = new WOW();
    wow.init();
  }
};
</script>
<style scoped>
.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url("~@/assets/img/banner_4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}
.JoinUs-container {
  margin: 100px;
  padding: 30px;
  transition: all ease 0.5s;
  border: 1px dashed salmon;
}
.JoinUs-container h2{
  color: rgb(255, 102, 19);
  font-weight: bolder;
  text-align: center;
}
.JoinUs-container p{
font-size: 20px;
  color: rgb(255, 102, 19);
  font-weight: 700;
}
.JoinUs-container ol{
    list-style-type: decimal;
    padding-left: 30px;
}
.JoinUs-container ol>li{
    font-size: 14px;
    line-height: 2.7rem;
}
@media screen and (max-width: 997px) {
  .JoinUs-container {
    margin: 20px 0;
    padding: 20px;
    border: 1px dashed salmon;
  }
}
</style>