admin/he
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
74e4f32cdf5368427b01825dba6a30646a397eb4
he/process/hmi/pic/ems.qss
T
admin 74e4f32cdf 提交
2026-06-22 15:35:18 +08:00

439 lines
15 KiB
Plaintext
Raw Blame History

QMainWindow#HomePage{
border-image:url(:/pic/home/bg_DeMain_0001.png)
}
QLabel#bg_head{
border-image: url(:/pic/home/EMS_header.png)
}
QLabel#lb_fz{
background-image:url(:/pic/home/FZ_DeMain_0001.png)
}
QLabel#lb_gf{
background-image:url(:/pic/home/GF_DeMain_0001.png)
}
QLabel#lb_dw{
background-image: url(:/pic/home/DW_DeMain_0001.png)
}
QLabel#lb_cn{
background-image: url(:/pic/home/CN_DeMain_0001.png)
}
QLabel#lb_fj{
background-image: url(:/pic/home/FJ_DeMain_0001.png)
}
QLabel#lb_TGE{
image: url(:/pic/home/Element/DW.png)
}
QLabel#lb_TCG{
image: url(:/pic/home/Element/QJFD.png)
}
QLabel#lb_TLC{
image: url(:/pic/home/Element/FZ.png)
}
QLabel#lb_SCE{
image: url(:/pic/home/Element/CNZC.png)
}
QLabel#lb_SDE{
image: url(:/pic/home/Element/CNF.png)
}
QLabel#lb_ACC{
image: url(:/pic/home/Element/co2.png)
}
QLabel#lb_CNR{
image: url(:/pic/home/Element/TZH.png)
}
QLabel#lb_frame1{
background-image: url(:/pic/home/frame.png)
}
QLabel#lb_frame2{
background-image: url(:/pic/home/frame.png)
}
QLabel#lb_frame3{
background-image: url(:/pic/home/frame.png)
}
QLabel#lb_frame4{
background-image: url(:/pic/home/frame.png)
}
QLabel#lb_frame5{
background-image: url(:/pic/home/frame.png)
}
QGroupBox#groupSOC,#groupChargeControl,#groupVoltageProtection,#groupTempProtection{
border: 2px solid rgba(60, 120, 200, 0.3);
border-radius: 10px;
margin-top: 2ex;
background-color: rgba(60, 120, 200, 0.3);
padding-top: 10px;
}
QGroupBox::title {
subcontrol-origin: margin;
subcontrol-position: top left;
left: 15px;
padding: 0 10px;
background-color: rgba(76, 175, 80, 0.5);
color: #ffffff;
border-radius: 5px;
font-weight: bold;
}
QPushButton#pb_close {
background-color: #ff4d4f; /* 按钮默认背景色，红色 */
border: none; /* 无边框 */
color: white; /* 文字颜色 */
border-radius: 15px; /* 圆角半径 */
width: 30px; /* 按钮宽度 */
height: 30px; /* 按钮高度 */
font-weight: bold; /* 字体加粗 */
font-size: 14px; /* 字体大小 */
text-align: center; /* 文本居中 */
}
QPushButton#pb_close:hover {
background-color: #ff7875; /* 鼠标悬停时的背景色 */
}
QPushButton#pb_close:pressed {
background-color: #d9363e; /* 按下时的背景色 */
}
/* 设置 QCheckBox 的默认样式 */
QCheckBox {
color: white; /* 文本颜色为白色 */
font-size: 18px; /* 字体大小 */
font-weight: bold; /* 字体加粗 */
spacing: 8px; /* 文本和复选框之间的间距 */
}
/* 未选中状态的复选框样式 */
QCheckBox::indicator {
width: 24px; /* 复选框宽度 */
height: 24px; /* 复选框高度 */
border: 2px solid white; /* 边框颜色为白色 */
border-radius: 5px; /* 边框圆角 */
background-color: transparent; /* 背景透明 */
}
/* 鼠标悬停时复选框的样式 */
QCheckBox::indicator:hover {
border: 2px solid #00aaff; /* 边框颜色变为浅蓝色 */
background-color: #005577; /* 背景颜色变为深蓝色 */
}
/* 选中状态的复选框样式，带对勾图标 */
QCheckBox::indicator:checked {
border: 2px solid #00aaff; /* 边框颜色变为亮蓝色 */
background-color: #00aaff; /* 背景颜色为亮蓝色 */
image: url(":/checkmark.png"); /* 选中状态显示对勾图标 */
}
/* 禁用状态的复选框样式 */
QCheckBox:disabled {
color: gray; /* 禁用状态的文本颜色为灰色 */
}
QCheckBox::indicator:disabled {
border: 2px solid gray; /* 禁用状态的边框为灰色 */
background-color: #555555; /* 禁用状态的背景为深灰色 */
}
QPushButton{
color: #FFFFFF;
}
QPushButton#pushButton_3,#btn_PVCtr,#pb_PWR,#pb_GTOG,#pb_sendP,#pb_BCC,#pb_CB,#pb_CC
,#pb_11,#pb_12,#pb_13,#pb_ENDBG,#pb_14,#pb_15
,#pb_1,#pb_2,#pb_3,#pb_4,#pb_5,#pb_6,#pb_7,#pb_8,#pb_9,#pb_10
,#pb_select,#pb_reset,#pb_export
,#pb_login,#btn_PVCtr_2,#editButton,#deleteButton,#btn_read,#btn_write,#btn_add,#btn_edit,#pb_cancel,#pb_save,#pb_save_2,#pb_save_3
,#addBtn,#saveBtn,#readBtn
{
background-color: #1E90FF; /* 按钮的背景颜色，近似于图中的蓝色 */
color: white; /* 文字颜色，白色 */
border: 2px solid #0F78C6; /* 按钮边框，近似颜色 */
border-radius: 5px; /* 边角圆角效果 */
padding: 5px 10px; /* 内边距，增加按钮的宽度和高度 */
font: bold 14px; /* 字体样式，粗体，字号14px */
}
QPushButton#pushButton_3:hover,#btn_PVCtr:hover,#pb_PWR:hover,#pb_GTOG:hover,#pb_sendP:hover,#pb_BCC:hover,#pb_CB:hover,#pb_CC:hover
,#pb_STR:hover,#pb_Auto:hover,#pb_DF:hover,#pb_ENDBG:hover,#pb_EMSCTR:hover
,#pb_1:hover,#pb_2:hover,#pb_3:hover,#pb_4:hover,#pb_5:hover,#pb_6:hover,#pb_7:hover,#pb_8:hover,#pb_9:hover,#pb_10:hover
,#pb_select:hover,#pb_reset:hover,#pb_export:hover
,#pb_login:hover,#btn_PVCtr_2:hover,#editButton:hover,#deleteButton:hover,#btn_read:hover,#btn_write:hover,#btn_add:hover
,#btn_edit:hover,#pb_cancel:hover,#pb_save:hover,#pb_save_2:hover,pb_save_3:hover
,#addBtn:hover,#saveBtn:hover,#readBtn:hover
{
background-color: #00BFFF; /* 鼠标悬停时的背景色，稍微亮一些 */
}
QPushButton#pushButton_3:pressed,#btn_PVCtr:pressed,#pb_PWR:pressed,#pb_GTOG:pressed,#pb_sendP:pressed,#pb_BCC:pressed,#pb_CB:pressed,#pb_CC:pressed
,#pb_STR:pressed,#pb_Auto:pressed,#pb_DF:pressed,#pb_ENDBG:pressed,#pb_EMSCTR:pressed
,#pb_1:pressed,#pb_2:pressed,#pb_3:pressed,#pb_4:pressed,#pb_5:pressed,#pb_6:pressed,#pb_7:pressed,#pb_8:pressed,#pb_9:pressed,#pb_10:pressed
,#pb_select:pressed,#pb_reset:pressed,#pb_export:pressed
,#pb_login:pressed,#btn_PVCtr_2:pressed,#editButton:pressed,#deleteButton:pressed,#btn_read:pressed,#btn_write:pressed,#btn_add:pressed
,#btn_edit:pressed,#pb_cancel:pressed,#pb_save:pressed,#pb_save_2:pressed,#pb_save_3:pressed
,#addBtn:pressed,#saveBtn:pressed,#readBtn:pressed
{
background-color: #007ACC; /* 按下按钮时的背景色 */
border: 2px solid #005BB5; /* 按下按钮时的边框颜色 */
}
QLineEdit {
background-color: rgba(0, 60, 120, 0.8); /* 背景颜色 */
color: white; /* 文本颜色为白色 */
border: 1px solid rgba(255, 255, 255, 0.5); /* 边框颜色 */
border-radius: 6px; /* 圆角半径 */
padding: 5px 10px; /* 内边距，增加一点间隙 */
font: bold 14px; /* 字体设置为粗体 */
}
QLabel{
color:rgb(255, 255, 255)
}
QLabel#lb_1,#lb_2,#lb_3,#lb_4,#lb_5,#lb_6,#lb_7,#lb_8,#lb_9,#lb_10,#lb_11,#lb_12,#lb_13,#lb_s1,#lb_s2,#lb_s3,#lb_s4{
color:rgb(255, 168, 0)
}
QGroupBox {
margin-top: 0px; /* 去掉标题占用的空白 */
padding: 0px; /* 去掉内部填充 */
}
QGroupBox::title {
subcontrol-origin: margin;
height: 0px; /* 隐藏标题 */
padding: 0px;
}
/* QComboBox 主体样式 */
QComboBox {
border: 1px solid rgba(255, 255, 255, 0.5); /* 边框颜色 */
border-radius: 6px; /* 圆角 */
background-color: rgba(0, 60, 120, 0.8); /* 背景颜色 */
color: white; /* 字体颜色 */
padding: 5px 10px; /* 内边距 */
}
/* 下拉按钮样式 */
QComboBox::drop-down {
subcontrol-origin: padding; /* 子控件原点 */
subcontrol-position: center right; /* 下拉按钮位置 */
width: 20px; /* 按钮宽度 */
border: none; /* 去除边框 */
background: transparent; /* 背景透明 */
}
/* 下拉箭头样式（无图片，使用符号） */
QComboBox::down-arrow {
border: none; /* 去除边框 */
width: 12px;
height: 12px;
color: white; /* 箭头颜色 */
font-size: 14px; /* 箭头大小 */
text-align: center;
content: "▼"; /* 使用 Unicode 箭头符号 */
}
QComboBox{
border-width:1px;
border-style:outset;
color:rgb(255, 255, 255);
combobox-popup: 0;
font-size: 20px; /* 设置下拉框字体大小 */
font-family: "Microsoft YaHei"; /* 设置字体 */
}
/* 下拉按钮样式 */
QComboBox::drop-down {
subcontrol-origin: padding; /* 子控件原点 */
subcontrol-position: center right; /* 下拉按钮位置 */
width: 20px; /* 按钮宽度 */
border: none; /* 去除边框 */
background: transparent; /* 背景透明 */
}
QComboBox::down-arrow {
width: 20px; /* 下拉箭头的宽度（建议与下拉框drop-down的宽度一致） */
background: transparent; /* 下拉箭头的的背景色 */
padding: 0px 0px 0px 0px; /* 上内边距、右内边距、下内边距、左内边距 */
image: url(:/pic/RealTimeData/login_combo_arrow.png);
}
/* 下拉展开后，整个下拉窗体样式 */
QComboBox QAbstractItemView {
outline: 0px solid #000000;/*选中项外边框*/
border: 0px solid yellow;/* 整个下拉窗体的边框 */
color: rgb(255, 255, 255);
background-color: rgb(6, 31, 102); /* 整个下拉窗体的背景色 */
selection-color: rgb(255, 255, 255);/*下拉框选中项字体颜色*/
font-size: 20px; /* 设置下拉框字体大小 */
font-family: "Microsoft YaHei"; /* 设置字体 */
}
/* 整体样式 */
QTableWidget {
background-color: #0A1A44; /* 深蓝背景 */
color: white; /* 文本颜色 */
gridline-color: rgba(255, 255, 255, 0.2); /* 网格线颜色 */
border: 1px solid #0A1945; /* 外边框颜色 */
font-size: 15px; /* 单元格字体大小 */
selection-background-color: rgba(80, 150, 250, 0.8); /* 选中单元格背景色 */
selection-color: white; /* 选中单元格文本色 */
}
/* 单元格悬停效果 */
QTableWidget::item:hover {
background-color: rgba(50, 100, 200, 0.5); /* 单元格悬停背景色 */
color: white; /* 悬停文本颜色 */
}
/* 表头样式 */
QHeaderView::section {
background-color: rgba(40, 80, 150, 0.9); /* 表头背景色，与整体更协调
*/
min-height:20px;
max-height:20px;
color: white; /* 表头文本颜色 */
font-weight: normal; /* 正常字体 */
font-size: 16px; /* 表头字体大小 */
border: 1px solid rgba(255, 255, 255, 0.2); /* 表头边框颜色 */
padding: 4px; /* 表头内边距 */
text-align: center; /* 文本居中 */
border-radius: 4px; /* 表头圆角 */
}
/* 表头悬停效果 */
QHeaderView::section:hover {
background-color: rgba(50, 100, 200, 1); /* 悬停背景色 */
color: #ffffff; /* 悬停文本颜色 */
}
/* 滚动条样式（垂直和水平统一） */
QScrollBar:vertical, QScrollBar:horizontal {
background: transparent; /* 滚动条背景透明 */
border: 1px solid rgba(255, 255, 255, 0.2); /* 滚动条边框 */
width: 25px;
height: 16px;
}
QScrollBar::handle:vertical, QScrollBar::handle:horizontal {
background: rgba(70, 140, 220, 0.9); /* 滑块背景色 */
border-radius: 8px; /* 滑块圆角 */
}
QScrollBar::handle:hover {
background: rgba(80, 160, 240, 1); /* 滑块悬停背景色 */
}
QScrollBar::add-line, QScrollBar::sub-line {
border: none;
background: none; /* 去掉滚动条两端按钮 */
}
/* 角标按钮样式 */
QTableCornerButton::section {
background-color: rgba(40, 80, 150, 0.9); /* 角标背景色 */
border-radius: 4px; /* 角标圆角 */
border: 1px solid rgba(255, 255, 255, 0.2); /* 角标边框 */
}
/* QDateEdit 样式 */
QDateEdit {
border: 1px solid #006699; /* 设置边框颜色为亮蓝色，以便在深色背景中保持可见性 */
border-radius: 4px; /* 设置边框圆角，让控件看起来更柔和 */
padding: 4px; /* 内边距，确保控件内的内容不紧贴边框 */
background-color: rgba(0, 60, 120, 0.8); /* 背景颜色设置为半透明的蓝色，可以和背景融合，带有透明效果 */
color: #ffffff; /* 设置文本颜色为白色，确保在深色背景上可见 */
selection-background-color: #3a8dde; /* 选中部分的背景颜色，突出选中效果 */
selection-color: #ffffff; /* 选中部分的字体颜色 */
}
/* QDateEdit 下拉按钮样式 */
QDateEdit::drop-down {
subcontrol-origin: padding; /* 指定下拉按钮的定位原点为内边距 */
subcontrol-position: top right; /* 将下拉按钮的位置设置在右上角 */
width: 20px; /* 设置下拉按钮的宽度 */
border-left: 1px solid #006699; /* 下拉按钮左侧的边框，颜色与外部边框一致，增加层次感 */
background-color: rgba(0, 60, 120, 0.8); /* 背景颜色为半透明的蓝色，和主控件保持一致 */
}
/* QDateEdit 下拉箭头图标样式 */
QDateEdit::down-arrow {
width: 12px; /* 设置下拉箭头的宽度 */
height: 12px; /* 设置下拉箭头的高度 */
image: url(:/pic/RealTimeData/login_combo_arrow.png); /* 设置下拉箭头的图标路径，确保路径正确 */
}
/* QCalendarWidget 主样式 */
QCalendarWidget {
border: 1px solid #3385b5; /* 边框颜色为较亮的蓝色，使边框更显眼 */
background-color: #f0f4f8; /* 设置较亮的浅蓝灰色背景，提供更舒适的视觉体验 */
color: #333333; /* 默认字体颜色为深灰色，确保在浅色背景上清晰可见 */
}
/* 日历中月份和年份的选择按钮样式 */
QCalendarWidget QToolButton {
height: 28px; /* 设置按钮高度 */
width: 70px; /* 设置按钮宽度 */
color: #ffffff; /* 设置按钮文字颜色为白色 */
font: bold 12px; /* 设置按钮文字为粗体 */
background-color: #3385b5; /* 按钮背景颜色为蓝色，显眼且一致 */
border: 1px solid #006699; /* 设置按钮的边框颜色 */
border-radius: 5px; /* 边框圆角，增加柔和感 */
margin: 10px; /* 按钮之间添加些许边距，让它们不显得拥挤 */
}
/* 月份/年份选择按钮的悬停样式 */
QCalendarWidget QToolButton::hover {
background-color: #66b2ff; /* 鼠标悬停时，按钮背景变为亮蓝色，提供交互反馈 */
}
/* 月份选择的下拉菜单样式 */
QCalendarWidget QMenu {
background-color: #f0f4f8; /* 月份选择菜单的背景颜色为浅灰色，与主背景协调 */
color: #333333; /* 菜单文字颜色为深灰色 */
border: 1px solid #006699; /* 菜单边框颜色保持整体一致 */
}
/* 日历顶部的年份输入框的样式 */
QCalendarWidget QSpinBox {
width: 70px; /* 设置年份输入框的宽度 */
font-size: 12px; /* 设置字体大小 */
color: #333333; /* 设置文本颜色为深灰色 */
background: #e6eef3; /* 设置输入框背景颜色为较浅的蓝灰色，柔和且不刺眼 */
selection-background-color: #66b2ff; /* 选中部分背景颜色 */
selection-color: #ffffff; /* 选中文本颜色 */
}
/* 日历中日期部分的样式 */
QCalendarWidget QAbstractItemView {
font-size: 12px; /* 设置日期字体大小 */
color: #333333; /* 日期默认字体颜色为深灰色，清晰且舒适 */
background-color: #ffffff; /* 设置日期表格背景为白色，保持简洁 */
selection-background-color: #3385b5;/* 选中日期背景为蓝色，强调选中效果 */
selection-color: #ffffff; /* 选中日期的文本颜色为白色 */
outline: 0; /* 去掉日期表格的边框 */
}
/* 日历顶部导航栏（包含月份和年份选择按钮）的样式 */
QCalendarWidget QWidget#qt_calendar_navigationbar {
background-color: #e6eef3; /* 导航栏的背景颜色为浅蓝灰色，与整体风格保持一致 */
}
/* 日历中显示星期几的行的样式 */
QCalendarWidget QTableView QHeaderView::section {
background-color: #66b2ff; /* 星期行的背景颜色为亮蓝色，与其他区域形成对比 */
color: #ffffff; /* 星期的文字颜色为白色，突出显示 */
border-bottom: 1px solid #006699; /* 去掉顶部的白色条，确保边框颜色与整体一致 */
}
/* 禁用的日期部分的样式 */
QCalendarWidget QAbstractItemView:disabled {
color: #666666; /* 禁用日期的字体颜色为灰色，以表示不可选择 */
}
Reference in New Issue View Git Blame Copy Permalink