From 8a121eff8a20cba10647cba251fbd7575557ab45 Mon Sep 17 00:00:00 2001 From: linxd <544554903@qq.com> Date: Mon, 23 Jun 2025 08:33:14 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dless=E5=AF=BC=E5=85=A5?= =?UTF-8?q?=E6=B1=A1=E6=9F=93=E5=85=A8=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/aboutManage/aboutManage.less | 44 +++--------- src/pages/aboutManage/aboutManage.tsx | 13 +++- src/pages/downloadManage/downloadManage.less | 47 +----------- src/pages/downloadManage/downloadManage.tsx | 6 +- .../friendLinkManage/friendLinkCategory.tsx | 42 ++++++----- .../friendLinkManage/friendLinkManage.less | 36 ---------- .../friendLinkManage/friendLinkManage.tsx | 21 +++--- src/pages/helpManage/HelpManageForm.tsx | 6 +- src/pages/helpManage/HelpManageInfo.tsx | 19 ++--- src/pages/helpManage/helpManage.less | 43 ++++++----- src/pages/helpManage/helpManage.tsx | 4 +- src/pages/noticeManage/NoticeManageForm.tsx | 4 +- src/pages/noticeManage/NoticeManageInfo.tsx | 12 ++-- src/pages/noticeManage/noticeManage.less | 18 +++++ src/pages/noticeManage/noticeManage.tsx | 2 +- .../supplierEvaluateResultApproval.less | 1 + .../supplierTaskManage.less | 6 +- .../supplierTaskManage/supplierTaskManage.tsx | 72 +++++++++---------- .../userQuestionManage/QuestionModal.tsx | 19 ++--- .../userQuestionManage/QuestionViewDetail.tsx | 12 ++-- .../userQuestionManage/readQuestionManage.tsx | 2 +- .../unreadQuestionManage.tsx | 2 +- .../userQuestionManage.less | 70 ++++++++---------- 23 files changed, 221 insertions(+), 280 deletions(-) create mode 100644 src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.less diff --git a/src/pages/aboutManage/aboutManage.less b/src/pages/aboutManage/aboutManage.less index 56275a6..cdb4362 100644 --- a/src/pages/aboutManage/aboutManage.less +++ b/src/pages/aboutManage/aboutManage.less @@ -1,35 +1,13 @@ -.about-manage-container { +.aboutManageContent { + background: #fff; padding: 24px; - - .about-manage-content { - background: #fff; - padding: 24px; - min-height: 500px; - border-radius: 4px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); - } - - .ant-card { - margin-bottom: 16px; - } - - .ant-form-item-label > label { - font-weight: 500; - } - - .save-btn-wrapper { - display: flex; - justify-content: flex-end; - margin-top: 16px; - } - - .ant-tabs-nav { - margin-bottom: 16px; - } - - .ant-card-head-title { - font-size: 18px; - font-weight: 500; - } + min-height: 500px; + border-radius: 4px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); +} + +.saveBtnWrapper { + display: flex; + justify-content: flex-end; + margin-top: 16px; } - \ No newline at end of file diff --git a/src/pages/aboutManage/aboutManage.tsx b/src/pages/aboutManage/aboutManage.tsx index 24fa78c..300d3bc 100644 --- a/src/pages/aboutManage/aboutManage.tsx +++ b/src/pages/aboutManage/aboutManage.tsx @@ -3,7 +3,7 @@ import { useIntl, FormattedMessage } from 'umi'; import { Card, Form, Input, Button, message, Tabs, Spin } from 'antd'; import WangEditor from '@/components/WangEidtor/WangEidtor'; import { getAboutUs, updateAboutUs, AboutUsRequest } from '@/servers/api/about'; -import './aboutManage.less'; +import styles from './aboutManage.less'; const { TabPane } = Tabs; @@ -122,7 +122,7 @@ const AboutManage: React.FC = () => { }; return ( -
+
{ +
+ +
); diff --git a/src/pages/downloadManage/downloadManage.less b/src/pages/downloadManage/downloadManage.less index 920d666..4d77c6e 100644 --- a/src/pages/downloadManage/downloadManage.less +++ b/src/pages/downloadManage/downloadManage.less @@ -1,50 +1,7 @@ -.download-manage-container { - .upload-hint { +.downloadManageContainer { + .uploadHint { margin-top: 8px; color: #999; font-size: 12px; } - - .content-area { - background-color: #fff; - padding: 16px; - border-radius: 4px; - margin-top: 16px; - } - - .filter-action-row { - display: flex; - justify-content: space-between; - align-items: flex-start; - margin-bottom: 16px; - background-color: #fff; - padding: 16px; - border-radius: 4px; - - .filter-form { - flex: 1; - } - - .filter-btns { - margin-left: 8px; - display: flex; - gap: 8px; - } - - .right-buttons { - display: flex; - gap: 8px; - align-items: center; - - .selected-count { - margin-left: 8px; - color: #1890ff; - } - } - } - - .ant-table-wrapper { - width: 100%; - } - } diff --git a/src/pages/downloadManage/downloadManage.tsx b/src/pages/downloadManage/downloadManage.tsx index 1801a27..d55c800 100644 --- a/src/pages/downloadManage/downloadManage.tsx +++ b/src/pages/downloadManage/downloadManage.tsx @@ -9,7 +9,7 @@ import { InboxOutlined, } from '@ant-design/icons'; import { validateFileSize } from '@/utils/utils'; -import './downloadManage.less'; +import styles from './downloadManage.less'; import type { UploadFile } from 'antd/es/upload/interface'; const { Option } = Select; @@ -500,7 +500,7 @@ const DownloadManage: React.FC = () => { }; return ( -
+
{

点击或拖拽文件到此区域上传

-

支持格式：.rar .zip .doc .docx .pdf，单个文件不能超过20MB

+

支持格式：.rar .zip .doc .docx .pdf，单个文件不能超过20MB

diff --git a/src/pages/friendLinkManage/friendLinkCategory.tsx b/src/pages/friendLinkManage/friendLinkCategory.tsx index 9076ab0..957e9a3 100644 --- a/src/pages/friendLinkManage/friendLinkCategory.tsx +++ b/src/pages/friendLinkManage/friendLinkCategory.tsx @@ -4,7 +4,7 @@ import { Card, Table, Button, Modal, Form, Input, Space, message, Select, TreeSe import { PlusOutlined, DeleteOutlined, ExclamationCircleOutlined, EditOutlined } from '@ant-design/icons'; import { getCategoryList, getAllCategories, addCategory, updateCategory, deleteCategory } from '@/servers/api/friendLink'; import { useFriendLinkDict } from '@/dicts/friendLinkDict'; -import './friendLinkManage.less'; +import styles from './friendLinkManage.less'; const { Option } = Select; const { TextArea } = Input; @@ -203,23 +203,31 @@ const FriendLinkCategory: React.FC = () => { ]; return ( -
-
- -
+
+
+
+
+ +
+
-
- - +
+
+ {/* 新增/编辑分类模态框 */} tr > th { - background-color: #fafafa; - font-weight: 500; - } - - .ant-modal-body { - max-height: 60vh; - overflow-y: auto; - } -} diff --git a/src/pages/friendLinkManage/friendLinkManage.tsx b/src/pages/friendLinkManage/friendLinkManage.tsx index b30bde2..2364683 100644 --- a/src/pages/friendLinkManage/friendLinkManage.tsx +++ b/src/pages/friendLinkManage/friendLinkManage.tsx @@ -15,7 +15,7 @@ import { } from '@/servers/api/friendLink'; import { LinkStatusMap } from '@/dicts/friendLinkDict'; import FileUpload from '@/components/FileUpload'; -import './friendLinkManage.less'; +import styles from './friendLinkManage.less'; const FriendLinkManage: React.FC = () => { const intl = useIntl(); @@ -346,12 +346,18 @@ const FriendLinkManage: React.FC = () => { }; return ( -
+
- +
+ {selectedRowKeys.length > 0 && ( - {intl.formatMessage( - { id: 'friendLink.selectedCount' }, - { count: selectedRowKeys.length }, - )} + {intl.formatMessage({ id: 'friendLink.selectedCount' }, { count: selectedRowKeys.length })} )}
diff --git a/src/pages/helpManage/HelpManageForm.tsx b/src/pages/helpManage/HelpManageForm.tsx index 27e606c..041c4c4 100644 --- a/src/pages/helpManage/HelpManageForm.tsx +++ b/src/pages/helpManage/HelpManageForm.tsx @@ -4,6 +4,7 @@ import { useIntl } from 'umi'; import WangEditor from '@/components/WangEidtor/WangEidtor'; import { TopStatus, EnglishSetting, categoryOptions } from '@/dicts/helpManageDict'; import { addHelp, updateHelp, getHelpDetail } from '@/servers/api/help'; +import styles from './helpManage.less'; const { TabPane } = Tabs; const { Option } = Select; @@ -127,7 +128,7 @@ const HelpManageForm: React.FC = ({ id, isEdit, onSuccess } }; return ( -
+
@@ -214,7 +215,7 @@ const HelpManageForm: React.FC = ({ id, isEdit, onSuccess } -
+
@@ -222,7 +223,6 @@ const HelpManageForm: React.FC = ({ id, isEdit, onSuccess } type="primary" loading={loading} onClick={handleSubmit} - style={{ marginLeft: '8px' }} > {intl.formatMessage({ id: 'helpManage.submit' })} diff --git a/src/pages/helpManage/HelpManageInfo.tsx b/src/pages/helpManage/HelpManageInfo.tsx index b37320c..9d728ce 100644 --- a/src/pages/helpManage/HelpManageInfo.tsx +++ b/src/pages/helpManage/HelpManageInfo.tsx @@ -2,6 +2,7 @@ import React from 'react'; import { Descriptions, Divider, Card, Tag } from 'antd'; import { useIntl } from 'umi'; import { HelpStatus, HelpStatusText, HelpStatusColor } from '@/dicts/helpManageDict'; +import styles from './helpManage.less'; interface HelpManageInfoProps { data: API.HelpRecord | null; @@ -22,7 +23,7 @@ const HelpManageInfo: React.FC = ({ data }) => { if (!data) return null; return ( -
+
{data.title} @@ -57,15 +58,15 @@ const HelpManageInfo: React.FC = ({ data }) => { {intl.formatMessage({ id: 'helpManage.detail.contentZh' })} - -
+ +
{data.contentEn && ( <> {intl.formatMessage({ id: 'helpManage.detail.contentEn' })} - -
+ +
)} @@ -73,8 +74,8 @@ const HelpManageInfo: React.FC = ({ data }) => { {data.answerContent && ( <> {intl.formatMessage({ id: 'helpManage.detail.answerContentZh' })} - -
+ +
)} @@ -82,8 +83,8 @@ const HelpManageInfo: React.FC = ({ data }) => { {data.answerContentNe && ( <> {intl.formatMessage({ id: 'helpManage.detail.answerContentEn' })} - -
+ +
)} diff --git a/src/pages/helpManage/helpManage.less b/src/pages/helpManage/helpManage.less index dbc0109..fcd45c3 100644 --- a/src/pages/helpManage/helpManage.less +++ b/src/pages/helpManage/helpManage.less @@ -1,28 +1,39 @@ -.help-manage-container { +.helpManageContainer { padding: 24px; - .help-manage-content { - background: #fff; - padding: 24px; - min-height: 500px; - border-radius: 4px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); - } - - .search-area { + .searchArea { display: flex; margin-bottom: 16px; align-items: center; } } -.common-container { - border-radius: 4px; - min-height: calc(100vh - 144px); +/* HelpManageForm styles */ +.helpForm { +} - :global { - .ant-form-item { - margin-bottom: 16px; +.formActions { + text-align: right; + margin-top: 20px; + + button { + margin-left: 8px; + } +} + +/* HelpManageInfo styles */ +.helpDetailView { + .contentCard { + background-color: #fafafa; + } + + .helpContent { + padding: 16px; + + :global { + img { + max-width: 100%; + } } } } diff --git a/src/pages/helpManage/helpManage.tsx b/src/pages/helpManage/helpManage.tsx index 5465b52..19f1a34 100644 --- a/src/pages/helpManage/helpManage.tsx +++ b/src/pages/helpManage/helpManage.tsx @@ -7,7 +7,7 @@ import { ExclamationCircleOutlined, SearchOutlined, } from '@ant-design/icons'; -import './helpManage.less'; +import styles from './helpManage.less'; // 引入API import { getHelpList, @@ -354,8 +354,6 @@ const HelpManage: React.FC = () => { dataIndex: 'createTime', key: 'createTime', align: 'center' as const, - sorter: (a: HelpItemType, b: HelpItemType) => - new Date(a.createTime).getTime() - new Date(b.createTime).getTime(), }, { title: intl.formatMessage({ id: 'helpManage.status' }), diff --git a/src/pages/noticeManage/NoticeManageForm.tsx b/src/pages/noticeManage/NoticeManageForm.tsx index 061bab9..9729bb1 100644 --- a/src/pages/noticeManage/NoticeManageForm.tsx +++ b/src/pages/noticeManage/NoticeManageForm.tsx @@ -3,6 +3,7 @@ import { Form, Input, Switch, Tabs, message, Button } from 'antd'; import WangEditor from '@/components/WangEidtor/WangEidtor'; import { TopStatus, EnglishSetting } from '@/dicts/noticeManageDict'; import { addNotice, updateNotice, getNoticeDetail } from '@/servers/api/notice'; +import styles from './noticeManage.less'; const { TabPane } = Tabs; @@ -161,13 +162,12 @@ const NoticeManageForm: React.FC = ({ id, isEdit, onSucce -
+
diff --git a/src/pages/noticeManage/NoticeManageInfo.tsx b/src/pages/noticeManage/NoticeManageInfo.tsx index 85d7f04..0875d9a 100644 --- a/src/pages/noticeManage/NoticeManageInfo.tsx +++ b/src/pages/noticeManage/NoticeManageInfo.tsx @@ -1,6 +1,7 @@ import React from 'react'; import { Descriptions, Divider, Card, Tag } from 'antd'; import { NoticeStatus, NoticeStatusText, NoticeStatusColor } from '@/dicts/noticeManageDict'; +import styles from './noticeManage.less'; interface NoticeManageInfoProps { data: API.NoticeRecord | null; @@ -18,7 +19,7 @@ const NoticeManageInfo: React.FC = ({ data }) => { if (!data) return null; return ( -
+
{data.title} @@ -35,15 +36,15 @@ const NoticeManageInfo: React.FC = ({ data }) => { 中文内容 - -
+ +
{data.contentEn && ( <> 英文内容 - -
+ +
)} @@ -52,4 +53,3 @@ const NoticeManageInfo: React.FC = ({ data }) => { }; export default NoticeManageInfo; - \ No newline at end of file diff --git a/src/pages/noticeManage/noticeManage.less b/src/pages/noticeManage/noticeManage.less index e69de29..d45b309 100644 --- a/src/pages/noticeManage/noticeManage.less +++ b/src/pages/noticeManage/noticeManage.less @@ -0,0 +1,18 @@ +.noticeDetailView { + .contentCard { + background-color: #fafafa; + } + + .noticeContent { + padding: 16px; + } +} + +.formActions { + text-align: right; + margin-top: 20px; + + button { + margin-left: 8px; + } +} diff --git a/src/pages/noticeManage/noticeManage.tsx b/src/pages/noticeManage/noticeManage.tsx index 7a59239..809e69e 100644 --- a/src/pages/noticeManage/noticeManage.tsx +++ b/src/pages/noticeManage/noticeManage.tsx @@ -9,7 +9,7 @@ import { EyeOutlined, } from '@ant-design/icons'; import { getNoticeList, addNotice, updateNotice, deleteNotice, batchDeleteNotice, updateNoticeStatus, updateNoticeTopStatus, getNoticeDetail } from '@/servers/api/notice'; -import './noticeManage.less'; +import styles from './noticeManage.less'; import { NoticeStatus, NoticeStatusText, diff --git a/src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.less b/src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.less new file mode 100644 index 0000000..46b134b --- /dev/null +++ b/src/pages/supplierEvaluateManage/supplierEvaluateResultApproval/supplierEvaluateResultApproval.less @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.less b/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.less index 20c7908..4101d9f 100644 --- a/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.less +++ b/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.less @@ -1,11 +1,11 @@ -.supplier-task-manage-container { +.supplierTaskManageContainer { // 使用公共容器样式，不需要重复定义padding和background-color - .task-detail { + .taskDetail { padding: 16px; - .detail-item { + .detailItem { margin-bottom: 16px; line-height: 22px; diff --git a/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx b/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx index a0ff989..7f4e6e6 100644 --- a/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx +++ b/src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManage.tsx @@ -24,7 +24,7 @@ import { EyeOutlined, } from '@ant-design/icons'; import { TaskStatus, TaskType, TaskStatusText, TaskStatusColor, TaskTypeText } from '@/dicts/supplierTaskDict'; -import './supplierTaskManage.less'; +import styles from './supplierTaskManage.less'; const { Option } = Select; const { RangePicker } = DatePicker; @@ -375,77 +375,77 @@ const SupplierTaskManage: React.FC = () => { if (!viewData) return null; return ( -
+
-
- 任务名称： - {viewData.taskName} +
+ 任务名称： + {viewData.taskName}
-
- 任务编号： - {viewData.taskCode} +
+ 任务编号： + {viewData.taskCode}
-
- 任务类型： - +
+ 任务类型： + {TaskTypeText[viewData.taskType as keyof typeof TaskTypeText] || '未知类型'}
-
- 使用模板： - {viewData.templateName} +
+ 使用模板： + {viewData.templateName}
-
- 状态： - {getStatusTag(viewData.status)} +
+ 状态： + {getStatusTag(viewData.status)}
-
- 开始时间： - {viewData.startTime} +
+ 开始时间： + {viewData.startTime}
-
- 结束时间： - {viewData.endTime} +
+ 结束时间： + {viewData.endTime}
-
- 创建人： - {viewData.createBy} +
+ 创建人： + {viewData.createBy}
-
- 创建时间： - {viewData.createTime} +
+ 创建时间： + {viewData.createTime}
{viewData.updateBy && (
-
- 更新人： - {viewData.updateBy} +
+ 更新人： + {viewData.updateBy}
)} {viewData.updateTime && (
-
- 更新时间： - {viewData.updateTime} +
+ 更新时间： + {viewData.updateTime}
)} @@ -522,7 +522,7 @@ const SupplierTaskManage: React.FC = () => { }; return ( -
+
= ({ if (!question) return null; return ( -
+
{question.title} @@ -219,8 +220,8 @@ const QuestionModal: React.FC = ({ {intl.formatMessage({ id: 'questionDetail.questionContent' })} - -
+ +
{question.content}
@@ -228,8 +229,8 @@ const QuestionModal: React.FC = ({ {question.answerContent && ( <> {intl.formatMessage({ id: 'questionDetail.answerContent' })} - -
+ +
{question.answerContent}
@@ -245,7 +246,7 @@ const QuestionModal: React.FC = ({ return ( -
+
{question.title} @@ -275,8 +276,8 @@ const QuestionModal: React.FC = ({
{intl.formatMessage({ id: 'questionDetail.questionContent' })} - -
+ +
{question.content}
@@ -298,7 +299,7 @@ const QuestionModal: React.FC = ({ /> -
+
diff --git a/src/pages/userQuestionManage/QuestionViewDetail.tsx b/src/pages/userQuestionManage/QuestionViewDetail.tsx index 7152917..f7f2dd2 100644 --- a/src/pages/userQuestionManage/QuestionViewDetail.tsx +++ b/src/pages/userQuestionManage/QuestionViewDetail.tsx @@ -1,6 +1,7 @@ import React from 'react'; import { Descriptions, Divider, Card, Tag } from 'antd'; import { useIntl, FormattedMessage } from 'umi'; +import styles from './userQuestionManage.less'; import { PublishStatus, PublishStatusText, @@ -37,7 +38,7 @@ const QuestionViewDetail: React.FC = ({ question }) => { }; return ( -
+
{question.title} @@ -84,8 +85,8 @@ const QuestionViewDetail: React.FC = ({ question }) => { {intl.formatMessage({ id: 'questionDetail.questionContent' })} - -
+ +
{question.content}
@@ -93,8 +94,8 @@ const QuestionViewDetail: React.FC = ({ question }) => { {question.answerContent && ( <> {intl.formatMessage({ id: 'questionDetail.answerContent' })} - -
+ +
{question.answerContent}
@@ -105,4 +106,3 @@ const QuestionViewDetail: React.FC = ({ question }) => { }; export default QuestionViewDetail; - \ No newline at end of file diff --git a/src/pages/userQuestionManage/readQuestionManage.tsx b/src/pages/userQuestionManage/readQuestionManage.tsx index 31f2fb7..c58a859 100644 --- a/src/pages/userQuestionManage/readQuestionManage.tsx +++ b/src/pages/userQuestionManage/readQuestionManage.tsx @@ -6,7 +6,7 @@ import { ExclamationCircleOutlined, SearchOutlined } from '@ant-design/icons'; -import '../userQuestionManage/userQuestionManage.less'; +import styles from './userQuestionManage.less'; // 引入封装的组件 import QuestionModal from './QuestionModal'; // 引入API diff --git a/src/pages/userQuestionManage/unreadQuestionManage.tsx b/src/pages/userQuestionManage/unreadQuestionManage.tsx index 5ed9494..9ea0f81 100644 --- a/src/pages/userQuestionManage/unreadQuestionManage.tsx +++ b/src/pages/userQuestionManage/unreadQuestionManage.tsx @@ -6,7 +6,7 @@ import { ExclamationCircleOutlined, SearchOutlined } from '@ant-design/icons'; -import '../userQuestionManage/userQuestionManage.less'; +import styles from './userQuestionManage.less'; // 引入封装的组件 import QuestionModal from './QuestionModal'; // 引入API diff --git a/src/pages/userQuestionManage/userQuestionManage.less b/src/pages/userQuestionManage/userQuestionManage.less index 39e3f03..eeefd00 100644 --- a/src/pages/userQuestionManage/userQuestionManage.less +++ b/src/pages/userQuestionManage/userQuestionManage.less @@ -1,21 +1,13 @@ -// 扩展公共容器样式 -.common-container { - border-radius: 2px; - min-height: calc(100vh - 184px); - - // 这里只保留与公共样式不同的部分 -} - // 问题查看容器 -.question-view-container { +.questionViewContainer { padding: 0; } // 问题编辑容器 -.question-edit-container { +.questionEditContainer { padding: 0; - .form-actions { + .formActions { display: flex; justify-content: flex-end; margin-top: 24px; @@ -23,13 +15,13 @@ } // 卡片容器样式 -.card-container { +.cardContainer { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; - .stat-card { + .statCard { width: calc(25% - 18px); min-width: 250px; height: 120px; @@ -47,25 +39,25 @@ transform: translateY(-2px); } - .card-title { + .cardTitle { font-size: 16px; color: rgba(0, 0, 0, 0.85); margin-bottom: 8px; } - .card-value { + .cardValue { font-size: 28px; font-weight: bold; color: #1890ff; } - .card-footer { + .cardFooter { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; - .card-label { + .cardLabel { font-size: 14px; color: rgba(0, 0, 0, 0.45); } @@ -74,7 +66,7 @@ } // 问题详情样式 -.question-detail-header { +.questionDetailHeader { margin-bottom: 24px; border-bottom: 1px solid #f0f0f0; padding-bottom: 16px; @@ -85,7 +77,7 @@ font-weight: 500; } - .question-meta { + .questionMeta { display: flex; flex-wrap: wrap; @@ -96,7 +88,7 @@ } } -.question-detail-section { +.questionDetailSection { margin-bottom: 24px; h3 { @@ -105,7 +97,7 @@ font-weight: 500; } - .question-detail-content { + .questionDetailContent { padding: 16px; background-color: #f5f5f5; border-radius: 4px; @@ -113,13 +105,13 @@ word-break: break-all; } - .answer-content-wrapper { + .answerContentWrapper { border: 1px solid #f0f0f0; border-radius: 4px; padding: 16px; min-height: 200px; - .answer-content { + .answerContent { line-height: 1.6; p { @@ -134,16 +126,16 @@ } } -.question-detail-footer { +.questionDetailFooter { margin-top: 16px; padding-top: 16px; border-top: 1px solid #f0f0f0; - .question-settings { + .questionSettings { display: flex; margin-bottom: 16px; - .setting-item { + .settingItem { display: flex; align-items: center; margin-right: 24px; @@ -152,11 +144,11 @@ margin-right: 8px; } - .switch-wrapper { + .switchWrapper { display: flex; align-items: center; - .status-indicator { + .statusIndicator { width: 8px; height: 8px; border-radius: 50%; @@ -174,7 +166,7 @@ background-color: #f5222d; } - &.not-top { + &.notTop { background-color: #d9d9d9; } } @@ -182,7 +174,7 @@ } } - .answer-info { + .answerInfo { display: flex; span { @@ -192,10 +184,10 @@ } } -.answer-form-container { +.answerFormContainer { margin-bottom: 24px; - .question-settings { + .questionSettings { display: flex; margin-top: 16px; @@ -204,23 +196,23 @@ } } - .answer-content { + .answerContent { min-height: 100px; } } // 新增问题详情查看样式 -.question-detail-view { +.questionDetailView { .ant-descriptions { margin-bottom: 24px; } - .content-card { + .contentCard { background-color: #f9f9f9; margin-bottom: 24px; - .question-content, - .answer-content { + .questionContent, + .answerContent { white-space: pre-wrap; line-height: 1.6; word-break: break-word; @@ -240,7 +232,7 @@ } // 添加合并后组件的样式 -.question-info-section { +.questionInfoSection { margin-bottom: 24px; .ant-descriptions { @@ -248,7 +240,7 @@ } } -.question-settings { +.questionSettings { display: flex; gap: 24px; margin-top: 16px;