certificate-admin/ruoyi-ui/src/views/certInquire/index.vue

<template>
    <div class="main">
        <div class="img-box">
            <img src="../../assets/logo/logo2.png" alt="广东省教师继续教育学会">
        </div>
        <div>
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
</script>
<style lang="scss">
.main {
  text-align: left;
  margin: 100px auto;
  width: 500px;
}
.img-box {
  width: 360px;
  height: 80px;
//   background-color: brown;
  text-align: center;
  img{
    height: 100%;
    transform: scale(1.5);
  }
}
.main-title {
  width: 360px;
  text-align: center;
}
.label-box {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.label-title {
  width: 150px;
  line-height: 22px;
  flex: 0 0 auto;
  text-align: center;
}
.label-input {
  line-height: 30px;
  width: 210px;
  border: 1px solid #50ac55;
  padding-left: 10px;
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
}
.label-must {
  color: red;
}
.btn-box {
  text-align: right;
}
.btn-box button {
  width: 140px;
  height: 40px;
  margin: 10px;
}
.btn-reset {
  background-color: #f1f2f3;
  border: none;
}
.btn-search {
  background-color: rgb(176,11,17);
  color: white;
    border: none;
}
.captcha-img {
  width: 120px;
  background: antiquewhite;
  margin: auto;
  height: 50px;
}
.activeSpan{
    color: #50ac55;
}
</style>