fix: 修改图标

src/app/[locale]/(TabBar)/[[...share]]/@actionWidget/Service.tsx

@@ -13,6 +13,7 @@ import { getToken } from "@/utils/Cookies";
 import { useRequest } from "ahooks";
 import { Badge } from "antd-mobile";
 import { useTranslations } from "next-intl";
+import Image from "next/image";
 import { FC, useEffect, useRef, useState } from "react";
 
 interface Props {
@@ -117,56 +118,29 @@ const ServiceWidget: FC<Props> = (props) => {
     return (
         <>
             <div
-                className={`absolute bottom-[0.84rem] right-[0.12rem] z-50 flex w-[100px] flex-col items-center justify-center`}
+                className={`absolute bottom-[0.84rem] right-[0.12rem] z-50 flex w-[0.6944rem] flex-col items-center justify-center`}
             >
-                {/*轮盘*/}
-                <Link
-                    href={"/cashWheel"}
-                    className={
-                        "mb-[0.0694rem] flex h-[0.54rem] w-[0.54rem] items-center" +
-                        " justify-center rounded-[50%] bg-gradient-to-b from-[#0575e6] to-[#00f260]"
-                    }
-                >
-                    <i className={"iconfont icon-duanxinguanli text-[0.3rem] text-[#fff]"}></i>
-                </Link>
+                {/*轮盘  */}
                 {visibleWheel === 2 ? (
                     <Link
                         href={"/cashWheel"}
                         className={
-                            "mb-[0.0694rem] flex h-[0.54rem] w-[0.54rem] items-center" +
+                            "mb-[0.2778rem] flex h-[0.54rem] w-[0.54rem] items-center" +
                             " justify-center rounded-[50%] bg-gradient-to-b from-[#0575e6] to-[#00f260]"
                         }
                     >
-                        <i className={"iconfont icon-duanxinguanli text-[0.3rem] text-[#fff]"}></i>
+                        <Image src={"/wheels/wheel.png"} alt={"wheel"} width={100} height={100} />
                     </Link>
                 ) : null}
                 {/*首充*/}
-                <div className={`mb-[0.0694rem] flex cursor-pointer flex-col items-center`}>
-                    <img
-                        className={"w-[0.54rem]"}
-                        src="/hby/recharge.png"
-                        onClick={() => {
-                            // @ts-ignore
-                            userRechargeRef.current?.onOpen(paysInfo.first_pay, index);
-                        }}
-                    />
-                    <Timeout
-                        className={
-                            "backdrop-filter-[blur(10px)] bg-[rgba(239,157,0,0.6)] text-[0.08rem]" +
-                            " text-[#fff]"
-                        }
-                        endTime={26000000}
-                    />
-                </div>
                 {paysInfo?.first_pay?.map((item, index) => {
                     return (
                         <div
                             key={index}
-                            className={`mb-[0.0694rem] flex cursor-pointer flex-col items-center`}
+                            className={`mb-[0.2778rem] flex cursor-pointer flex-col items-center`}
                         >
                             <img
-                                style={{ color: "#ef9d00" }}
-                                className={"w-[0.4889rem]"}
+                                className={"w-[0.54rem]"}
                                 src="/hby/recharge.png"
                                 onClick={() => {
                                     // @ts-ignore
@@ -176,7 +150,11 @@ const ServiceWidget: FC<Props> = (props) => {
                             {item.end_time > 0 ? (
                                 <Timeout
                                     className={
-                                        "bg-[#ffa800] text-[0.08rem] text-[#fff] shadow-[0_0_3px_0.03rem_#ffa800]"
+                                        "relative before:left-0 before:top-0 before:content-['']" +
+                                        " -m-[0.0417rem] before:h-[100%] before:blur-[0.0486rem]" +
+                                        " before:absolute before:-z-10 before:w-[100%] before:bg-[#ed9d00]" +
+                                        " text-[0.08rem]" +
+                                        " z-1 text-[#fff]"
                                     }
                                     endTime={item.end_time}
                                 />
@@ -187,7 +165,7 @@ const ServiceWidget: FC<Props> = (props) => {
                 {/* 红包雨icon */}
                 {packets?.map((item, index) => {
                     return (
-                        <div key={index} className={`mb-[0.0694rem] cursor-pointer`}>
+                        <div key={index} className={`mb-[0.2778rem] cursor-pointer`}>
                             <img
                                 className={"w-[0.54rem] object-fill"}
                                 src="/hby/red-icon.gif"
@@ -199,11 +177,12 @@ const ServiceWidget: FC<Props> = (props) => {
                     );
                 })}
 
+                {/*未读消息*/}
                 {unread ? (
                     <Link
                         href={"/notification"}
                         className={
-                            "mb-[0.0694rem] flex h-[0.54rem] w-[0.54rem] items-center" +
+                            "mb-[0.2778rem] flex h-[0.54rem] w-[0.54rem] items-center" +
                             " justify-center rounded-[50%] bg-gradient-to-t from-[#ffa111]" +
                             " to-[#ffcf35]"
                         }