|
|
@@ -15,7 +15,7 @@
|
|
|
position: relative; width: 100%;">
|
|
|
|
|
|
<!-- 波动 -->
|
|
|
- <view v-if="mode !== 'pkMode'" class="flex justify-around align-center" style="width: 600rpx;height: 100rpx;">
|
|
|
+ <view v-if="mode !== 'pkMode'" class="flex justify-around align-center" style="width: 600rpx;height: 100rpx; margin: 20rpx;">
|
|
|
<view style="height: 1rpx;width: 80rpx;background-color: #FFFFFF;"></view>
|
|
|
<view style="display: flex; justify-content: center; align-self: center; height: 100%;">
|
|
|
<view style="display: flex; justify-content: center; align-items: center;">
|
|
|
@@ -57,7 +57,8 @@
|
|
|
</view>
|
|
|
|
|
|
|
|
|
- <view v-if="mode == 'pkMode'" style="height: 80rpx;"></view>
|
|
|
+ <view v-if="mode == 'pkMode'" style="height: 110rpx;"></view>
|
|
|
+ <view v-else style="height: 20rpx;"></view>
|
|
|
|
|
|
<!-- 控制按钮 -->
|
|
|
<view class="flex justify-center " :class="mode == 'pkMode'?'big':''" style="margin-top: 40rpx;" @tap="onControlPlay">
|
|
|
@@ -70,8 +71,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-if="mode == 'pkMode'" style="height: 80rpx;"></view>
|
|
|
- <view style="margin-top: 40rpx;width: 310rpx; height: 90rpx;"></view>
|
|
|
+ <!-- <view v-if="mode == 'pkMode'" style="height: 160rpx;"></view> -->
|
|
|
+ <!-- <view style="margin-top: 40rpx;width: 310rpx; height: 90rpx;"></view> -->
|
|
|
<!-- 模式按钮 @tap="onChangeMode"-->
|
|
|
<!-- <view class="flex justify-center " style="margin-top: 40rpx;">
|
|
|
<view style="position: relative; width: 310rpx; height: 90rpx;background-color: #FFFFFF; display: flex;flex-direction: row;justify-content: center;align-items: center; border-radius: 50rpx;">
|
|
|
@@ -80,9 +81,11 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view> -->
|
|
|
- <view v-if="mode == 'pkMode'" style="height: 20rpx;"></view>
|
|
|
+ <!-- <view v-if="mode == 'pkMode'" style="height: 20rpx;"></view> -->
|
|
|
+ <view v-if="mode == 'pkMode'" style="height: 170rpx;"></view>
|
|
|
+ <view v-else style="height: 110rpx;"></view>
|
|
|
|
|
|
- <view v-if="mode == 'pkMode'" class="hit-vertical-container" :style="{'top': mode == 'pkMode'?'-50rpx':'-300rpx'}">
|
|
|
+ <view v-if="mode == 'pkMode'" class="hit-vertical-container" :style="{'top': mode == 'pkMode'?'-120rpx':'-300rpx'}">
|
|
|
<view class="hit-vertical-bar">
|
|
|
<view class="hit-vertical-child" v-for="(item, index) in 25" :key="index">
|
|
|
<view :class="25-aiShowCount>=index+1? 'hit-vertical-active':'hit-vertical-inactive'"></view>
|
|
|
@@ -96,7 +99,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view v-else class="hit-vertical-container" :style="{'top': mode == 'pkMode'?'-50rpx':'-300rpx'}">
|
|
|
+ <view v-else class="hit-vertical-container" :style="{'top': mode == 'pkMode'?'-120rpx':'-300rpx'}">
|
|
|
<view class="hit-vertical-bar">
|
|
|
<view class="hit-vertical-child" v-for="(item, index) in 25" :key="index">
|
|
|
<view :class="showCount>=index+1? 'hit-vertical-active':'hit-vertical-inactive'"></view>
|
|
|
@@ -115,7 +118,7 @@
|
|
|
<!-- <button style="margin-top: 100rpx;" @tap="onTestHit('left')">击中</button> -->
|
|
|
|
|
|
<!-- 显示数据 -->
|
|
|
- <view class="flex justify-around " style="margin: 60rpx 15rpx;">
|
|
|
+ <view class="flex justify-around " style="margin: 0rpx 15rpx;">
|
|
|
<view class="boxing-item-bg">
|
|
|
<image src="/static/modal/boxing-hit/f.png" class="boxing-hit-png " mode="aspectFit"></image>
|
|
|
<view class="text-white text-13px" style="margin: 10rpx 0;">最大力量</view>
|
|
|
@@ -181,7 +184,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- mode: 'pkMode', //pkMode calorieMode
|
|
|
+ mode: 'calorieMode', //pkMode calorieMode
|
|
|
//满格的数值是 25
|
|
|
maxShowCount: 25,
|
|
|
//pk模式下,两边涨的区分,自己和ai
|