fix: 修复 iOS Safari 快速点击按钮触发页面缩放问题

- 添加 touch-action: manipulation 禁用双击缩放
- 添加 -webkit-tap-highlight-color: transparent 移除点击高亮
- 在全局样式和修改评分页面按钮上应用

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
DevOps
2025-12-23 23:48:12 +08:00
parent f9efd8baa8
commit 0cbb08bdcc
3 changed files with 21 additions and 0 deletions

View File

@@ -28,3 +28,14 @@ button::after {
input { input {
outline: none; outline: none;
} }
/* 防止 iOS Safari 双击缩放 */
button, .control-btn, [class*="btn"] {
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
/* 全局禁用双击缩放 */
html {
touch-action: manipulation;
}

View File

@@ -459,6 +459,10 @@ export default {
} }
.control-btn { .control-btn {
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
width: 140rpx; width: 140rpx;
height: 140rpx; height: 140rpx;
display: flex; display: flex;

View File

@@ -389,6 +389,8 @@ export default {
position: relative; position: relative;
white-space: nowrap; white-space: nowrap;
flex-shrink: 0; flex-shrink: 0;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
} }
.venue-tab.active { .venue-tab.active {
@@ -441,6 +443,8 @@ export default {
color: #666666; color: #666666;
white-space: nowrap; white-space: nowrap;
flex-shrink: 0; flex-shrink: 0;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
} }
.project-btn.active { .project-btn.active {
@@ -527,6 +531,8 @@ export default {
font-size: 28rpx; font-size: 28rpx;
color: #FFFFFF; color: #FFFFFF;
font-weight: 500; font-weight: 500;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
} }
.modify-btn:active { .modify-btn:active {