HomeLease/pages/cashFlow/cashFlow.vue

<template>
  <view
    :style="{
      background: `linear-gradient(to bottom, #ff803a 0, #ff803a ${getNavBarHeight() * 2}px, transparent ${getNavBarHeight() * 2}px, transparent 100%)`,
    }"
    class="agents-page"
  >
    <!-- 头部区域 -->
    <custom-nav-bar3 title="收支明细"></custom-nav-bar3>
    <view :style="{ height: getNavBarHeight() + 'px' }" class="fill"></view>
    <view :style="{ height: getNavBarHeight() + 'px' }" class="header">
      <view class="all-type">
        <image class="all-type-img"></image>
      </view>
      <view class="cash-flow">
        <view class="date"></view>
      </view>
    </view>

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

;

<script>
import commonEnum from '../../enum/commonEnum'
import { getNavBarHeight } from '../../utils/system'

export default {
  name: 'AgentsPage',

  data() {
    return {
      getNavBarHeight,
    }
  },
  computed: {
    commonEnum() {
      return commonEnum
    },
  },
  onLoad() {
    // 页面加载时的逻辑
  },
  methods: {
    // 保存分享海报
  },
}
</script>
<style lang="scss" scoped>
.agents-page {
  position: relative;
  height: 100vh;
}

.header {
}

// 主要内容区域
.main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 40rpx;
  margin: 0 30rpx;
  padding: 40rpx;
}

view {
  border: #16ff00 1px solid;
}
</style>