style(index page): 优化版本触发按钮的样式与位置
调整按钮位置避开tab栏并避免和to-top组件冲突,增大点击面积提升触摸命中率,提升层级确保不被遮挡,恢复指针事件支持
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user