fix some ui and I'm really confused

src/Home/data.source.js

@@ -33,6 +33,7 @@ import qrwexin from "../picture/qr-wexin.jpg";
 import qrbilibili from "../picture/qr-bilibili.jpg";
 import qrqq from "../picture/qr-qq.jpg";
 import beian from "../picture/beian.png";
+import testheader from "../picture/testheader.jpg";
 const style_qrtest = {
   width: "100%",
   height: "100%",
@@ -42,7 +43,10 @@ const style_beian = {
   height: "18px",
 };
 export const Nav30DataSource = {
-  wrapper: { className: "header3 home-page-wrapper" },
+  wrapper: {
+    className: "header3 home-page-wrapper",
+    children: testheader,
+  },
   page: { className: "home-page" },
   logo: {
     className: "header3-logo",
@@ -100,7 +104,7 @@ export const Nav30DataSource = {
   mobileMenu: { className: "header3-mobile-menu" },
 };
 export const Banner31DataSource = {
-  wrapper: { className: "banner3" },
+  wrapper: { className: "banner3  " },
   textWrapper: {
     className: "banner3-text-wrapper k6bxcwa6wb-editor_css",
     children: [

src/Home/less/banner3.less

@@ -41,14 +41,15 @@
   & &-name-en {
     display: block;
     font-size: 14px;
-
+    font-family: sans-serif;
     line-height: 32px;
     font-weight: 400;
   }
   & &-name {
     font-size: 24px;
     overflow: hidden;
-    opacity: 0.8;
+    opacity: 0.9;
+    font-family: Helvetica Neue;
   }
   & &-button {
     display: block;
@@ -66,6 +67,7 @@
   }
   & &-time {
     font-size: 14px;
+    font-family: Helvetica Neue;
     line-height: 24px;
     margin-top: 24px;
   }

src/Home/less/edit.less

@@ -41,12 +41,11 @@
   background-size: auto;
   background-clip: padding-box;
 }
-#Banner3_1 .k6bxcwa6wb-editor_css {
+
-  box-shadow: 5px 5px 5px #108ee9;
-}
 #Banner3_1 .banner3-text-wrapper > .k6bx9bxsgw-editor_css {
   background-clip: padding-box;
   text-decoration: underline;
+  font-family: Helvetica Neue;
   text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);
 }
 #Banner3_1 .banner3-text-wrapper > .k6bx9qqmas-editor_css {
@@ -64,6 +63,7 @@
   background-blend-mode: normal;
   background-clip: padding-box;
 }
+
 #Content3_0 .ant-col > .content3-text > .k6bypeippkr-editor_css {
   margin: 0px;
 }

src/Home/less/nav3.less

@@ -1,9 +1,10 @@
 @header3: header3;
 
 .@{header3} {
-  background: #d9e8fc;
+  background: rgba(2, 2, 2, 0);
   width: 100%;
   z-index: 1;
+  background-image: url("https://oss.zjueva.net/testheader.jpg");
   box-shadow: 0 4px 6px fade(#000, 5);
   position: relative;
   top: 0;