Przeglądaj źródła

小程序投流菜单 icon 换成专属 wxXcx.svg(圆角方框+右上角圆点+横线),原 antd AppstoreOutlined 是九宫格 apps 通用图标,不是 微信小程序 标识且填充实心比 wxCom/wxGzh 视觉更重,导致侧边栏看起来偏大。新 SVG 跟 wxCom.svg/wxGzh.svg 同填充风格、1024 viewBox,经 Icon 组件渲染后视觉权重一致。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
刘立冬 3 dni temu
rodzic
commit
96166c7c2a

+ 6 - 0
src/assets/images/publishContent/wxXcx.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" standalone="no"?>
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="64" height="64">
+  <path d="M704 128H256C185.6 128 128 185.6 128 256v512c0 70.4 57.6 128 128 128h512c70.4 0 128-57.6 128-128V416c0-17.7-14.3-32-32-32s-32 14.3-32 32v352c0 35.3-28.7 64-64 64H256c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64h448c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/>
+  <path d="M832 224a96 96 0 1 1-192 0 96 96 0 0 1 192 0z"/>
+  <path d="M320 480c-17.7 0-32 14.3-32 32s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32H320zM320 640c-17.7 0-32 14.3-32 32s14.3 32 32 32h256c17.7 0 32-14.3 32-32s-14.3-32-32-32H320z"/>
+</svg>

+ 3 - 2
src/views/publishContent/publishContent.router.tsx

@@ -1,8 +1,9 @@
-import Icon, { DesktopOutlined, AppstoreOutlined } from '@ant-design/icons'
+import Icon, { DesktopOutlined } from '@ant-design/icons'
 import { AdminRouterItem } from "../../router";
 import React, { Suspense } from 'react';
 import WeComIcon from "@src/assets/images/publishContent/wxCom.svg?react";
 import WeGZHIcon from "@src/assets/images/publishContent/wxGzh.svg?react";
+import XcxIcon from "@src/assets/images/publishContent/wxXcx.svg?react";
 import LogoIcon from "@src/assets/images/login/logo.svg?react";
 import { Outlet } from "react-router-dom";
 
@@ -68,7 +69,7 @@ const demoRoutes: AdminRouterItem[] = [
 					label: "小程序投流",
 					title: "小程序投流",
 					key: "/publishContent/xcxTouliu",
-					icon: <AppstoreOutlined className="!text-[20px]" />,
+					icon: <Icon component={XcxIcon} className="!text-[20px]" />,
 				}
 			},
 		]