From 39236b667301ea8695476dd90cd326356f01c2bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=82=85=E5=85=89=E5=AD=9F?= <fgmfjf@163.com>
Date: Thu, 29 Jan 2026 17:47:53 +0800
Subject: [PATCH] =?UTF-8?q?feat(macroscopic):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=AE=8F=E8=A7=82=E7=9F=A5=E5=BE=AE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                  |   3 +
 src/pages/macroscopic/index.vue | 216 ++++++++++++++++++++++++++++++++
 2 files changed, 219 insertions(+)
 create mode 100644 src/pages/macroscopic/index.vue

diff --git a/src/pages.json b/src/pages.json
index 4604667..34ef58c 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -81,6 +81,9 @@
     },
     {
       "path": "pages/recommend/index"
+    },
+    {
+      "path": "pages/macroscopic/index"
     }
   ],
   "globalStyle": {
diff --git a/src/pages/macroscopic/index.vue b/src/pages/macroscopic/index.vue
new file mode 100644
index 0000000..05817a5
--- /dev/null
+++ b/src/pages/macroscopic/index.vue
@@ -0,0 +1,216 @@
+<template>
+  <view class="page-container">
+    <!-- 导航栏 start -->
+    <view class="custom-bav-bar">
+      <view class="left">
+        <u-icon name="arrow-left" color="#666" size="36rpx" @click="back" />
+      </view>
+      <view class="center"> 宏观知微 </view>
+    </view>
+    <!-- 导航栏 end -->
+
+    <!-- 标题 start -->
+    <view class="page-title">
+      <view class="hide">挖掘核心投资资产 提供决策先手信息</view>
+    </view>
+    <!-- 标题 end -->
+
+    <view class="page-main">
+      <view class="news-list">
+        <view class="news-item">
+          <view class="title">
+            <view class="icon">宏观</view>
+            <view class="name">
+              行业龙头最新财报行业龙头最新财报行业龙头最新财报行业龙头最新财报
+            </view>
+          </view>
+          <view class="content">
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+          </view>
+          <view class="source">
+            <view>中国证券报</view>
+            <view>2025-06-23 10:00</view>
+          </view>
+        </view>
+        <view class="news-item">
+          <view class="title">
+            <view class="icon">宏观</view>
+            <view class="name">
+              行业龙头最新财报行业龙头最新财报行业龙头最新财报行业龙头最新财报
+            </view>
+          </view>
+          <view class="content">
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+          </view>
+          <view class="source">
+            <view>中国证券报</view>
+            <view>2025-06-23 10:00</view>
+          </view>
+        </view>
+        <view class="news-item">
+          <view class="title">
+            <view class="icon">宏观</view>
+            <view class="name">
+              行业龙头最新财报行业龙头最新财报行业龙头最新财报行业龙头最新财报
+            </view>
+          </view>
+          <view class="content">
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+            英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+          </view>
+          <view class="source">
+            <view>中国证券报</view>
+            <view>2025-06-23 10:00</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+</script>
+
+<style scoped lang="scss">
+.page-container {
+  width: 100%;
+  background-color: #fff;
+  background-image: url("@/assets/images/page/page_3@2x.png");
+  background-size: 100% auto;
+  background-repeat: no-repeat;
+}
+
+.custom-bav-bar {
+  width: 100%;
+  height: 88rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+
+  .back_icon {
+    width: 36rpx;
+    height: 36rpx;
+  }
+
+  .logo_icon {
+    width: 168rpx;
+    height: 36rpx;
+    margin-right: 6rpx;
+  }
+
+  .left {
+    position: absolute;
+    top: 24rpx;
+    left: 32rpx;
+  }
+
+  .center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: "PingFangSC, PingFang SC";
+    font-weight: 500;
+    font-size: 34rpx;
+    color: #222222;
+    line-height: 36rpx;
+  }
+}
+
+.page-title {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  padding-top: 202rpx;
+  margin-bottom: 10rpx;
+
+  .hide {
+    display: none;
+    opacity: 0;
+  }
+}
+
+.page-main {
+  width: 100%;
+  padding: 30rpx 30rpx 0;
+  background: #fff;
+  border-radius: 24rpx 24rpx 0px 0px;
+  overflow: hidden;
+  box-sizing: border-box;
+
+  .news-item {
+    width: 100%;
+    margin-bottom: 30rpx;
+    padding-bottom: 30rpx;
+    border-bottom: 2rpx solid #F3F3F5;
+    box-sizing: border-box;
+
+    &:last-child{
+      border-bottom: none;
+    }
+
+    .title {
+      display: flex;
+      align-items: center;
+      margin-bottom: 16rpx;
+      .icon {
+        padding: 2rpx 8rpx 7rpx;
+        font-family: "AlimamaShuHeiTi, AlimamaShuHeiTi";
+        font-weight: bold;
+        font-size: 24rpx;
+        color: #fffdf9;
+        line-height: 34rpx;
+        background: #ff9d2f;
+        border-radius: 4rpx;
+        margin-right: 10rpx;
+      }
+
+      .name {
+        flex: 1;
+        width: 564rpx;
+        font-family: "PingFangSC, PingFang SC";
+        font-weight: 500;
+        font-size: 28rpx;
+        color: #222222;
+        line-height: 40rpx;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        word-break: break-all;
+      }
+    }
+
+    .content {
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      margin-bottom: 16rpx;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-all;
+      font-family: "PingFangSC, PingFang SC";
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #333333;
+      line-height: 33rpx;
+    }
+
+    .source {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-family: "PingFangSC, PingFang SC";
+      font-weight: 400;
+      font-size: 22rpx;
+      color: #999999;
+      line-height: 30rpx;
+    }
+  }
+}
+</style>