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

<!--nova-werun/pages/home/share/index.wxml-->
<nav type="back" title="转发分享" background-color="{{'#87ceeb'}}" front-color="{{'#ffffff'}}"></nav>
<view class="all" style="height: {{contentHeight}}rpx;">
    <view class="box">
        <image class="picture" src="https://file-cloud.fmode.cn//tmp/sBX4tFxdGjkk1fea2c9db35cbd67b50b01dd3bae1592.png?imageView2/1/w/200/h/200"></image>
        <view class="namebox">
            <image src="{{sharList[0].user.avatar}}"></image>
            <view class="textbox">
                <view class="name">{{sharList[0].user.nickname}}</view>
                <view class="time">{{sharList[0].currentTime}}</view>
            </view>
        </view>
        <view class="bigtext">梦想家</view>
        <view class="setence">用汗水实现想象，用脚步丈量梦想</view>
        <view class="numberbox">
            <view class="num-tex">
                <view class="nu-nam">今日排名</view>
                <view class="num">7</view>
            </view>
            <view class="num-tex">
                <view class="nu-nam">今日步数</view>
                <view class="num">{{sharList[0].steps||0}}</view>
            </view>
            <view class="num-tex">
                <view class="nu-nam">公里数</view>
                <view class="num">
                    <view class="num-num">{{sharList[0].distance||0}}</view>
                    <view class="num-km">km</view>
                </view>
            </view>
        </view>
        <view class="erweimabox">
            <view class="er-texbox">
                <view class="er-tex">长按二维码加入跑团</view>
                <view class="we-tex2">和我一起运动</view>
            </view>
            <view class="erweima"></view>
        </view>
    </view>
    <view class="sharebox">
        <view class="share-text">分享到</view>
        <view class="share-picbox">
            <view class="share-pic">
                <view class="share-pic-box">
                    <image class="image" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241112/1djefq104546048.png?imageView2/1/w/200/h/200"></image>
                </view>

                <view class="pic-tex">微信</view>
            </view>
            <view class="share-pic">
                <view class="share-pic-box">
                    <image class="image" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241112/opdtpm104104293.png?imageView2/1/w/200/h/200"></image>
                </view>

                <view class="pic-tex">步小圈</view>
            </view>
            <view class="share-pic">
                <view class="share-pic-box">
                    <image class="image" src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241112/kbm618104717414.png?imageView2/1/w/200/h/200"></image>
                </view>

                <view class="pic-tex">保存图片</view>
            </view>

        </view>
    </view>
</view>