<template>
  <view class="agents-page">
    <!-- 头部区域 -->
    <custom-nav-bar3 title=""></custom-nav-bar3>
    <view class="header">
      <image :src="commonEnum.INVITE" class="agent-background" mode="aspectFill"></image>
    </view>

    <!-- 主要内容区域 -->
    <view class="main-content">
      <!-- 内容区域 -->
      <view class="content-section"></view>
    </view>
  </view>
</template>

<script>
import commonEnum from '../../enum/commonEnum'

export default {
  name: 'AgentsPage',
  computed: {
    commonEnum() {
      return commonEnum
    },
  },
  onLoad() {
    // 页面加载时的逻辑
  },
  data() {
    return {
      // 页面数据
    }
  },
  methods: {
    // 页面方法
  },
}
</script>

<style lang="scss" scoped>
.agents-page {
  position: relative;
  background: #fbe4ba;
  min-height: 100vh;
}

// 头部区域
.header {
  position: relative;
  background: #fedfcd;

  .agent-background {
    position: relative;
    width: 750rpx;
  }
}

// 主要内容区域
.main-content {
  position: relative;
  top: -25rpx;
  background: #ffffff;
  border-radius: 40rpx;
  margin: 0 30rpx;
  padding: 40rpx;
  height: 1050rpx;
  //border: red solid 1rpx;
}

// 内容区域
.content-section {
  //background: #00ff23;
}
</style>
