werun-wxapp/nova-werun/pages/home/statistics/index.wxml

<!--nova-werun/pages/home/statistics/index.wxml-->
<nav type="back" title="步数统计" background-color="{{'#87ceeb'}}" front-color="{{'#ffffff'}}"></nav>
<view class="all" style="height: {{contentHeight}}rpx;" wx:if="{{active==0}}">
    <view class="number">
        <view class="num">
            <view class="num-num">666</view>
            <view class="num-text">
                <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/f1p6rn032449318.png?imageView2/1/w/200/h/200"></image>
                卡路里
            </view>
        </view>
        <view class="num">
            <view class="num-num">
                56
                <view class="numtext">分钟</view>
            </view>
            <view class="num-text">
                <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/qdre1f032522516.png?imageView2/1/w/200/h/200"></image>
                步数时间
            </view>
        </view>
        <view class="num">
            <view class="num-num">5.5</view>
            <view class="num-text">
                <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/i12ut1032603507.png?imageView2/1/w/200/h/200"></image>
                公里
            </view>
        </view>
    </view>
    <view class="circlebox">
        <view class="runbox">
            <view class="run">
                <view class="tody-steps">今日步数</view>
                <view class="step-num">18000</view>
                <view class="objective">
                    <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/q12pc1114226514.png?imageView2/1/w/200/h/200" alt="" />
                    <view class="ob-num">目标：200000</view>
                </view>
                <view class="achieve">93% 已完成</view>
            </view>
        </view>
        <image class="image2" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/h157d1033448123.png?imageView2/1/w/200/h/200"></image>
    </view>
    <view class="sharebox">
        <view class="share">分享给好友</view>
    </view>
    <view class="text">
        <view class="text2">|</view>
        <view class="text3">本周记录</view>
    </view>
    <view class="chart">
    
    
    </view>
</view>
<view class="all" style="height: {{contentHeight}}rpx;" wx:if="{{active==1}}">


</view>

<van-tabbar active="{{ active }}" bind:change="onChange" placeholder='true'>
    <van-tabbar-item>
        <image slot="icon" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/o1c3n1030041552.png?imageView2/1/w/200/h/200" mode="aspectFit" style="width: 50rpx; height: 50rpx;" />
        <image slot="icon-active" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/g5fcr1030200091.png?imageView2/1/w/200/h/200" mode="aspectFit" style="width: 50rpx; height: 50rpx;" />
        今日步数
    </van-tabbar-item>
    <van-tabbar-item>
        <image slot="icon" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/hc5guq030414553.png?imageView2/1/w/200/h/200" mode="aspectFit" style="width: 50rpx; height: 50rpx;" />
        <image slot="icon-active" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241113/v1hhkk030354434.png?imageView2/1/w/200/h/200" mode="aspectFit" style="width: 50rpx; height: 50rpx;" />
        周期统计
    </van-tabbar-item>

</van-tabbar>