129 lines
2.1 KiB
Plaintext
129 lines
2.1 KiB
Plaintext
/* app.wxss */
|
|
page {
|
|
background: #f5f5f5;
|
|
min-height: 100vh;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
|
|
.container {
|
|
min-height: 100vh;
|
|
padding: 0;
|
|
background: transparent;
|
|
/* 添加安全区适配 */
|
|
padding-top: env(safe-area-inset-top);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
|
|
/* 卡片样式 */
|
|
.card {
|
|
background: #ffffff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
margin: 12px;
|
|
padding: 16px;
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
.primary-btn {
|
|
background: #0052d9;
|
|
border: none;
|
|
border-radius: 6px;
|
|
color: white;
|
|
font-weight: 500;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.primary-btn:active {
|
|
background: #0034b5;
|
|
}
|
|
|
|
/* 输入框样式 */
|
|
.modern-input {
|
|
background: #ffffff;
|
|
border-radius: 6px;
|
|
border: 1px solid #e3e6eb;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.modern-input:focus {
|
|
border-color: #0052d9;
|
|
box-shadow: 0 0 0 2px rgba(0, 82, 217, 0.1);
|
|
}
|
|
|
|
/* 动画效果 */
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.fade-in {
|
|
animation: fadeIn 0.3s ease-out;
|
|
}
|
|
|
|
/* 状态标签 */
|
|
.status-high {
|
|
background: #e34d59;
|
|
color: white;
|
|
}
|
|
|
|
.status-medium {
|
|
background: #ed7b2f;
|
|
color: white;
|
|
}
|
|
|
|
.status-low {
|
|
background: #00a870;
|
|
color: white;
|
|
}
|
|
|
|
/* 进度条样式 */
|
|
.progress-container {
|
|
background: #f3f3f3;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 空状态样式 */
|
|
.empty-state {
|
|
text-align: center;
|
|
padding: 40px 20px;
|
|
color: #999;
|
|
}
|
|
|
|
.empty-state .t-icon {
|
|
margin-bottom: 12px;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
/* 自定义标签栏 */
|
|
.custom-tab-bar {
|
|
background: #ffffff !important;
|
|
border-top: 1px solid #e3e6eb;
|
|
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05);
|
|
/* 添加底部安全区适配 */
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
|
|
/* 安全区适配工具类 */
|
|
.safe-area-top {
|
|
padding-top: env(safe-area-inset-top);
|
|
}
|
|
|
|
.safe-area-bottom {
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
|
|
.safe-area-left {
|
|
padding-left: env(safe-area-inset-left);
|
|
}
|
|
|
|
.safe-area-right {
|
|
padding-right: env(safe-area-inset-right);
|
|
}
|