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