footer版本V2

src/components/footer/index.module.scss

 .footer {
-  height: 350px;
-  background: #2a2a32;
+  height: 200px;
+  background: linear-gradient(360deg, #001c49 0%, #021741 100%);
+  box-shadow: 0px 2px 12px 0px rgba(146, 146, 146, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .logo {
-  width: 152px;
-  height: 43px;
+  width: 125px;
+  height: 89px;
   background: url('./assets/logo.png') no-repeat;
   background-size: 100% 100%;
   margin-right: 104px;
@@ -16,7 +17,7 @@
 
 .qrcodeList {
   display: flex;
-   margin-right: 101px;
+  margin-right: 101px;
   .qrcodeItem {
     margin-right: 87px;
     &:nth-last-child(1) {
@@ -26,14 +27,17 @@
     .qrcodeImg {
       width: 100px;
       height: 100px;
+      border-radius: 8px;
+      overflow: hidden;
+      background-color: #fff;
     }
 
     .qrcodeTitle {
-      margin-top: 14px;
-      font-size: 14px;
+      margin-top: 12px;
+      font-size: 12px;
       font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
       font-weight: bold;
-      color: #d6d6d6;
+      color: #ffffff;
     }
   }
 }
@@ -43,13 +47,13 @@
     font-size: 58px;
     font-family: Arial-Black, Arial;
     font-weight: 900;
-    color: #39aafc;
+    color: RGBA(255, 176, 45, 1);
     line-height: 82px;
   }
   .text {
     font-size: 16px;
     font-family: MicrosoftYaHei;
-    color: #949498;
+    color: #fff;
     line-height: 21px;
   }
 }

src/components/footer/index.tsx

@@ -38,7 +38,7 @@ export default function Footer() {
       </div>
       <div className={styles.rightText}>
         <div className={styles.number}>100W</div>
-        <div className={styles.text}>加盟商席位等你来入驻</div>
+        <div className={styles.text}>无人机新媒体矩阵等你来关注</div>
       </div>
     </div>
   );