From 65f3e40e6b2b0f68c07fdbf1013c225f4a0d9dbf Mon Sep 17 00:00:00 2001 From: Pine Date: Wed, 2 Sep 2026 01:20:05 +0800 Subject: [PATCH] =?UTF-8?q?fix(mini):=20=E9=A6=96=E9=A1=B5=E5=B9=BF?= =?UTF-8?q?=E5=91=8A=E8=AF=8D=E4=B8=8E=E8=83=B6=E5=9B=8A=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E7=B2=BE=E7=A1=AE=E5=9E=82=E7=9B=B4=E5=AF=B9=E9=BD=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 用Taro.getMenuButtonBoundingClientRect()获取胶囊按钮精确top - paddingTop = menu.top,文字内容高度32px,文字中心 = menu.top + 16 = 胶囊中心 - 移除估算值statusBar+6,改为精确API获取 - 移除不再使用的getTopInset导入 --- miniprogram/src/pages/index/index.jsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/miniprogram/src/pages/index/index.jsx b/miniprogram/src/pages/index/index.jsx index 899ad85..72e83c7 100644 --- a/miniprogram/src/pages/index/index.jsx +++ b/miniprogram/src/pages/index/index.jsx @@ -1,7 +1,6 @@ import { View, Text, Button, ScrollView } from '@tarojs/components'; import Taro from '@tarojs/taro'; import { useTabIndex } from '@/utils/tab'; -import { getTopInset } from '@/components/TopInset'; import { MK_HERO, MK_TRUST, MK_PRODUCTS, MK_CORE, MK_SIGNUP @@ -11,8 +10,9 @@ import './index.scss'; /* ---------- 首页宣传落地页 ---------- */ export default function Index() { useTabIndex(2); - const { statusBar } = getTopInset(); - const navPad = statusBar + 6; // 与右上角胶囊按钮top对齐 + // 与右上角胶囊按钮垂直中心对齐 + const menu = Taro.getMenuButtonBoundingClientRect ? Taro.getMenuButtonBoundingClientRect() : null; + const navPad = menu ? menu.top : 50; // 胶囊top即文字paddingTop,保证中心对齐 const goTab = (url) => () => { if (/^\/pages-(extra|op)\//.test(url)) Taro.navigateTo({ url });