收支明细界面

components/custom-nav-bar3/custom-nav-bar3.vue

@@ -61,7 +61,7 @@ function goBack() {
       .title {
         font-size: 36rpx;
         font-weight: 400;
-        color: #3d3d3d;
+        color: #ffffff;
       }
 
       .search {

pages.json

@@ -62,6 +62,12 @@
       "style": {
         "navigationStyle": "custom"
       }
+    },
+    {
+      "path": "pages/cashFlow/cashFlow",
+      "style": {
+        "navigationStyle": "custom"
+      }
     }
   ],
   "tabBar": {

pages/cashFlow/cashFlow.vue

@@ -0,0 +1,69 @@
+<template>
+  <view class="agents-page">
+    <!-- 头部区域 -->
+    <custom-nav-bar3 title="收支明细"></custom-nav-bar3>
+    <view :style="{ height: getNavBarHeight() + 'px' }" class="fill"></view>
+    <view class="header"></view>
+    <!-- 主要内容区域 -->
+    <view class="main-content"></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;
+  background: linear-gradient(
+    to bottom,
+    #ff803a 0,
+    #ff803a 348rpx,
+    transparent 348rpx,
+    transparent 100%
+  );
+  min-height: 100vh;
+}
+
+.header {
+  height: 185rpx;
+  border: #16ff00 1px solid;
+}
+
+// 主要内容区域
+.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;
+  height: 1050rpx;
+}
+</style>