|
@@ -649,23 +649,21 @@ onUnmounted(() => {
|
|
|
|
|
|
<!-- 底部按键区域 -->
|
|
<!-- 底部按键区域 -->
|
|
<view
|
|
<view
|
|
- class="absolute overflow-hidden bottom-20rpx w-680rpx h-195rpx rounded-30rpx flex items-center justify-around"
|
|
|
|
|
|
+ class="absolute overflow-hidden bottom-20rpx w-680rpx rounded-30rpx flex items-center justify-around"
|
|
>
|
|
>
|
|
<view v-for="(key, index) in buttons" :key="index">
|
|
<view v-for="(key, index) in buttons" :key="index">
|
|
<image
|
|
<image
|
|
- src="@/static/images/play/tong.png"
|
|
|
|
:style="{ color: pressedKeys[index] ? '#0E0E0E' : '#fff' }"
|
|
:style="{ color: pressedKeys[index] ? '#0E0E0E' : '#fff' }"
|
|
- :class="[
|
|
|
|
- 'w-150rpx h-175rpx rounded-20rpx flex items-center justify-center text-32rpx fw-550 relative z-[10]',
|
|
|
|
- pressedKeys[index] ? 'anniu-custom-ac' : 'anniu-custom',
|
|
|
|
- ]"
|
|
|
|
|
|
+ src="@/static/images/play/tong.png"
|
|
|
|
+ class="opacity-80 w-150rpx h-220rpx flex items-center justify-center text-32rpx fw-550 relative z-[10]"
|
|
|
|
+ :class="[pressedKeys[index] ? 'anniu-custom-ac' : 'anniu-custom']"
|
|
@tap="handleKeyPress(index)"
|
|
@tap="handleKeyPress(index)"
|
|
/>
|
|
/>
|
|
<image
|
|
<image
|
|
v-show="isContinuous && index == dz"
|
|
v-show="isContinuous && index == dz"
|
|
src="/static/images/play/bz.png"
|
|
src="/static/images/play/bz.png"
|
|
mode="scaleToFill"
|
|
mode="scaleToFill"
|
|
- class="w-160rpx h-160rpx absolute mt-[-160rpx] ml-[-15rpx] z-[11]"
|
|
|
|
|
|
+ class="w-200rpx h-230rpx absolute mt-[-250rpx] ml-[-20rpx] z-[11]"
|
|
:class="{ 'img-bz': isContinuous }"
|
|
:class="{ 'img-bz': isContinuous }"
|
|
/>
|
|
/>
|
|
</view>
|
|
</view>
|
|
@@ -694,7 +692,6 @@ onUnmounted(() => {
|
|
}
|
|
}
|
|
|
|
|
|
.anniu-custom {
|
|
.anniu-custom {
|
|
- background: #555;
|
|
|
|
transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
|
|
|
|
&:active {
|
|
&:active {
|
|
@@ -703,7 +700,6 @@ onUnmounted(() => {
|
|
}
|
|
}
|
|
|
|
|
|
.anniu-custom-ac {
|
|
.anniu-custom-ac {
|
|
- background: var(--primary-color);
|
|
|
|
transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
}
|
|
}
|