更新Company页面的UI为FUI风格
This commit is contained in:
@@ -38,10 +38,10 @@ const CollapsibleHeader = ({
|
||||
onModeToggle = null,
|
||||
isLocked = false
|
||||
}) => {
|
||||
// 使用深色主题颜色
|
||||
const sectionBg = 'rgba(26, 31, 46, 0.6)';
|
||||
const hoverBg = 'rgba(33, 38, 51, 0.8)';
|
||||
const headingColor = PROFESSIONAL_COLORS.text.primary;
|
||||
// 深色主题 - 标题区块背景稍亮
|
||||
const sectionBg = '#3D4A5C';
|
||||
const hoverBg = '#4A5568';
|
||||
const headingColor = '#F7FAFC';
|
||||
|
||||
// 获取按钮文案
|
||||
const getButtonText = () => {
|
||||
|
||||
@@ -36,8 +36,8 @@ const CollapsibleSection = ({
|
||||
showModeToggle = false,
|
||||
defaultMode = 'detailed'
|
||||
}) => {
|
||||
// 使用半透明深色背景
|
||||
const sectionBg = 'rgba(21, 25, 34, 0.6)';
|
||||
// 深色主题 - 折叠区块背景稍亮
|
||||
const sectionBg = '#354259';
|
||||
|
||||
// 模式状态:'detailed' | 'simple'
|
||||
const [displayMode, setDisplayMode] = useState(defaultMode);
|
||||
|
||||
@@ -86,10 +86,10 @@ const sectionReducer = (state, action) => {
|
||||
const DynamicNewsDetailPanel = ({ event, showHeader = true }) => {
|
||||
const dispatch = useDispatch();
|
||||
const { user } = useAuth();
|
||||
// 使用半透明背景以支持毛玻璃效果
|
||||
const cardBg = 'rgba(26, 31, 46, 0.6)';
|
||||
// 深色主题 - 与弹窗背景一致
|
||||
const cardBg = '#2D3748';
|
||||
const borderColor = 'rgba(255, 255, 255, 0.08)';
|
||||
const textColor = PROFESSIONAL_COLORS.text.secondary;
|
||||
const textColor = '#CBD5E0';
|
||||
|
||||
// 使用 useWatchlist Hook 管理自选股
|
||||
const {
|
||||
|
||||
Reference in New Issue
Block a user