2025-06-06 15:17:30 +08:00

65 lines
2.4 KiB
Plaintext

<view class="page-content">
<mp-bar background="linear-gradient(190deg, #49a5fc 0%, #f7f7f7 800rpx, #f7f7f7 100%)" title="训练" back="{{false}}" color="#fff"></mp-bar>
<view class="play">
<view class="play-text">
<view class="text-style">
一键开启
<view class="text-line"></view>
</view>
<view>定制专属你的减脂蜕变</view>
</view>
<image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/user-play.png" class="logo-play" />
</view>
<view class="tab">
<view class="tab-l">
<view class="tab-l-content">健身减肥</view>
</view>
<view class="tab-r" bind:tap="goSetting">
<view class="tab-r-content">
<mp-icon icon="setting" class="iconn" color="#fff" type="field" size="{{16}}"></mp-icon>
运动偏好
</view>
</view>
</view>
<view class="card">
<view class="tab-list">
<view class="tab-list-item {{tabName=='time'?'active':''}}" bind:tap="changeTab" id="time">定时</view>
<view class="tab-list-item {{tabName=='num'?'active':''}}" bind:tap="changeTab" id="num">定数</view>
<view class="tab-list-item {{tabName=='nothing'?'active':''}}" bind:tap="changeTab" id="nothing">自由</view>
</view>
<view class="title">
<view class="title-before"></view>{{tabName== 'time'?'定时计数':tabName== 'num'?'定数计时':'自由模式'}}
</view>
<view class="setup" style="justify-content:{{tabName == 'nothing'? 'center':'space-between'}};">
<view class="tap" id="reduce" bind:tap="setup" wx:if="{{tabName != 'nothing'}}">
-
</view>
<view class="count">
<text wx:if="{{tabName == 'time'}}">{{timeStr}}</text>
<text wx:if="{{tabName == 'num'}}">{{number}}</text>
<text wx:if="{{tabName == 'nothing'}}">∞</text>
</view>
<view class="tap" id="add" bind:tap="setup" wx:if="{{tabName != 'nothing'}}">
<mp-icon icon="add" color="#26A5F6" size="{{12}}"></mp-icon>
</view>
</view>
<view class="begin" bindtap="showPopup">
开始
</view>
<!-- <popup show="{{isPopupVisible}}" bindcancel="handleCancel" bindconfirm="handleConfirm">
<view class="popup-options">
<view class="option">1秒</view>
<view class="option">3秒</view>
<view class="option">5秒</view>
<view class="option">10秒</view>
<view class="option">12秒</view>
</view>
</popup> -->
</view>
</view>