chore(site): ICP info

src/components/Footer/footer.scss

@@ -91,14 +91,18 @@ body[theme-mode='dark'] {
     }
 
     .autoWrapper {
+        width: 1110px;
         display: flex;
         flex-direction: row;
         align-items: center;
+        justify-content: space-between;
+    }
+    .icpWrapper{
+        display: flex;
     }
-
     .a2021SemiDesignAllRi {
-        min-width: 263px;
-        margin: 0px 495px 0px 0px;
+        min-width: 394px;
+        margin: 0px 8px 0px 0px;
         font-size: 14px;
         font-family: Inter;
         color: #d9dbe1ff;
@@ -107,7 +111,23 @@ body[theme-mode='dark'] {
         text-align: left;
         vertical-align: top;
     }
+    
+    .image45 {
+        width: 20px;
+        height: 20px;
+        margin: 0px 8px 0px 0px;
+    }
 
+    .beianText{
+        min-width: 175px;
+        font-size: 14px;
+        font-family: Inter;
+        color: #d9dbe1ff;
+        line-height: 24px;
+        font-weight: 400;
+        text-align: left;
+        vertical-align: top;
+    }
     .designedDevelopedWit {
         min-width: 352px;
         font-size: 14px;

src/components/Footer/index.jsx

@@ -2,7 +2,7 @@
 import React, { Component } from 'react';
 import UserContext from 'context/context';
 import './footer.scss';
-import { _t } from 'src/utils/locale'
+import { _t } from 'src/utils/locale';
 import { getLocale } from '../../utils/locale';
 
 export class Footer extends Component {
@@ -18,7 +18,7 @@ export class Footer extends Component {
                     <a href="https://github.com/DouyinFE/semi-design" className='github' target="_blank" rel="noreferrer">GitHub</a>
                 </div><img src="https://lf9-static.semi.design/obj/semi-tos/images/a577c310-324e-11ec-8b14-8fb159794ae4.svg" className='divider' />
                 <div className='autoWrapper'>
-                    <p className='a2021SemiDesignAllRi'>© 2021 Semi Design. All rights reserved</p>
+                    <div className='icpWrapper'><p className={'a2021SemiDesignAllRi'}>© 2021 Semi Design. All rights reserved. 京 ICP 备16016397</p><img src="https://tosv.byted.org/obj/ies-semi/images/f2a93900-5bfe-11ec-a3e2-111db7c8929a.png" className={'image45'} /><a href="https://beian.miit.gov.cn/" target="_blank" className={'beianText'} rel="noreferrer">京公安网备 110000023049</a></div>
                     <p className='designedDevelopedWit'><span className='designedDevelopedWit_c0c5d39b'>Designed & Developed with love by </span><span className='designedDevelopedWit_6eaa79ba'>Douyin FE</span><span className='designedDevelopedWit_c0c5d39b'> & </span><a href="https://dribbble.com/MetaEnterpriseDesign" className='designedDevelopedWit_6eaa79ba'>MED</a></p>
                 </div>
             </div>