原生导航栏图标尺寸无法通过uni-app配置调整——因其由微信/支付宝等平台原生渲染，pages.json中button的fontsize等样式被忽略；唯一可控方案是启用custom导航栏，用image标签手动设置宽高，并确保png图标带透明边距、居中且尺寸适配。
原生导航栏的左右侧图标不能直接调大小——它由微信/支付宝等小程序平台原生渲染，uni-app 无任何 CSS 或配置项能影响其尺寸。你看到的“图标变大”，其实是平台在不同环境（比如 PC 微信）下对图标的强制拉伸行为，不是你的代码出了问题，而是你试图改一个根本不可控的东西。
为什么 pages.json 的 button 配置里设不了图标大小
微信小程序原生导航栏的 buttons 是通过 fontSrc + text（Unicode 字符）方式渲染的字体图标，平台只认字体文件和字符码，不支持设置 fontSize、width 等样式属性。即使你在 pages.json 里写 "fontSize": "24"，也会被忽略。
- 官方文档明确说明：button 的样式仅支持
fontSrc、text、float和color -
color只控制字体颜色，不影响大小或间距 - 所有尺寸相关表现（如 PC 微信里图标巨大）都是平台自身渲染策略导致，无法通过 uni-app 配置干预
真要调大小，只能换路子：用自定义导航栏 + image 标签
放弃原生导航栏，走自定义路线才是唯一可控路径。核心是：隐藏原生栏 → 用 <view></view> + <image></image> 拼出导航栏 → 手动控制图标宽高。
- 在
pages.json中设置"navigationStyle": "custom"关闭原生栏 - 用
uni.getMenuButtonBoundingClientRect()获取右上角胶囊按钮位置，对齐高度（尤其 iPhone 刘海屏） - 图标用
<image></image>标签加载 PNG，直接设style="width: 36rpx; height: 36rpx;" - 避免用
uni-icons组件——它内部也是<icon></icon>标签，同样受平台限制，且不支持尺寸缩放
切图和适配必须做对，否则白忙活
哪怕用了自定义导航栏，图标糊、偏位、iOS 上缩放异常，90% 是图源问题。这不是代码 bug，是素材没按平台规则准备。
- 图标 PNG 必须带透明背景，内容居中，四周预留至少 20% 透明边距（例如 80×80px 图，实际内容只占 50×50px 居中）
- PC 微信小程序会暴力拉伸容器，没留白的图一拉就糊、变形、切角
- H5 和 App 端推荐用 80×80px 图，小程序端可条件编译用略小的 64×64px 图（
#ifdef MP-WEIXIN） - 别用 SVG 或 base64 内联图——部分安卓机或旧版微信不兼容，优先用相对路径的 PNG
最易被忽略的一点：你以为在 pages.json 里改 buttons 就能调大小，其实连入口都错了。原生导航栏的图标尺寸是平台黑盒，连微信开发者工具的调试器都看不到它的 DOM 结构——它压根不在页面 DOM 树里。想真正掌控，就得亲手造一个，而不是对着空气调样式。
