88 lines
1.4 KiB
CSS
Executable File
88 lines
1.4 KiB
CSS
Executable File
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');
|
|
|
|
body {
|
|
font-family: 'Noto Sans SC', sans-serif;
|
|
}
|
|
|
|
/* 自定义滚动条 */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #888;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #555;
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
.btn {
|
|
@apply px-4 py-2 rounded-md font-medium transition-colors duration-200;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply bg-blue-500 text-white;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
@apply bg-blue-600;
|
|
}
|
|
|
|
.btn-danger {
|
|
@apply bg-red-500 text-white;
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
@apply bg-red-600;
|
|
}
|
|
|
|
/* 模态框样式 */
|
|
.modal {
|
|
@apply fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50;
|
|
}
|
|
|
|
.modal-content {
|
|
@apply bg-white rounded-lg p-6 w-full max-w-md mx-4;
|
|
}
|
|
|
|
/* 表格样式 */
|
|
.table {
|
|
@apply w-full border-collapse;
|
|
}
|
|
|
|
.table th, .table td {
|
|
@apply border-b border-gray-200 p-2 text-left;
|
|
}
|
|
|
|
.table th {
|
|
@apply bg-gray-50;
|
|
}
|
|
|
|
/* 卡片样式 */
|
|
.card {
|
|
@apply bg-white rounded-lg shadow-md p-4 mb-4;
|
|
}
|
|
|
|
/* 标签样式 */
|
|
.tag {
|
|
@apply inline-block px-2 py-1 rounded-full text-xs font-medium;
|
|
}
|
|
|
|
.tag-success {
|
|
@apply bg-green-100 text-green-800;
|
|
}
|
|
|
|
.tag-warning {
|
|
@apply bg-yellow-100 text-yellow-800;
|
|
}
|
|
|
|
.tag-danger {
|
|
@apply bg-red-100 text-red-800;
|
|
} |