sport-start page

nova-werun/pages/home/sport/sport-home/index.js

@@ -160,4 +160,11 @@ Page({
             }
         });
     },
+    //跳转
+    gourl(e) {
+        const url = e.currentTarget.dataset.url
+        wx.navigateTo({
+            url: `${url}` // 目标页面的路径
+        });
+    },
 })

nova-werun/pages/home/sport/sport-home/index.wxml

@@ -12,7 +12,7 @@
                 <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="button">GO</view>
+                <view class="button" data-url="../sport-start/index" bindtap="gourl">GO</view>
             </view>
         </van-tab>
         <!-- 跑步 -->

nova-werun/pages/home/sport/sport-start/index.less

@@ -1,4 +1,81 @@
 /* nova-werun/pages/home/sport/sport-start/index.wxss */
 .all{
     width: 100vw;
+    .map{
+        width: 100%;
+        height: 600rpx;
+        background-color: aqua;
+    }
+    .numberbox{
+        width: 100%;
+        height: 780rpx;
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        .distance{
+            display: flex;
+            align-items: flex-end;
+            margin-top: 20rpx;
+            
+            .dis-num{
+                height: 132rpx;
+                font-size: 100rpx;
+                display: flex;
+                align-items: flex-end;
+            }
+            .dis-text{
+                height: 132rpx;
+                font-size: 35rpx;
+                display: flex;
+                align-items: flex-end;
+                padding-bottom: 18rpx;
+                margin-left: 10rpx;
+            }
+        }
+        .number{
+            width: 100%;
+            height: 200rpx;
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30rpx;
+            .num{
+                height: 100%;
+                width: 255rpx;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+                
+                .num-num{
+                    font-size: 50rpx;
+                    margin-bottom: 18rpx;
+                }
+                .num-text{
+                    width: 100%;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    font-size: 28rpx;
+                }
+            }
+        }
+    }
+    .btn{
+        width: 350rpx;
+        height: 350rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        .pause{
+            width: 200rpx;
+            height: 200rpx;
+            margin-top: 80rpx;
+        }
+        .btn-text{
+            font-size: 30rpx;
+            margin-top: 20rpx;
+        }
+    }
+
 }

nova-werun/pages/home/sport/sport-start/index.wxml

@@ -1,5 +1,32 @@
 <!--nova-werun/pages/home/sport/sport-start/index.wxml-->
 <nav type="back" title="跑步或走路" background-color="{{'#87ceeb'}}" front-color="{{'#ffffff'}}"></nav>
 <view class="all" style="height: {{contentHeight}}rpx;">
+    <view class="map">
 
-</view>
+    </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">
+            <image class="pause" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241112/but91q052754552.png?imageView2/1/w/200/h/200"></image>
+            <view class="btn-text">暂停</view>
+        </view>
+
+    </view>
+</view>

nova-werun/pages/home/sport/sport-start/index.wxss

@@ -1 +1 @@
-.all{width:100vw}
+.all{width:100vw}.all .map{width:100%;height:600rpx;background-color:aqua}.all .numberbox{width:100%;height:780rpx;display:flex;align-items:center;flex-direction:column}.all .numberbox .distance{display:flex;align-items:flex-end;margin-top:20rpx}.all .numberbox .distance .dis-num{height:132rpx;font-size:100rpx;display:flex;align-items:flex-end}.all .numberbox .distance .dis-text{height:132rpx;font-size:35rpx;display:flex;align-items:flex-end;padding-bottom:18rpx;margin-left:10rpx}.all .numberbox .number{width:100%;height:200rpx;display:flex;justify-content:space-between;margin-top:30rpx}.all .numberbox .number .num{height:100%;width:255rpx;display:flex;flex-direction:column;justify-content:center;align-items:center}.all .numberbox .number .num .num-num{font-size:50rpx;margin-bottom:18rpx}.all .numberbox .number .num .num-text{width:100%;display:flex;justify-content:center;align-items:center;font-size:28rpx}.all .btn{width:350rpx;height:350rpx;display:flex;justify-content:center;align-items:center;flex-direction:column}.all .btn .pause{width:200rpx;height:200rpx;margin-top:80rpx}.all .btn .btn-text{font-size:30rpx;margin-top:20rpx}

project.private.config.json

@@ -63,6 +63,12 @@
                     "pathName": "nova-werun/pages/home/sport/sport-home/index",
                     "query": "",
                     "scene": null
+                },
+                {
+                    "name": "运动开始",
+                    "pathName": "nova-werun/pages/home/sport/sport-start/index",
+                    "query": "",
+                    "scene": null
                 }
             ]
         }