c372832f1f
新增功能： - 实时要闻·动态追踪横向滚动卡片（DynamicNewsCard） - 动态新闻事件卡片组件（DynamicNewsEventCard） - 市场复盘卡片组件（MarketReviewCard） - 股票涨跌幅指标组件（StockChangeIndicators） - 交易时间工具函数（tradingTimeUtils） - Mock API 支持动态新闻数据生成 UI 优化： - EventFollowButton 改用 react-icons 星星图标，实现真正的空心/实心效果 - 关注按钮添加半透明白色背景（whiteAlpha.500），悬停效果更明显 - 事件卡片标题添加右侧留白，防止关注按钮遮挡文字 性能优化： - 禁用 Router v7_startTransition 特性，解决路由切换延迟 2 秒问题 - 调整导航菜单点击顺序（先跳转后关闭），提升响应速度 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
41 lines
1.2 KiB
JavaScript
Executable File
41 lines
1.2 KiB
JavaScript
Executable File
// src/index.js
|
||
import React from 'react';
|
||
import ReactDOM from 'react-dom/client';
|
||
import { BrowserRouter as Router } from 'react-router-dom';
|
||
// 本地引入 Leaflet 样式，替代不稳定的 CDN 外链
|
||
import 'leaflet/dist/leaflet.css';
|
||
// 导入 Tailwind CSS 和 Brainwave 样式
|
||
import './styles/brainwave.css';
|
||
import './styles/brainwave-colors.css';
|
||
|
||
// Import the main App component
|
||
import App from './App';
|
||
|
||
// 启动 Mock Service Worker（如果启用）
|
||
async function startApp() {
|
||
// 只在开发环境启动 MSW
|
||
if (process.env.NODE_ENV === 'development' && process.env.REACT_APP_ENABLE_MOCK === 'true') {
|
||
const { startMockServiceWorker } = await import('./mocks/browser');
|
||
await startMockServiceWorker();
|
||
}
|
||
|
||
// Create root
|
||
const root = ReactDOM.createRoot(document.getElementById('root'));
|
||
|
||
// Render the app with Router wrapper
|
||
root.render(
|
||
<React.StrictMode>
|
||
<Router
|
||
future={{
|
||
// v7_startTransition: true, // 禁用：导致路由切换延迟2秒，影响用户体验
|
||
v7_relativeSplatPath: true,
|
||
}}
|
||
>
|
||
<App />
|
||
</Router>
|
||
</React.StrictMode>
|
||
);
|
||
}
|
||
|
||
// 启动应用
|
||
startApp(); |