yizhizan-h5/package/jobIntention/companyReview.vue

<template>
  <!-- 企业认证二期 -->
  <view class="company-review">
    <view class="review-img">
      <image src="@/static/images/jobApplicant/shaixuanyuangong.svg" mode="scaleToFill" />
    </view>
    <view class="review-content">
      <view class="review-title">企业环境认证</view>
      <view class="review-desc"
        >尊敬的XXX先生/女士，为确保您与牛人之间良好的招聘体验，
        需要对您的企业环境进行认证，认证前请做好一下准备：</view
      >
      <view class="desc-box">
        <view class="review-desc">请确保是您本人在进行认证操作</view>
        <view class="review-desc">您当前是处于企业办公环境内</view>
        <view class="review-desc">工作时间：08:00-22:00，请确保在认证工作时间内完成</view>
      </view>
      <view class="review-desc">准备好以后，请点击【开始认证】</view>
      <view class="review-txt-btn">更多操作</view>
      <view class="review-btn" @click="goCompanyMsg">开始认证</view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    goCompanyMsg() {
      uni.navigateTo({ url: "/package/jobIntention/companyMsg" });
    },
  },
};
</script>
<style scoped lang="scss">
.company-review {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
  display: flex;
  flex-direction: column;
  .review-img {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    image {
      width: 418rpx;
      height: 418rpx;
    }
  }
  .review-content {
    flex-shrink: 0;
    width: 100%;
    height: 1120rpx;
    border-radius: 20rpx 20rpx 0px 0px;
    background: rgba(255, 255, 255, 1);
    padding: 50rpx;
    box-sizing: border-box;
    position: relative;
    .review-title {
      color: rgba(29, 33, 41, 1);
      font-family: DM Sans;
      font-size: 36rpx;
      font-weight: 500;
      line-height: 44rpx;
      padding-bottom: 22rpx;
    }
    .review-desc {
      color: rgba(102, 102, 102, 1);
      font-family: DM Sans;
      font-size: 24rpx;
      font-weight: 400;
      line-height: 32rpx;
    }
    .desc-box {
      padding: 50rpx 0 38rpx 0;
      box-sizing: border-box;
    }
    .review-txt-btn {
      color: #016bf6;
      font-family: DM Sans;
      font-size: 24rpx;
      font-weight: 400;
      line-height: 32rpx;
      margin-top: 24rpx;
    }
    .review-btn {
      border-radius: 999px;
      background: rgba(255, 102, 0, 1);
      display: flex;
      justify-content: center;
      color: rgba(255, 255, 255, 1);
      font-family: DM Sans;
      font-size: 32rpx;
      font-weight: 400;
      padding: 16rpx 32rpx;
      box-sizing: border-box;
      position: absolute;
      left: 50rpx;
      right: 50rpx;
      bottom: 60rpx;
    }
  }
}
</style>