加盟modal样式修正

components/NavHeader/joinModal/index.module.scss

 .identityBtn {
   box-sizing: border-box;
   padding: 0 5px;
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform:translate(-50%, 0);
   min-width: 100%;
-  height: 24px;
-  background: #e26329;
   border-radius: 6px;
-  opacity: 0.95;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 12px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #fff;
-  white-space: nowrap;
+  text-align: center;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #000000;
+  flex-wrap: nowrap;
 }
 
 .modal {
   :global .ant-modal-content {
     border-radius: 6px;
 
-    .ant-modal-title{
+    .ant-modal-title {
       text-align: center;
     }
   }

components/NavHeader/joinModal/index.tsx

@@ -6,6 +6,18 @@ import { useEffect, useState } from "react";
 import api, { ListTagResp } from "./api";
 import { useRouter } from "next/router";
 
+const imgs = [
+  require("./assets/生产制造商.png"),
+  require("./assets/品牌企业.png"),
+  require("./assets/商务公关机构.png"),
+  require("./assets/无人机自媒体.png"),
+  require("./assets/投资机构.png"),
+  require("./assets/飞手团队.png"),
+  require("./assets/二手服务商.png"),
+  require("./assets/飞手培训机构.png"),
+  require("./assets/推广合作商.png"),
+];
+
 type Props = {
   open?: boolean;
   onOk?: () => void;
@@ -16,10 +28,10 @@ export default function JoinModal(props: Props) {
   const [tagList, setTagList] = useState<ListTagResp[]>([]);
 
   useEffect(() => {
-    api.listTag().then(res => {
+    api.listTag().then((res) => {
       setTagList(res.result || []);
-    })
-  }, [])
+    });
+  }, []);
 
   const onClickTag = (item: ListTagResp) => {
     router.replace("/JoinPolicy?tagId=" + item.id);
@@ -35,15 +47,20 @@ export default function JoinModal(props: Props) {
       width={460}
       footer={null}
     >
-      <Row style={{ padding: "22px 16px 20px 16px", gap: "16px 40px" }}>
-        {tagList.map((item) => {
+      <Row style={{rowGap: 29, paddingTop: 21, paddingBottom: 21}}>
+        {tagList.map((item, i) => {
           return (
             <Col
               key={item.id}
-              style={{ cursor: "pointer", height: 100, padding: 0 }}
+              span={8}
+              style={{
+                cursor: "pointer",
+                padding: 0,
+                textAlign: "center",
+              }}
               onClick={() => onClickTag(item)}
             >
-              <Image src={img} width={100} height={100} alt=""></Image>
+              <Image src={imgs[i]} width={64} height={64} alt=""></Image>
               <div className={styles.identityBtn}>
                 {item.tagName}
                 {">"}