“实现帖子与评论上传图片，删除评论，评论计数，管理员界面”
Change-Id: I33d5331e41de0411f2d6f1913f3a939db61f665d
diff --git a/src/components/Administer.css b/src/components/Administer.css
new file mode 100644
index 0000000..1599a3e
--- /dev/null
+++ b/src/components/Administer.css
@@ -0,0 +1,170 @@
+.administer-container {
+ padding: 20px;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.search-container {
+ margin-bottom: 20px;
+ display: flex;
+ gap: 10px;
+}
+
+.search-input {
+ padding: 8px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ flex-grow: 1;
+ max-width: 300px;
+}
+
+.search-button, .reset-button {
+ padding: 8px 16px;
+ background-color: #4CAF50;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+.reset-button {
+ background-color: #f44336;
+}
+
+.error-message {
+ color: #f44336;
+ margin-bottom: 15px;
+}
+
+.loading-message {
+ color: #2196F3;
+ margin-bottom: 15px;
+}
+
+.user-list-container {
+ overflow-x: auto;
+}
+
+.user-table {
+ width: 100%;
+ border-collapse: collapse;
+}
+
+.user-table th, .user-table td {
+ border: 1px solid #ddd;
+ padding: 8px;
+ text-align: left;
+}
+
+.user-table th {
+ background-color: #f2f2f2;
+}
+
+.user-table tr:nth-child(even) {
+ background-color: #f9f9f9;
+}
+
+.user-table tr:hover {
+ background-color: #f1f1f1;
+}
+
+.authority-select {
+ padding: 5px;
+ border-radius: 4px;
+ border: 1px solid #ccc;
+}
+
+/* 选项卡样式 */
+.tab-container {
+ display: flex;
+ margin-bottom: 20px;
+ border-bottom: 1px solid #ddd;
+}
+
+.tab-button {
+ padding: 10px 20px;
+ background: none;
+ border: none;
+ cursor: pointer;
+ font-size: 16px;
+ border-bottom: 3px solid transparent;
+}
+
+.tab-button.active {
+ border-bottom: 3px solid #1890ff;
+ color: #1890ff;
+}
+
+/* 折扣卡片样式 */
+.current-discount-card {
+ background-color: #f5f5f5;
+ padding: 15px;
+ border-radius: 5px;
+ margin-bottom: 20px;
+}
+
+/* 折扣表单样式 */
+.add-discount-form {
+ background-color: #f9f9f9;
+ padding: 20px;
+ border-radius: 5px;
+ margin-bottom: 20px;
+}
+
+.form-group {
+ margin-bottom: 15px;
+}
+
+.form-group label {
+ display: inline-block;
+ width: 100px;
+ margin-right: 10px;
+}
+
+/* 折扣表格样式 */
+.discount-table {
+ width: 100%;
+ border-collapse: collapse;
+}
+
+.discount-table th, .discount-table td {
+ padding: 10px;
+ border: 1px solid #ddd;
+ text-align: left;
+}
+
+.discount-table th {
+ background-color: #f2f2f2;
+}
+
+.delete-button {
+ background-color: #ff4d4f;
+ color: white;
+ border: none;
+ padding: 5px 10px;
+ border-radius: 3px;
+ cursor: pointer;
+}
+
+.delete-button:hover {
+ background-color: #ff7875;
+}
+
+.react-datepicker {
+ font-size: 14px;
+}
+
+.react-datepicker__time-container {
+ width: 120px;
+}
+
+.react-datepicker-time__header {
+ font-size: 13px;
+}
+
+.time-preview {
+ margin: 10px 0;
+ padding: 10px;
+ background: #f5f5f5;
+ border-radius: 4px;
+}
\ No newline at end of file