wishpal_ironfan
/
tiefen_space_h5
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更换图标

This commit is contained in:
al 2024-08-19 12:54:10 +08:00
parent 9c1927833f
commit 6fef958800
1 changed files with 46 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
components/ImagesMask/index.jsx
View File

@ -9,13 +9,7 @@ import React, {
} from "react"; } from "react";
import { Mask, Image } from "antd-mobile"; import { Mask, Image } from "antd-mobile";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { import { faAngleLeft, faAngleRight } from "@fortawesome/free-solid-svg-icons";
faAngleLeft,
faAngleRight,
faDownload,
faMinus,
faAdd,
} from "@fortawesome/free-solid-svg-icons";
import { createRoot } from "react-dom/client"; import { createRoot } from "react-dom/client";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import baseRequest from "@/utils/baseRequest"; import baseRequest from "@/utils/baseRequest";
@ -274,10 +268,51 @@ const ImagesMaskContaint = forwardRef(
}} }}
className="flex justify-center items-center w-[38px] h-[38px] bg-[#ffffff1a] text-[#fff] rounded-full" className="flex justify-center items-center w-[38px] h-[38px] bg-[#ffffff1a] text-[#fff] rounded-full"
> >
<FontAwesomeIcon {!zoomed ? (
icon={zoomed ? faMinus : faAdd} <svg
size="xl" t="1723822459763"
/> class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="4557"
width="24"
height="24"
>
<path
d="M919.264 905.984l-138.912-138.912C851.808 692.32 896 591.328 896 480c0-229.376-186.624-416-416-416S64 250.624 64 480s186.624 416 416 416c95.008 0 182.432-32.384 252.544-86.208l141.44 141.44a31.904 31.904 0 0 0 45.248 0 32 32 0 0 0 0.032-45.248zM128 480C128 285.92 285.92 128 480 128s352 157.92 352 352-157.92 352-352 352S128 674.08 128 480z"
p-id="4558"
fill="#ffffff"
></path>
<path
d="M625.792 448H512v-112a32 32 0 0 0-64 0V448h-112a32 32 0 0 0 0 64H448v112a32 32 0 1 0 64 0V512h113.792a32 32 0 1 0 0-64z"
p-id="4559"
fill="#ffffff"
></path>
</svg>
) : (
<svg
t="1723822428728"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="4379"
width="24"
height="24"
>
<path
d="M919.264 905.984l-138.912-138.912C851.808 692.32 896 591.328 896 480c0-229.376-186.624-416-416-416S64 250.624 64 480s186.624 416 416 416c95.008 0 182.432-32.384 252.544-86.208l141.44 141.44a31.904 31.904 0 0 0 45.248 0 32 32 0 0 0 0.032-45.248zM128 480C128 285.92 285.92 128 480 128s352 157.92 352 352-157.92 352-352 352S128 674.08 128 480z"
p-id="4380"
fill="#ffffff"
></path>
<path
d="M625.792 448H336a32 32 0 0 0 0 64h289.792a32 32 0 1 0 0-64z"
p-id="4381"
fill="#ffffff"
></path>
</svg>
)}
</div> </div>
</div> </div>
</div> </div>