yizhizan-h5/package/jobIntention/companyImg.vue

<template>
  <view class="company">
    <nav-bar title="公司认证" color="#000"></nav-bar>
    <view class="company-content">
      <view class="company-title">上传公司营业执照</view>
      <view class="company-desc">请上传“深圳市汉睿国际猎头服务有限公司”的营业执照</view>
      <view class="company-btn">修改公司</view>
      <view class="upload-img">
      <u-upload :max-size="5 * 1024 * 1024" max-count="1" class="upload" width="452" height="322"></u-upload>
      </view>
      <view class="warning-title">注意事项</view>
      <view class="warning-desc">1.拍摄与所填公司一致的营业执照上传</view>
      <view class="warning-desc">2.最新下发的营业执照</view>
      <view class="warning-desc">3.营业执照信息和公章清晰可辨</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-desc {
      color: rgba(102, 102, 102, 1);
      font-family: DM Sans;
      font-size: 24rpx;
      font-weight: 400;
      line-height: 32rpx;
    }
    .company-btn {
      color: #016bf6;
      font-family: DM Sans;
      font-size: 24rpx;
      font-weight: 400;
      line-height: 32rpx;
      margin-top: 20rpx;
    }
    .upload-img {
      width: 100%;
      height: 388rpx;
      background: #fce9dc;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20rpx;
    }
    .warning-title {
      color: #1f2c37;
      font-family: DM Sans;
      font-size: 28rpx;
      font-weight: 500;
      margin-top: 20rpx;

    }
    .warning-desc {
      color: #666666;
      font-family: DM Sans;
      font-size: 24rpx;
      font-weight: 400;
      margin-top: 20rpx;
    }
  }
  .bottom-btn {
    border-radius: 999px;
    background: #016bf6;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 1);
    font-family: DM Sans;
    font-size: 32rpx;
    font-weight: 400;
    padding: 16rpx 32rpx;
    box-sizing: border-box;
    margin: 20rpx;
    margin-bottom: 110rpx;
  }
}
</style>