修改页面样式使用@width宽度
This commit is contained in:
@ -1,4 +1,5 @@
|
|||||||
@import '~antd/es/style/themes/default.less';
|
@import '~antd/es/style/themes/default.less';
|
||||||
|
@import '~@/baseStyle.less';
|
||||||
|
|
||||||
.aboutContainer {
|
.aboutContainer {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
@ -7,9 +8,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.aboutContent {
|
.aboutContent {
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
width: @width;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aboutTitle {
|
.aboutTitle {
|
||||||
|
@ -64,46 +64,7 @@ const AboutPage: React.FC = () => {
|
|||||||
<Title level={2}>{intl.formatMessage({ id: 'about.title' })}</Title>
|
<Title level={2}>{intl.formatMessage({ id: 'about.title' })}</Title>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={styles.aboutSection}>
|
<div className={styles.aboutContent} dangerouslySetInnerHTML={{ __html: content }} />
|
||||||
<Title level={3} className={styles.sectionTitle}>
|
|
||||||
{intl.formatMessage({ id: 'about.company.title' })}
|
|
||||||
</Title>
|
|
||||||
<div className={styles.sectionContent}>
|
|
||||||
<div className={styles.contentHtml} dangerouslySetInnerHTML={{ __html: content }} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Divider />
|
|
||||||
|
|
||||||
<div className={styles.aboutSection}>
|
|
||||||
<Title level={3} className={styles.sectionTitle}>
|
|
||||||
{intl.formatMessage({ id: 'about.contact.title' })}
|
|
||||||
</Title>
|
|
||||||
<div className={styles.sectionContent}>
|
|
||||||
<div className={styles.companyInfo}>
|
|
||||||
<div className={styles.infoItem}>
|
|
||||||
<span className={styles.label}>{intl.formatMessage({ id: 'about.address' })}:</span>
|
|
||||||
<span>{address}</span>
|
|
||||||
</div>
|
|
||||||
<div className={styles.infoItem}>
|
|
||||||
<span className={styles.label}>{intl.formatMessage({ id: 'about.phone' })}:</span>
|
|
||||||
<span>{contactsPhone}</span>
|
|
||||||
</div>
|
|
||||||
<div className={styles.infoItem}>
|
|
||||||
<span className={styles.label}>{intl.formatMessage({ id: 'about.hotline' })}:</span>
|
|
||||||
<span>{contactsConsult}</span>
|
|
||||||
</div>
|
|
||||||
<div className={styles.infoItem}>
|
|
||||||
<span className={styles.label}>{intl.formatMessage({ id: 'about.email' })}:</span>
|
|
||||||
<span>{contactsEmail}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={styles.aboutFooter}>
|
|
||||||
<Paragraph>{intl.formatMessage({ id: 'about.copyright' })}</Paragraph>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -75,7 +75,7 @@ const HelpInfoPage: React.FC = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={styles.helpInfoContainer}>
|
<div className={`${styles.helpInfoContainer} layout-content-main`}>
|
||||||
<div className={styles.helpInfoHeader}>
|
<div className={styles.helpInfoHeader}>
|
||||||
<Button
|
<Button
|
||||||
type="link"
|
type="link"
|
||||||
|
@ -459,7 +459,7 @@ const DomesticForm: React.FC<DomesticFormProps> = ({
|
|||||||
{/* 使用通用表单组件 */}
|
{/* 使用通用表单组件 */}
|
||||||
<QualificationSection form={form} />
|
<QualificationSection form={form} />
|
||||||
<InvoiceSection form={form} />
|
<InvoiceSection form={form} />
|
||||||
<BankAccountSection form={form} />
|
<BankAccountSection form={form} supplierType="dvs" />
|
||||||
<SurveySection form={form} surveyQuestions={surveyQuestions} />
|
<SurveySection form={form} surveyQuestions={surveyQuestions} />
|
||||||
<AttachmentSection form={form} />
|
<AttachmentSection form={form} />
|
||||||
</>
|
</>
|
||||||
|
@ -232,7 +232,7 @@ const ForeignForm: React.FC<ForeignFormProps> = ({
|
|||||||
{/* 使用通用表单组件 */}
|
{/* 使用通用表单组件 */}
|
||||||
<QualificationSection form={form} />
|
<QualificationSection form={form} />
|
||||||
<InvoiceSection form={form} />
|
<InvoiceSection form={form} />
|
||||||
<BankAccountSection form={form} />
|
<BankAccountSection form={form} supplierType="ovs" />
|
||||||
<SurveySection form={form} surveyQuestions={surveyQuestions} />
|
<SurveySection form={form} surveyQuestions={surveyQuestions} />
|
||||||
<AttachmentSection form={form} />
|
<AttachmentSection form={form} />
|
||||||
</>
|
</>
|
||||||
|
Reference in New Issue
Block a user