werun-wxapp/nova-werun/components/home/index.wxml

<!--nova-werun/components/home/index.wxml-->
<nav type="title" background-color="{{'#87ceeb'}}" front-color="{{'#ffffff'}}"></nav>
<view class="all" style="height: {{contentHeight}}rpx;">
    <!-- 顶部 -->
    <view class="clockinbox">
        <view class="addressbox">
            <van-icon name="location-o" size='20px' />
            <view class="addressbox-text">{{address}}</view>
        </view>
        <view class="runbox">
            <view class="run">
                <view class="tody-steps">今日步数</view>
                <view class="step-num">{{sharList[0].steps||0}}</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">目标：{{target}}</view>
                </view>
            </view>
        </view>

        <view class="inspire">我坚持运动77天,今天跑赢50%人</view>

        <view class="today-check" bindtap="gourl" data-url="../../pages/home/sport/sport-home/index">今日打卡</view>

    </view>
    <!-- 底部 -->
    <view class="selectbox">
        <van-notice-bar color="#1989fa" color='#000' background="#ecf9ff" background="#fff" left-icon="volume-o" custom-class='a' text="在微信开发者工具中进行测试，确保定位和轨迹绘制的准确性。完成测试后，提交审核并发布小程序。通过以上步骤，您就可以在微信小程序中使用高德地图实现实时运动轨迹的功能。" />

        <view class="typebox">
            <view class="container">
                    <view class="column" wx:for="{{rows}}" wx:key="index" data-url="{{item.url}}" bindtap="gourl" data-active="{{item.active}}">
                       <image src="{{item.image}}"></image>
                        <text class="item-text">{{item.text}}</text>
                    </view>
            </view>
        </view>

    </view>
    <!-- 活动 -->
    <view class="activitybox">
    
    </view>
</view>