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 c978a5bf64
5 changed files with 78 additions and 6 deletions

View File

@@ -50,7 +50,7 @@
</view>
<view class="score-control">
<view class="control-btn decrease" @click="decreaseScore">
<view class="control-btn decrease" @touchstart.prevent="decreaseScore" @click.prevent="decreaseScore">
<text class="btn-symbol"></text>
<text class="btn-value">-0.001</text>
</view>
@@ -60,7 +60,7 @@
<text class="no-modify-text">可不改</text>
</view>
<view class="control-btn increase" @click="increaseScore">
<view class="control-btn increase" @touchstart.prevent="increaseScore" @click.prevent="increaseScore">
<text class="btn-symbol"></text>
<text class="btn-value">+0.001</text>
</view>
@@ -459,6 +459,10 @@ export default {
}
.control-btn {
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
width: 140rpx;
height: 140rpx;
display: flex;

View File

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