feat: 修改样式

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

@@ -333,10 +333,10 @@ const ServiceWidget: FC<Props> = (props) => {
                 })}
             </div>
 
-            <div className={"text-[#ff6a01]"}>{t("Service")}</div>
+            <div className={"text-[#ced1ff]"}>{t("Service")}</div>
 
             {/*share*/}
-            <div className={"my-[0.2rem] text-[0.12rem] text-[#adadad]"}>{t("Share")}</div>
+            <div className={"my-[0.2rem] text-[0.12rem] text-[#ced1ff]"}>{t("Share")}</div>
 
             <Image
                 src={"/logo.png"}

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

@@ -50,14 +50,14 @@ const Page = async () => {
                         <Link
                             href={item.url}
                             key={index}
-                            className={"inline-block px-[0.1rem]" + " text-[#adadad]"}
+                            className={"inline-block px-[0.1rem]" + " text-[#ced1ff]"}
                         >
                             {t(item.label)}
                         </Link>
                     ))}
                 </div>
                 {/*LICENCIA*/}
-                <div className={"text-[0.12rem] text-[#adadad]"}>
+                <div className={"text-[0.12rem] text-[#ced1ff]"}>
                     <div className={"border-b-1 border-[#4d4d4d] text-center leading-[0.26rem]"}>
                         {t("licencia")}
                     </div>

src/app/[locale]/(TabBar)/[[...share]]/_home/HomeTabs.tsx

@@ -101,9 +101,9 @@ const TabItem = ({
             router.push(item.url);
         }
     };
-    const cls = clsx("pro-iconfont text-[.4rem]", `pro-${item.icon}`);
+    const cls = clsx("pro-iconfont text-[.34rem]", `pro-${item.icon}`);
 
-    const cls2 = clsx("iconfont text-[.4rem]", `icon-${item.icon}`);
+    // const cls2 = clsx("iconfont text-[.34rem]", `icon-${item.icon}`);
 
     const rootCls = clsx(
         "relative flex flex-1 cursor-pointer items-center flex-col",
@@ -118,11 +118,7 @@ const TabItem = ({
                 )}
             </div>
 
-            <span
-                className={
-                    "ml-[0.03rem] truncate whitespace-normal break-all text-center text-[0.13rem]"
-                }
-            >
+            <span className={"break-word truncate whitespace-normal text-center text-[0.13rem]"}>
                 {item.locale ? t(item.category_name) : item.category_name}
             </span>
             {/* {item.isHot && (