qss补充
parent
b5a6e7f6ba
commit
6c6a47607f
@ -0,0 +1,177 @@
|
||||
/* ==================== DCS2025 通讯配置界面专用样式 ==================== */
|
||||
|
||||
/* 主容器背景 */
|
||||
QWidget[objectName*="Setting"] {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
/* 卡片容器 */
|
||||
QGroupBox {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #d1d9e0;
|
||||
border-radius: 12px;
|
||||
margin: 8px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* TCP标题 */
|
||||
QLabel#tcpLable {
|
||||
background-color: #2196F3;
|
||||
border: none;
|
||||
/* border-radius: 12px 12px 0px 0px; */
|
||||
padding: 16px 20px;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* RTU标题 */
|
||||
QLabel#rtuLable {
|
||||
background-color: #FF9800;
|
||||
border: none;
|
||||
/* border-radius: 12px 12px 0px 0px; */
|
||||
padding: 16px 20px;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* 内容区域 */
|
||||
QWidget[objectName*="TCPSetting"],
|
||||
QWidget[objectName*="RTUSetting"] {
|
||||
background-color: #ffffff;
|
||||
border-radius: 0px 0px 12px 12px;
|
||||
padding: 15px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* 标签 */
|
||||
QLabel#setlabel {
|
||||
color: #2c3e50;
|
||||
font-size: 12px;
|
||||
padding: 0px 0px 4px 0px;
|
||||
}
|
||||
|
||||
/* 输入框 */
|
||||
QLineEdit#setEdit {
|
||||
background-color: #ffffff;
|
||||
border: 2px solid #dee2e6;
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
font-size: 13px;
|
||||
color: #495057;
|
||||
margin: 0px 0px 8px 0px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
QLineEdit#setEdit:focus {
|
||||
border: 2px solid #2196F3;
|
||||
}
|
||||
|
||||
QLineEdit#setEdit:hover {
|
||||
border-color: #9ca3af;
|
||||
}
|
||||
|
||||
/* 下拉框 */
|
||||
QComboBox#setBox {
|
||||
background-color: #ffffff;
|
||||
border: 2px solid #dee2e6;
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
font-size: 13px;
|
||||
color: #495057;
|
||||
margin: 0px 0px 8px 0px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
QComboBox#setBox:hover {
|
||||
border-color: #9ca3af;
|
||||
}
|
||||
|
||||
QComboBox#setBox:focus {
|
||||
border: 2px solid #2196F3;
|
||||
}
|
||||
|
||||
QComboBox#setBox::drop-down {
|
||||
width: 20px;
|
||||
border-left: 2px solid #dee2e6;
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
QComboBox#setBox::down-arrow {
|
||||
width: 12px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
QComboBox#setBox QAbstractItemView {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
QComboBox#setBox QAbstractItemView::item {
|
||||
padding: 6px 10px;
|
||||
border: none;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
QComboBox#setBox QAbstractItemView::item:hover {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
/* 通用保存按钮 */
|
||||
QPushButton#setButton {
|
||||
background-color: #4CAF50;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
padding: 10px 20px;
|
||||
margin: 8px 0px 0px 0px;
|
||||
}
|
||||
|
||||
QPushButton#setButton:hover {
|
||||
background-color: #5CBF60;
|
||||
}
|
||||
|
||||
QPushButton#setButton:pressed {
|
||||
background-color: #388E3C;
|
||||
}
|
||||
|
||||
/* TCP保存按钮 */
|
||||
QPushButton#tcpSaveButton {
|
||||
background-color: #4CAF50;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
padding: 10px 20px;
|
||||
margin: 8px 0px 0px 0px;
|
||||
}
|
||||
|
||||
QPushButton#tcpSaveButton:hover {
|
||||
background-color: #5CBF60;
|
||||
}
|
||||
|
||||
QPushButton#tcpSaveButton:pressed {
|
||||
background-color: #388E3C;
|
||||
}
|
||||
|
||||
/* RTU保存按钮 */
|
||||
QPushButton#rtuSaveButton {
|
||||
background-color: #4CAF50;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
padding: 10px 20px;
|
||||
margin: 8px 0px 0px 0px;
|
||||
}
|
||||
|
||||
QPushButton#rtuSaveButton:hover {
|
||||
background-color: #5CBF60;
|
||||
}
|
||||
|
||||
QPushButton#rtuSaveButton:pressed {
|
||||
background-color: #388E3C;
|
||||
}
|
@ -0,0 +1,431 @@
|
||||
/* ==================== DCS2025 趋势界面专用样式 ==================== */
|
||||
|
||||
/* 趋势主窗口 */
|
||||
QWidget#trendWidget,
|
||||
QWidget#trendMainWidget {
|
||||
background-color: #F8F9FA;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 趋势界面基础样式 */
|
||||
QWidget#trendMainWidget {
|
||||
background-color: #F5F5F5;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 趋势图查看器组 */
|
||||
QWidget#trendViewerGroup {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* 趋势列表视图 */
|
||||
QListView#trendListView {
|
||||
background-color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
font-family: "PingFangSC-Regular", "Microsoft YaHei", sans-serif;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 6px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
QListView#trendListView::item {
|
||||
border-radius: 4px;
|
||||
padding: 8px 12px;
|
||||
margin: 2px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QListView#trendListView::item:hover {
|
||||
background-color: #F3F4F6;
|
||||
color: #1F2937;
|
||||
}
|
||||
|
||||
QListView#trendListView::item:selected {
|
||||
background-color: #E3F2FD;
|
||||
color: #1976D2;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* 变量列表组 */
|
||||
QGroupBox#trendVariableListGroup {
|
||||
background-color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #374151;
|
||||
border: 2px solid #E5E7EB;
|
||||
border-radius: 8px;
|
||||
margin-top: 12px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
QGroupBox#trendVariableListGroup::title {
|
||||
color: #2277EF;
|
||||
subcontrol-origin: margin;
|
||||
left: 12px;
|
||||
padding: 0 8px 0 8px;
|
||||
background-color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 搜索输入框 */
|
||||
QLineEdit#trendSearchInput {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px solid #E5E7EB;
|
||||
border-radius: 6px;
|
||||
padding: 8px 12px;
|
||||
font-size: 14px;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
QLineEdit#trendSearchInput:focus {
|
||||
border-color: #2277EF;
|
||||
background-color: #F8F9FA;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
QLineEdit#trendSearchInput:hover {
|
||||
border-color: #9CA3AF;
|
||||
}
|
||||
|
||||
/* 变量列表 */
|
||||
QListWidget#trendVarListWidget {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 6px;
|
||||
font-size: 13px;
|
||||
color: #374151;
|
||||
selection-background-color: #E3F2FD;
|
||||
selection-color: #1976D2;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
QListWidget#trendVarListWidget::item {
|
||||
padding: 8px 12px;
|
||||
border-radius: 4px;
|
||||
margin: 1px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QListWidget#trendVarListWidget::item:hover {
|
||||
background-color: #F3F4F6;
|
||||
color: #1F2937;
|
||||
}
|
||||
|
||||
QListWidget#trendVarListWidget::item:selected {
|
||||
background-color: #E3F2FD;
|
||||
color: #1976D2;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 时间范围组 */
|
||||
QGroupBox#trendTimeGroupBox {
|
||||
background-color: #FFFFFF;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #374151;
|
||||
border: 2px solid #E5E7EB;
|
||||
border-radius: 8px;
|
||||
margin-top: 10px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
QGroupBox#trendTimeGroupBox::title {
|
||||
color: #059669;
|
||||
subcontrol-origin: margin;
|
||||
left: 10px;
|
||||
padding: 0 6px 0 6px;
|
||||
background-color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 快速时间范围下拉框 */
|
||||
QComboBox#trendQuickRangeCombo {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px solid #E5E7EB;
|
||||
border-radius: 6px;
|
||||
padding: 6px 8px;
|
||||
font-size: 13px;
|
||||
color: #374151;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
QComboBox#trendQuickRangeCombo:hover {
|
||||
border-color: #059669;
|
||||
background-color: #F0FDF4;
|
||||
}
|
||||
|
||||
QComboBox#trendQuickRangeCombo::drop-down {
|
||||
subcontrol-origin: padding;
|
||||
subcontrol-position: top right;
|
||||
width: 20px;
|
||||
border-left-width: 1px;
|
||||
border-left-color: #E5E7EB;
|
||||
border-left-style: solid;
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
background-color: #F8F9FA;
|
||||
}
|
||||
|
||||
QComboBox#trendQuickRangeCombo::down-arrow {
|
||||
image: url(Static/down.png);
|
||||
width: 12px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
QComboBox#trendQuickRangeCombo QAbstractItemView {
|
||||
background-color: #FFFFFF;
|
||||
color: #374151;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 4px;
|
||||
selection-background-color: #F0FDF4;
|
||||
selection-color: #059669;
|
||||
outline: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* 时间编辑器 */
|
||||
QDateTimeEdit#trendStartTimeEdit,
|
||||
QDateTimeEdit#trendEndTimeEdit {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px solid #E5E7EB;
|
||||
border-radius: 6px;
|
||||
padding: 6px 8px;
|
||||
font-size: 13px;
|
||||
color: #374151;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
QDateTimeEdit#trendStartTimeEdit:focus,
|
||||
QDateTimeEdit#trendEndTimeEdit:focus {
|
||||
border-color: #059669;
|
||||
background-color: #F0FDF4;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
QDateTimeEdit#trendStartTimeEdit:hover,
|
||||
QDateTimeEdit#trendEndTimeEdit:hover {
|
||||
border-color: #9CA3AF;
|
||||
}
|
||||
|
||||
/* 操作按钮组 */
|
||||
QGroupBox#trendButtonGroupBox {
|
||||
background-color: #FFFFFF;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #374151;
|
||||
border: 2px solid #E5E7EB;
|
||||
border-radius: 8px;
|
||||
margin-top: 10px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
QGroupBox#trendButtonGroupBox::title {
|
||||
color: #059669;
|
||||
subcontrol-origin: margin;
|
||||
left: 10px;
|
||||
padding: 0 6px 0 6px;
|
||||
background-color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 趋势操作按钮 - 查询按钮 */
|
||||
QToolButton#trendQueryBtn {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px solid #2277EF;
|
||||
border-radius: 6px;
|
||||
color: #2277EF;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
min-height: 32px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
QToolButton#trendQueryBtn:hover {
|
||||
background-color: #EBF8FF;
|
||||
border: 2px solid #1D4ED8;
|
||||
color: #1D4ED8;
|
||||
}
|
||||
|
||||
QToolButton#trendQueryBtn:pressed {
|
||||
background-color: #2277EF;
|
||||
border: 2px solid #2277EF;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 趋势操作按钮 - 刷新按钮 */
|
||||
QToolButton#trendRefreshBtn {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px solid #059669;
|
||||
border-radius: 6px;
|
||||
color: #059669;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
min-height: 32px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
QToolButton#trendRefreshBtn:hover {
|
||||
background-color: #ECFDF5;
|
||||
border: 2px solid #047857;
|
||||
color: #047857;
|
||||
}
|
||||
|
||||
QToolButton#trendRefreshBtn:pressed {
|
||||
background-color: #059669;
|
||||
border: 2px solid #059669;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 趋势操作按钮 - 添加按钮 */
|
||||
QToolButton#trendAddBtn {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px solid #7C3AED;
|
||||
border-radius: 6px;
|
||||
color: #7C3AED;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
min-height: 32px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
QToolButton#trendAddBtn:hover {
|
||||
background-color: #F3E8FF;
|
||||
border: 2px solid #6D28D9;
|
||||
color: #6D28D9;
|
||||
}
|
||||
|
||||
QToolButton#trendAddBtn:pressed {
|
||||
background-color: #7C3AED;
|
||||
border: 2px solid #7C3AED;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 趋势操作按钮 - 清除按钮 */
|
||||
QToolButton#trendClearBtn {
|
||||
background-color: #FFFFFF;
|
||||
border: 2px solid #DC2626;
|
||||
border-radius: 6px;
|
||||
color: #DC2626;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
min-height: 32px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
QToolButton#trendClearBtn:hover {
|
||||
background-color: #FEF2F2;
|
||||
border: 2px solid #B91C1C;
|
||||
color: #B91C1C;
|
||||
}
|
||||
|
||||
QToolButton#trendClearBtn:pressed {
|
||||
background-color: #DC2626;
|
||||
border: 2px solid #DC2626;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
/* ==================== 趋势信息状态栏样式 ==================== */
|
||||
/* 信息状态栏组 */
|
||||
QGroupBox#trendInfoGroup {
|
||||
background-color: #FFFFFF;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #374151;
|
||||
border: 2px solid #E5E7EB;
|
||||
border-radius: 8px;
|
||||
margin-top: 10px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
QGroupBox#trendInfoGroup::title {
|
||||
color: #6B7280;
|
||||
subcontrol-origin: margin;
|
||||
left: 10px;
|
||||
padding: 0 6px 0 6px;
|
||||
background-color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 趋势信息标签样式 */
|
||||
QLabel#trendVarNameLabel {
|
||||
background-color: #F8F9FA;
|
||||
border: 1px solid #E5E7EB;
|
||||
border-radius: 4px;
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #374151;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
QLabel#trendDataCountLabel {
|
||||
background-color: #EBF8FF;
|
||||
border: 1px solid #BFDBFE;
|
||||
border-radius: 4px;
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #1E40AF;
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
QLabel#trendTimeRangeLabel {
|
||||
background-color: #F0FDF4;
|
||||
border: 1px solid #BBF7D0;
|
||||
border-radius: 4px;
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #166534;
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
QLabel#trendStatusLabel {
|
||||
background-color: #FEF3C7;
|
||||
border: 1px solid #FCD34D;
|
||||
border-radius: 4px;
|
||||
padding: 6px 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #92400E;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
/* 状态标签的不同状态样式 */
|
||||
QLabel#trendStatusLabel[status="ready"] {
|
||||
background-color: #F0FDF4;
|
||||
border-color: #BBF7D0;
|
||||
color: #166534;
|
||||
}
|
||||
|
||||
QLabel#trendStatusLabel[status="loading"] {
|
||||
background-color: #FEF3C7;
|
||||
border-color: #FCD34D;
|
||||
color: #92400E;
|
||||
}
|
||||
|
||||
QLabel#trendStatusLabel[status="error"] {
|
||||
background-color: #FEF2F2;
|
||||
border-color: #FECACA;
|
||||
color: #DC2626;
|
||||
}
|
||||
|
||||
QLabel#trendStatusLabel[status="connected"] {
|
||||
background-color: #EBF8FF;
|
||||
border-color: #BFDBFE;
|
||||
color: #1E40AF;
|
||||
}
|
||||
|
||||
/* 趋势信息标签悬停效果 */
|
||||
QLabel#trendVarNameLabel:hover,
|
||||
QLabel#trendDataCountLabel:hover,
|
||||
QLabel#trendTimeRangeLabel:hover,
|
||||
QLabel#trendStatusLabel:hover {
|
||||
border-width: 2px;
|
||||
font-weight: 600;
|
||||
}
|
Loading…
Reference in New Issue