style(index page): 优化版本触发按钮的样式与位置

调整按钮位置避开tab栏并避免和to-top组件冲突,增大点击面积提升触摸命中率,提升层级确保不被遮挡,恢复指针事件支持
This commit is contained in:
2026-07-06 13:46:20 +08:00
parent aebe8b557f
commit fc61a02211

View File

@@ -249,11 +249,18 @@ export default {
.version-trigger {
position: fixed;
/* 1. 从 50rpx 上移到 130rpx:
* 避开 tab-bar(z-index 998, 高度约 110-130rpx),避免被遮挡。
* H5 to-top 在 200rpx,MP to-top 在 180rpx,130+50=180rpx 不会与 to-top 冲突。
* 2. 从 50rpx 加大到 80rpx 宽 / 50rpx 高:提升小屏触摸命中率
* 3. z-index 从 999 升到 2147483647:必须 ≥ to-top,确保不被任何浮层拦截
* 4. 加 pointer-events: auto:防止被父级样式隐式禁用 */
right: 0;
bottom: 50rpx;
width: 50rpx;
bottom: 130rpx;
width: 80rpx;
height: 50rpx;
z-index: 999;
z-index: 2147483647;
background: transparent;
pointer-events: auto;
}
</style>