WCM6 收口企业微信多手机移动渲染稳定化

client/src/pages/MobilePortalPage.tsx

@@ -15,6 +15,7 @@ import { useAuth } from "../auth/AuthContext";
 import { hasAnyPermission } from "../auth/permissions";
 import { PageHeader } from "../components/common/PageHeader";
 import { PageScaffold } from "../components/patterns/PageScaffold";
+import { MobileIcon } from "../components/mobile/MobileIcon";
 import { Button } from "../components/ui/button";
 import {
   MOBILE_APPROVAL_PERMISSIONS,
@@ -139,13 +140,11 @@ function ActionTile({ action }: { action: MobileAction }) {
       title={`${action.label}：${action.meta}`}
       aria-label={`${action.label}，${action.meta}`}
     >
-      <span
-        className="material-symbols-outlined mobile-icon-action__icon"
+      <MobileIcon
+        className="mobile-icon-action__icon"
         data-testid={`mobile-action-${action.key}-icon`}
-        aria-hidden="true"
-      >
-        {action.icon}
-      </span>
+        name={action.icon}
+      />
       <span className="mobile-icon-action__label" data-testid={`mobile-action-${action.key}-label`}>
         {action.label}
       </span>