footer的图片增加预览功能

components/footer/index.tsx

 import styles from "./index.module.scss";
-import Image from "next/image";
+import { Image } from "antd";
+import errImg from "~/assets/errImg";
+import img_mmc from './assets/mmc.png';
 
 const qrcodeList = [
   {
-    img: require("./assets/mmc.png"),
+    img: "./assets/mmc.png",
     title: "科比特官网",
     url: "http://www.mmcuav.cn/",
   },
   {
-    img: require("./assets/fuwuhao.png"),
+    img: "./assets/fuwuhao.png",
     title: "云享飞服务号",
   },
   {
-    img: require("./assets/xiaochengxu.png"),
+    img: "./assets/xiaochengxu.png",
     title: "云享飞小程序",
   },
   {
-    img: require("./assets/shequn.png"),
+    img: "./assets/shequn.png",
     title: "官方社群",
   },
 ];
@@ -37,10 +39,12 @@ export default function Footer() {
                   onClick={() => {
                     if (item.title === "科比特官网")
                       window.location.href = item.url!;
-                    }}
+                  }}
                   alt=""
                   className={styles.qrcodeImg}
                   src={item.img}
+                  fallback={errImg}
+                  preview={item.title !== "科比特官网"}
                 ></Image>
                 <div className={styles.qrcodeTitle}>{item.title}</div>
               </div>