优化UI
This commit is contained in:
@@ -1,223 +1,172 @@
|
||||
styles_txt = """
|
||||
/* 全局样式 */
|
||||
# 优化的暗色主题样式表
|
||||
STYLES_TXT = """
|
||||
/* ===== 全局样式 ===== */
|
||||
QWidget {
|
||||
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
|
||||
font-size: 14px;
|
||||
color: #e2e8f0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* 登录页面 */
|
||||
#loginPage {
|
||||
background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #667eea, stop:1 #764ba2);
|
||||
}
|
||||
|
||||
#loginCard {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#loginTitle {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #2d3748;
|
||||
}
|
||||
|
||||
#formLabel {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #4a5568;
|
||||
}
|
||||
|
||||
#formInput {
|
||||
background-color: #edf2f7;
|
||||
border: 1px solid #e2e8f0;
|
||||
/* 输入框 */
|
||||
QLineEdit {
|
||||
background-color: #2d3748;
|
||||
border: 1px solid #4a5568;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
color: #2d3748;
|
||||
color: #e2e8f0;
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
#formInput:focus {
|
||||
border-color: #667eea;
|
||||
QLineEdit:focus {
|
||||
border-color: #818cf8;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#loginBtn {
|
||||
/* ===== 按钮全局样式 ===== */
|
||||
QPushButton {
|
||||
background-color: #4f46e5;
|
||||
color: white;
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
font-weight: bold;
|
||||
border-radius: 8px; /* 增加圆角程度 */
|
||||
padding: 10px 16px;
|
||||
min-height: 40px; /* 增加高度 */
|
||||
font-weight: 500;
|
||||
transition: all 0.2s ease;
|
||||
border: none;
|
||||
outline: none; /* 防止点击时出现虚线边框 */
|
||||
}
|
||||
|
||||
#loginBtn:hover {
|
||||
QPushButton:hover {
|
||||
background-color: #4338ca;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* 导航栏 */
|
||||
#navBar {
|
||||
background-color: #1a202c;
|
||||
QPushButton:pressed {
|
||||
background-color: #3730a3;
|
||||
transform: translateY(0);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#userFrame {
|
||||
background-color: #2d3748;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
#userName {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#navBtn {
|
||||
text-align: left;
|
||||
padding: 12px 20px;
|
||||
border-radius: 6px;
|
||||
QPushButton:disabled {
|
||||
background-color: #4a5568;
|
||||
color: #a0aec0;
|
||||
}
|
||||
|
||||
#navBtn:hover {
|
||||
background-color: #2d3748;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#logoutBtn {
|
||||
/* 特殊按钮样式 */
|
||||
QPushButton#navBtn {
|
||||
text-align: left;
|
||||
padding: 12px 20px;
|
||||
border-radius: 6px;
|
||||
color: #e53e3e;
|
||||
padding: 12px 25px;
|
||||
color: #a0aec0;
|
||||
border-radius: 8px;
|
||||
margin: 5px 15px;
|
||||
font-size: 14px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
min-height: auto; /* 覆盖全局最小高度 */
|
||||
}
|
||||
|
||||
#logoutBtn:hover {
|
||||
background-color: #2d3748;
|
||||
QPushButton#navBtn:hover {
|
||||
background-color: rgba(79, 70, 229, 0.1);
|
||||
color: #cbd5e0;
|
||||
}
|
||||
|
||||
QPushButton#navBtn.active {
|
||||
background-color: rgba(79, 70, 229, 0.15);
|
||||
color: #818cf8;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
QPushButton#logoutBtn {
|
||||
text-align: left;
|
||||
padding: 12px 25px;
|
||||
border-radius: 8px;
|
||||
margin: 5px 15px;
|
||||
font-size: 14px;
|
||||
color: #feb2b2;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
min-height: auto; /* 覆盖全局最小高度 */
|
||||
}
|
||||
|
||||
QPushButton#logoutBtn:hover {
|
||||
color: #f56565;
|
||||
}
|
||||
|
||||
/* 应用中心 */
|
||||
#appCenter {
|
||||
background-color: #1a202c;
|
||||
/* 操作按钮样式 */
|
||||
QPushButton#actionBtn {
|
||||
background-color: rgba(129, 140, 248, 0.1);
|
||||
color: #818cf8;
|
||||
border: 1px solid rgba(129, 140, 248, 0.2);
|
||||
min-height: auto; /* 覆盖全局最小高度 */
|
||||
}
|
||||
|
||||
#pageTitle {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
QPushButton#actionBtn:hover {
|
||||
background-color: rgba(129, 140, 248, 0.2);
|
||||
}
|
||||
|
||||
#appCard {
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
transition: transform 0.2s;
|
||||
QPushButton#retryBtn {
|
||||
background-color: rgba(251, 113, 133, 0.1);
|
||||
color: #fb7185;
|
||||
border: 1px solid rgba(251, 113, 133, 0.2);
|
||||
min-height: auto; /* 覆盖全局最小高度 */
|
||||
}
|
||||
|
||||
#appCard:hover {
|
||||
transform: translateY(-5px);
|
||||
QPushButton#retryBtn:hover {
|
||||
background-color: rgba(251, 113, 133, 0.2);
|
||||
}
|
||||
|
||||
/* Word转PDF页面 */
|
||||
#wordToPdfPage {
|
||||
background-color: #1a202c;
|
||||
QPushButton#deleteBtn {
|
||||
background-color: rgba(120, 113, 108, 0.1);
|
||||
color: #a8a29e;
|
||||
border: 1px solid rgba(120, 113, 108, 0.2);
|
||||
min-height: auto; /* 覆盖全局最小高度 */
|
||||
}
|
||||
|
||||
#leftPanel, #rightPanel {
|
||||
QPushButton#deleteBtn:hover {
|
||||
background-color: rgba(120, 113, 108, 0.2);
|
||||
}
|
||||
|
||||
/* 卡片按钮样式 */
|
||||
QPushButton#appCardBtn {
|
||||
min-height: auto; /* 覆盖全局最小高度 */
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
/* 登录页面按钮 */
|
||||
QPushButton#loginBtn {
|
||||
min-height: auto; /* 覆盖全局最小高度 */
|
||||
min-width: 240px;
|
||||
padding: 14px 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* 列表控件 */
|
||||
QListWidget {
|
||||
background-color: #2d3748;
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#uploadArea {
|
||||
border: 2px dashed #4a5568;
|
||||
border-radius: 8px;
|
||||
background-color: rgba(74, 85, 104, 0.2);
|
||||
}
|
||||
|
||||
#uploadArea:hover {
|
||||
border-color: #667eea;
|
||||
background-color: rgba(102, 126, 234, 0.1);
|
||||
}
|
||||
|
||||
#uploadBtn {
|
||||
background-color: #4f46e5;
|
||||
color: white;
|
||||
border-radius: 6px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
#uploadBtn:hover {
|
||||
background-color: #4338ca;
|
||||
}
|
||||
|
||||
#fileList, #resultList, #logContent {
|
||||
background-color: #1a202c;
|
||||
border: 1px solid #4a5568;
|
||||
border-radius: 8px;
|
||||
padding: 8px;
|
||||
padding: 4px;
|
||||
color: #e2e8f0;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#convertBtn {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
border-radius: 6px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
#convertBtn:hover {
|
||||
background-color: #3d8b40;
|
||||
}
|
||||
|
||||
#deleteBtn {
|
||||
background-color: #f44336;
|
||||
color: white;
|
||||
border-radius: 6px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
#deleteBtn:hover {
|
||||
background-color: #d32f2f;
|
||||
}
|
||||
|
||||
#downloadBtn {
|
||||
background-color: #2196F3;
|
||||
color: white;
|
||||
border-radius: 6px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
#downloadBtn:hover {
|
||||
background-color: #1976d2;
|
||||
}
|
||||
|
||||
#logArea {
|
||||
background-color: #1a202c;
|
||||
border-radius: 8px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
#logTitle {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
padding-bottom: 8px;
|
||||
QListWidget::item {
|
||||
padding: 8px 12px;
|
||||
border-bottom: 1px solid #4a5568;
|
||||
}
|
||||
|
||||
QProgressBar {
|
||||
border-radius: 4px;
|
||||
height: 8px;
|
||||
background-color: #4a5568;
|
||||
}
|
||||
|
||||
QProgressBar::chunk {
|
||||
background-color: #4f46e5;
|
||||
QListWidget::item:selected {
|
||||
background-color: rgba(129, 140, 248, 0.15);
|
||||
color: #e2e8f0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* 滚动条 */
|
||||
QScrollBar:vertical {
|
||||
border: none;
|
||||
background: #2d3748;
|
||||
width: 10px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
QScrollBar::handle:vertical {
|
||||
@@ -230,11 +179,131 @@ QScrollBar::handle:vertical:hover {
|
||||
background: #718096;
|
||||
}
|
||||
|
||||
QScrollBar::add-line:vertical, QScrollBar::sub-line:vertical {
|
||||
QScrollBar::add-line:vertical,
|
||||
QScrollBar::sub-line:vertical {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
|
||||
QScrollBar::add-page:vertical,
|
||||
QScrollBar::sub-page:vertical {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* 标签 */
|
||||
QLabel {
|
||||
color: #e2e8f0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 菜单栏 */
|
||||
/* 导航栏 */
|
||||
#navBar {
|
||||
background-color: #1a202c;
|
||||
border-right: 1px solid #2d3748;
|
||||
}
|
||||
|
||||
/* 用户卡片 */
|
||||
#userCard {
|
||||
background-color: #2d3748;
|
||||
border-radius: 8px;
|
||||
margin: 15px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
/* 导航按钮 */
|
||||
#navBtn {
|
||||
text-align: left;
|
||||
padding: 12px 25px;
|
||||
color: #a0aec0;
|
||||
border-radius: 8px;
|
||||
margin: 5px 15px;
|
||||
font-size: 14px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#navBtn:hover {
|
||||
background-color: rgba(79, 70, 229, 0.1);
|
||||
color: #cbd5e0;
|
||||
}
|
||||
|
||||
#navBtn.active {
|
||||
background-color: rgba(79, 70, 229, 0.15);
|
||||
color: #818cf8;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 退出按钮 */
|
||||
#logoutBtn {
|
||||
text-align: left;
|
||||
padding: 12px 25px;
|
||||
border-radius: 8px;
|
||||
margin: 5px 15px;
|
||||
font-size: 14px;
|
||||
color: #feb2b2;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#logoutBtn:hover {
|
||||
color: #f56565;
|
||||
}
|
||||
|
||||
/* 分割线 */
|
||||
QFrame[frameShape="4"] { /* HLine */
|
||||
background-color: #2d3748;
|
||||
margin: 10px 15px;
|
||||
max-height: 1px;
|
||||
}
|
||||
|
||||
/* 进度条 */
|
||||
QProgressBar {
|
||||
border-radius: 4px;
|
||||
height: 8px;
|
||||
background-color: #2d3748;
|
||||
border: 1px solid #4a5568;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
QProgressBar::chunk {
|
||||
background-color: #4f46e5;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* 复选框 */
|
||||
QCheckBox {
|
||||
color: #e2e8f0;
|
||||
spacing: 8px;
|
||||
}
|
||||
|
||||
QCheckBox::indicator {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid #4a5568;
|
||||
border-radius: 3px;
|
||||
background-color: #2d3748;
|
||||
}
|
||||
|
||||
QCheckBox::indicator:checked {
|
||||
background-color: #4f46e5;
|
||||
border: 1px solid #4f46e5;
|
||||
}
|
||||
|
||||
/* 分组框 */
|
||||
QGroupBox {
|
||||
font-weight: bold;
|
||||
background-color: #2d3748;
|
||||
border: 1px solid #4a5568;
|
||||
border-radius: 8px;
|
||||
margin-top: 1.5ex;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
QGroupBox::title {
|
||||
subcontrol-origin: margin;
|
||||
subcontrol-position: top left;
|
||||
background-color: transparent;
|
||||
padding: 0 3px;
|
||||
left: 9px;
|
||||
}
|
||||
"""
|
||||
Reference in New Issue
Block a user