yizhizan-h5/package/jobIntention/company.vue

<template>
  <view class="company">
    <nav-bar title="公司认证" color="#000"></nav-bar>
    <view class="company-content">
      <view class="company-title">请认证你和公司的关系</view>
      <view class="company-img-box">
        <view class="comp-img">
          <image src="@/static/images/jobApplicant/yinyezhizhao.svg" mode="scaleToFill" />
        </view>
        <view class="comp-txt">
          <view class="comp-name">营业执照</view>
          <view class="comp-desc">拍照上传纸质营业执照原件</view>
        </view>
      </view>
    </view>
    <view class="bottom-btn">更换公司</view>
  </view>
</template>
<script>
import navBar from "@/components/nav-bar/index.vue";
export default {
  data() {
    return {
      address: "",
      addressDetail: "",
    };
  },
  components: {
    navBar,
  },
};
</script>
<style scoped lang="scss">
.company {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  font-family: DM Sans;
  .company-content {
    flex: 1;
    padding: 40rpx;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
    .company-title {
      color: #333;
      font-size: 40rpx;
      font-weight: 600;
      margin-bottom: 20rpx;
    }
    .company-img-box {
      display: flex;
      align-items: center;
      box-sizing: border-box;
      border: 1rpx solid rgba(227, 231, 236, 1);
      border-radius: 12rpx;
      background: rgba(255, 255, 255, 1);
      padding: 36rpx;
      box-sizing: border-box;
      gap: 26rpx;
      .comp-img {
        flex-shrink: 0;
        image {
          width: 96rpx;
          height: 96rpx;
        }
      }
      .comp-txt {
        flex: 1;
        .comp-name {
          color: rgba(23, 23, 37, 1);
          font-family: DM Sans;
          font-size: 28rpx;
          font-weight: 400;
        }
        .comp-desc {
          margin-top: 8rpx;
          color: rgba(120, 130, 138, 1);
          font-family: DM Sans;
          font-size: 28rpx;
          font-weight: 400;
        }
      }
    }
  }
  .bottom-btn {
    flex-shrink: 0;
    padding-bottom: 50rpx;
    text-align: center;
    color: #016bf6;
    font-family: DM Sans;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 36rpx;
  }
}
</style>