修改样式问题

app/my/setting/aboutUs/page.js

@@ -28,8 +28,12 @@ export default function AboutUs() {
         <p className="text-base text-center leading-9">关于我们</p>
       </div>
       {/* 内容 */}
-      <div className="pt-16 p-4 flex flex-col justify-center items-center">
-        <OwnIcon className="my-16" width="46%" src="/images/logo.png" />
+      <div className="w-full pt-16 p-4 flex flex-col justify-center items-center">
+        <OwnIcon
+          outClassName="w-1/2"
+          className="my-16 w-1/2"
+          src="/images/logo.png"
+        />
 
         <div className="rounded-xl p-2 border-2 border-[#2c2b2f] w-full">
           <ul>

app/my/setting/feedback/page.js

@@ -11,7 +11,8 @@ import { multiUploadImage } from "@/utils/upload";
 import requireAPI from "@/utils/requireAPI";
 export default function Feedback() {
   const [value, setValue] = useState();
-  const [assets, setAssets] = useState([]);
+  const [imgAssets, setImgAssets] = useState([]);
+  const [videoAssets, setVideoAssets] = useState([]);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const router = useRouter();
   //提交反馈
@@ -24,13 +25,26 @@ export default function Feedback() {
       });
       return;
     }
-
+    if (imgAssets.length + videoAssets.length > 9) {
+      Toast.show({
+        icon: "fail",
+        content: "最多上传9个图片或视频",
+        position: "top",
+      });
+      return;
+    }
     //提交数据
     setIsSubmitting(true);
     // const media = await multiUpload(assets);
-    const media = await multiUploadImage(assets, 1);
+    const { image_ids } = await multiUploadImage(imgAssets, 1);
+    const { video_ids } = await multiUploadImage(videoAssets, 2);
+
+    const media = { image_ids, video_ids };
+
     // console.log("media",media)
     const account = await get("account");
+    debugger;
+
     try {
       const data = await requireAPI(
         "POST",
@@ -93,9 +107,24 @@ export default function Feedback() {
           style={{ "--placeholder-color": "#FFFFFF80", "--font-size": "16px" }}
         />
         <p className="text-base font-medium text-white mt-4 mb-1">
-          截图（最多9张）
+          截图或录屏（最多9张）
         </p>
-        <UploadImgs assets={assets} getImgs={setAssets} />
+        <div className="mb-4">
+          <p className="my-2">图片</p>
+          <UploadImgs
+            accept="image/png, image/jpeg, image/jpg"
+            assets={imgAssets}
+            getImgs={setImgAssets}
+          />
+        </div>
+        <p className="my-2">视频</p>
+        <UploadImgs
+          accept="video/*"
+          type={2}
+          id="uploadVideoBtn3"
+          assets={videoAssets}
+          getImgs={setVideoAssets}
+        />
         <div className="mt-16">
           <Button
             shape="rounded"

components/OwnIcon/index.jsx

@@ -13,7 +13,7 @@ export default function OwnIcon({
     <div
       className={`flex flex-col justify-center items-center relative ${outClassName}`}
     >
-      <div className={`w-12 h-12 ${className} z-[0]`}>
+      <div className={`${className} z-[0]`}>
         <Image
           height={height}
           width={width}