分公司BI

src/pages/Container/WhiteBranchOffice/components/Title/index.js

@@ -0,0 +1,12 @@
+import titbg from "~/assets/images/public/white/titbg1.png";
+import "./index.less";
+
+function Title(props) {
+  return (
+    <div className="white_bi_title" style={{ backgroundImage: `url(${titbg})` }}>
+      <div className="title">{props.title}</div>
+    </div>
+  );
+}
+
+export default Title;

src/pages/Container/WhiteBranchOffice/components/Title/index.less

@@ -0,0 +1,14 @@
+.white_bi_title {
+  width: 504px;
+  height: 39px;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+
+  .title {
+    font-size: 16px;
+    color: #3F4554;
+    font-weight: bold;
+    padding-left: 37px;
+    padding-top: 6px;
+  }
+}

src/pages/Container/WhiteBranchOffice/index.js

@@ -0,0 +1,21 @@
+import { useMount } from "ahooks";
+import autoFit from "autofit.js";
+import bg from "~/assets/images/public/white/bg.png";
+import Title from "~/pages/Container/WhiteBranchOffice/components/Title";
+import "./index.less";
+
+function WhiteBranchOffice() {
+  useMount(() => {
+    autoFit.init({ dw: 1920, dh: 1080, el: ".white_branch_office", resize: true });
+  });
+
+  return (
+    <div className="white_branch_office" style={{ backgroundImage: `url(${bg})` }}>
+      <div>
+        <Title title={123123} />
+      </div>
+    </div>
+  );
+}
+
+export default WhiteBranchOffice;

src/pages/Container/WhiteBranchOffice/index.less

@@ -0,0 +1,6 @@
+.white_branch_office{
+  width: 100vw;
+  height: 100vh;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}