/* * WTAI FLAT UI - Professional Qt4.8 StyleSheet * 专业的扁平化设计系统 * 设计原则:简约、一致、实用 * 配色方案:蓝白灰主色调,橙色点缀 */ /* ============ 设计系统变量(实际使用时替换) ============ */ /* 主色调:#2980b9(深蓝)*/ /* 辅色调:#3498db(亮蓝)*/ /* 强调色:#e74c3c(红色)*/ /* 成功色:#27ae60(绿色)*/ /* 背景色:#f8f9fa(浅灰)*/ /* 文字色:#2c3e50(深灰)*/ /* 边框色:#dfe4e8(浅边框)*/ /* ============ 基础重置 ============ */ * { font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif; font-size: 9pt; background-color: transparent; outline: none; } QWidget { background-color: #f8f9fa; } /* ============ 按钮系统 ============ */ /* 基础按钮 */ QPushButton { background-color: #ffffff; color: #2c3e50; border: 1px solid #dfe4e8; border-radius: 4px; padding: 6px 16px; min-height: 30px; min-width: 80px; /* 字体优化 */ font-weight: 500; letter-spacing: 0.3px; } QPushButton:hover { background-color: #f1f5f9; border-color: #bdc3c7; } QPushButton:pressed { background-color: #e8f4fc; border-color: #3498db; } QPushButton:checked { background-color: #2980b9; color: white; border-color: #2980b9; } /* 主按钮 */ QPushButton.primary { background-color: #2980b9; color: white; border: none; } QPushButton.primary:hover { background-color: #3498db; } /* 工具按钮 */ QToolButton { background-color: transparent; border: 1px solid transparent; border-radius: 4px; padding: 4px; min-width: 24px; min-height: 24px; } QToolButton:hover { background-color: rgba(52, 152, 219, 0.1); } QToolButton:pressed, QToolButton:checked { background-color: rgba(52, 152, 219, 0.2); } /* ============ 输入控件 ============ */ QLineEdit, QTextEdit, QPlainTextEdit { background-color: white; border: 1px solid #dfe4e8; border-radius: 4px; padding: 7px 10px; selection-background-color: #3498db; selection-color: white; } QLineEdit:focus, QTextEdit:focus, QPlainTextEdit:focus { border-color: #3498db; background-color: white; } QLineEdit[readOnly="true"] { background-color: #f8f9fa; color: #7f8c8d; } /* ============ 标签页系统(重点优化) ============ */ QTabWidget::pane { border: 1px solid #dfe4e8; border-top: none; background-color: white; border-radius: 0 0 4px 4px; } QTabBar::tab { background-color: #ecf0f1; color: #2c3e50; border: 1px solid #dfe4e8; border-bottom: none; padding: 8px 20px; margin-right: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; min-width: 100px; /* 字体优化 */ font-weight: 500; } QTabBar::tab:selected { background-color: white; color: #2980b9; font-weight: 600; border-bottom: 2px solid #2980b9; } QTabBar::tab:hover:!selected { background-color: #f5f7fa; color: #3498db; } /* 左侧标签页 */ QTabBar::tab:left { min-height: 60px; } /* ============ 数据表格系统 ============ */ QTableView, QTableWidget { background-color: white; border: 1px solid #dfe4e8; alternate-background-color: #f8f9fa; selection-background-color: #3498db; selection-color: white; gridline-color: #ecf0f1; } QTableView QHeaderView::section, QTableWidget QHeaderView::section { background-color: #f1f5f9; color: #2c3e50; border: none; border-right: 1px solid #dfe4e8; border-bottom: 2px solid #dfe4e8; padding: 8px 12px; font-weight: 600; } QTableView QHeaderView, QTableWidget QHeaderView { background-color: transparent; } /* ============ 树形视图 ============ */ QTreeView, QTreeWidget { background-color: white; border: 1px solid #dfe4e8; selection-background-color: #3498db; selection-color: white; } QTreeView QHeaderView::section, QTreeWidget QHeaderView::section { background-color: #f1f5f9; color: #2c3e50; border: none; border-right: 1px solid #dfe4e8; border-bottom: 2px solid #dfe4e8; padding: 6px 10px; font-weight: 600; } /* ============ 分组框 ============ */ QGroupBox { background-color: white; border: 1px solid #dfe4e8; border-radius: 6px; margin-top: 12px; padding-top: 18px; } QGroupBox::title { color: #2980b9; subcontrol-origin: margin; subcontrol-position: top left; margin-left: 10px; padding: 0 10px; background-color: white; font-weight: 600; font-size: 9.5pt; } /* ============ 复选框 & 单选框 ============ */ QCheckBox, QRadioButton { spacing: 8px; color: #2c3e50; } QCheckBox::indicator { width: 18px; height: 18px; border: 2px solid #bdc3c7; border-radius: 3px; background-color: white; } QCheckBox::indicator:checked { background-color: #2980b9; border-color: #2980b9; image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNMNCA5TDIgNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+); } QRadioButton::indicator { width: 18px; height: 18px; border: 2px solid #bdc3c7; border-radius: 9px; background-color: white; } QRadioButton::indicator:checked { background-color: #2980b9; border-color: #2980b9; } /* ============ 下拉框 ============ */ QComboBox { background-color: white; border: 1px solid #dfe4e8; border-radius: 4px; padding: 7px 10px; min-height: 30px; } QComboBox::drop-down { border: none; width: 24px; } QComboBox::down-arrow { image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgNEw2IDhMMTAgNCIgc3Ryb2tlPSIjMmMzZTUwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==); width: 12px; height: 12px; } QComboBox QAbstractItemView { border: 1px solid #dfe4e8; background-color: white; selection-background-color: #3498db; selection-color: white; } /* ============ 滚动条 ============ */ QScrollBar:vertical { background-color: #f1f5f9; width: 10px; border-radius: 5px; } QScrollBar::handle:vertical { background-color: #bdc3c7; border-radius: 5px; min-height: 30px; } QScrollBar::handle:vertical:hover { background-color: #95a5a6; } QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical { height: 0px; } /* ============ 工具栏 ============ */ QToolBar { background-color: white; border-bottom: 2px solid #ecf0f1; padding: 4px 8px; spacing: 4px; } QToolBar::separator { background-color: #dfe4e8; width: 1px; margin: 4px 8px; } /* ============ 菜单系统 ============ */ QMenuBar { background-color: white; border-bottom: 1px solid #ecf0f1; } QMenuBar::item { padding: 8px 16px; color: #2c3e50; } QMenuBar::item:selected { background-color: #3498db; color: white; } QMenu { background-color: white; border: 1px solid #dfe4e8; padding: 4px 0; } QMenu::item { padding: 8px 24px 8px 16px; color: #2c3e50; } QMenu::item:selected { background-color: #3498db; color: white; } /* ============ 停靠窗口 ============ */ QDockWidget { background-color: white; border: 1px solid #dfe4e8; } QDockWidget::title { background-color: #f1f5f9; color: #2c3e50; padding-left: 12px; height: 30px; border-bottom: 1px solid #dfe4e8; } /* ============ 进度条 ============ */ QProgressBar { border: 1px solid #dfe4e8; border-radius: 4px; background-color: white; text-align: center; } QProgressBar::chunk { background-color: #2980b9; border-radius: 3px; } /* ============ 滑块 ============ */ QSlider::groove:horizontal { height: 4px; background: #dfe4e8; border-radius: 2px; } QSlider::handle:horizontal { background: #2980b9; width: 16px; height: 16px; margin: -6px 0; border-radius: 8px; } /* ============ 工具提示 ============ */ QToolTip { background-color: #2c3e50; color: white; border: none; border-radius: 4px; padding: 8px 12px; font-size: 8.5pt; } /* ============ 分割器 ============ */ QSplitter::handle { background-color: #dfe4e8; } /* ============ 状态栏 ============ */ QStatusBar { background-color: white; color: #7f8c8d; border-top: 1px solid #ecf0f1; padding: 4px 12px; } /* ============ 特殊控件适配 ============ */ /* 您的自定义控件 */ ZxHeaderComboBoxEx { background-color: #f1f5f9; border: 1px solid #dfe4e8; border-radius: 4px; } ZxPtyPano { background-color: white; border: 1px solid #dfe4e8; border-radius: 4px; } iGridRowUtils { background-color: white; border: 1px solid #dfe4e8; border-radius: 4px; } /* ============ Ribbon 界面适配 ============ */ #btnRibbonFile { background-color: #2980b9; color: white; border: none; border-radius: 3px; min-width: 50px; height: 24px; font-weight: 600; } #btnRibbonFile:hover { background-color: #3498db; } /* ============ 响应式辅助类 ============ */ /* 在代码中动态添加这些类来适应不同分辨率 */ /* 紧凑模式(小屏幕) */ .compact QPushButton { padding: 4px 10px; min-height: 26px; min-width: 70px; font-size: 8.5pt; } .compact QTabBar::tab { padding: 6px 12px; min-width: 80px; } /* 舒适模式(大屏幕) */ .comfortable QPushButton { padding: 8px 20px; min-height: 34px; min-width: 90px; font-size: 9.5pt; } .comfortable QTabBar::tab { padding: 10px 24px; min-width: 120px; }