<!--nova-werun/pages/home/sport/sport-start/index.wxml-->
<view class="all" style="height: {{contentHeight}}rpx;">
    <view class="navbox" style="height: {{navheight}}rpx;">
        <view class="nav">
            <view class="nav-title">{{title}}</view>
            <view class="nav-addbox" bindtap="goback">
                <van-icon name="arrow-left" size='44rpx' color='white' />
            </view>
        </view>
    </view>
    <!-- 确认退出运动 -->
    <van-dialog title="取消运动" message="确定要退出运动吗？" show="{{ show }}" show-cancel-button bind:close="onClose" bind:confirm='onConfirm'>
    </van-dialog>
    <view class="map">
        <map class="map" enable-zoom="ture" enable-scroll="ture" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="18" markers="{{markers}}"></map>
    </view>
    <view class="numberbox">
        <view class="distance">
            <view class="dis-num">0.00</view>
            <view class="dis-text">公里</view>
        </view>
        <view class="number">
            <view class="num">
                <view class="num-num">_'_ _"</view>
                <view class="num-text">配速（min/km）</view>
            </view>
            <view class="num">
                <view class="num-num">00:00:01</view>
                <view class="num-text">时间</view>
            </view>
            <view class="num">
                <view class="num-num">0</view>
                <view class="num-text">千卡</view>
            </view>
        </view>
        <view class="btn" wx:if="{{!isstop}}">
            <image class="pause" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20250103/ot1nko024129224.png?imageView2/1/w/200/h/200" bindtap="stop"></image>
            <view class="btn-text">暂停</view>
        </view>
        <view class="stop" wx:if="{{isstop}}">
            <view class="btn">
                <image class="pause" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20250103/gu1592024214365.png?imageView2/1/w/200/h/200" bindtap="stop"></image>
                <view class="btn-text">继续</view>
            </view>
            <view class="btn">
                <view class="btn-stop" style="background:{{percentage}}" bindlongpress="startIncrease" bindtouchend="stopIncrease">
                    <view class="btn-stop1">
                        <view class="btn-stop2"></view>
                    </view>
                </view>
                <view class="btn-text">长按结束</view>
            </view>
        </view>


    </view>
</view>