werun-wxapp/nova-werun/pages/activity/detail-activity/index.wxml

<!--nova-werun/pages/activity/detail-activity/index.wxml-->
<nav type="back" title="活动详情" background-color="{{'#4F9AF7'}}" front-color="{{'#ffffff'}}"></nav>
<view class="all" style="height: {{contentHeight}}rpx;">

    <view class="box" style="height: {{contentHeight}}rpx;">
        <view class="banner">
            <swiper class="swiper" indicator-dots="true" autoplay="true" circular="ture">
                <swiper-item wx:for="{{activity.cover}}" wx:key="index">
                    <image data-img="{{item}}" bindtap="imagePreview" src="{{item}}" style="width: 100vw;height: 100%;" mode="aspectFill" />
                </swiper-item>
            </swiper>
            <view class="linear"></view>
        </view>
        <view class="detail">
            <view class="name">
                <view class="title" bindtap="getThumbs">
                    {{activity.title}}
                </view>
                <view wx:if="{{userInfo}}" style="float: right;font-size: 25rpx;">
                    <van-icon bindtap="thumbs" name="{{countObj.uCount?'like':'like-o'}}" size='20' color="#7F56B2" />
                    <text style="color: #7F56B2;margin: 0 20rpx 0 0;">{{countObj.count||''}}</text>
                    <van-icon wx:if="{{active==1}}" bindtap="getReply" name="comment-o" size='20' />
                </view>
                <view class="desc">
                    {{activity.desc}}
                </view>
            </view>
            <block>
                <van-tabs active="{{ active }}" bind:change="changeTab" color="#4F9AF7">
                    <van-tab title="活动详细"></van-tab>
                    <van-tab title="排行榜"></van-tab>
                </van-tabs>

                <block wx:if="{{active==0}}">
                    <view class="detailbox">
                        <view class="item">
                            <view class="title">
                                报名时间
                            </view>
                            <view>
                                <view class="common">2025.01.14 00:00 - 2025.01.14 14:00 </view>
                            </view>

                        </view>
                        <block wx:if="{{activity.merber>0}}">
                            <view class="item">
                                <view class="title">
                                    报名人数
                                </view>
                                <view class="common">50人 /{{activity.merber}}</view>
                            </view>
                        </block>
                        <block>
                            <view class="item">
                                <view class="title">
                                    活动时间
                                </view>
                                <view class="common">2025.01.14 00:00 - 2025.01.14 14:00</view>
                            </view>
                        </block>
                        <block>
                            <view class="item">
                                <view class="title">
                                    活动状态
                                </view>
                                <view class="common">报名中</view>
                            </view>
                        </block>

                        <block>
                            <view class="item">
                                <view class="title">
                                    联系电话
                                </view>
                                <view class="common">15888888888</view>
                            </view>
                        </block>

                        <block>
                            <view class="item2">
                                <view class="title">
                                    活动规则
                                </view>
                                <view class="common">本次跑步活动全程 [X] 公里，参与者需在规定的 [起始时间] 于指定起点出发，沿既定路线前进，途中设置多个打卡点，参与者务必按顺序在各打卡点完成打卡，最终于 [截止时间] 前抵达终点，以完成全程且打卡完整、用时短者为优胜，活动过程中严禁借助交通工具，须全程保持跑步或步行状态，违反规则将取消参赛资格 。</view>
                            </view>
                        </block>

                        <button class="btn" bindtap="open">
                            报名中
                        </button>
                    </view>
                </block>
                <!-- 填写报名信息 -->
                <van-popup style="height: 70vh;" show="{{ showpopup }}" bind:click-overlay='onClose' round position="bottom" bind:close="onClose">
                    <view class="popup">
                        <view style="padding: 20rpx;border-bottom: 1rpx solid rgb(206, 206, 206);text-align: center;font-weight: bold;">填写报名信息</view>
                        <van-cell-group>
                            <van-field model:value="{{ name }}" required clearable label="姓名" placeholder="请输入姓名" />
                            <!-- <van-field model:value="{{ college }}" clearable label="学院" placeholder="请输入学院" /> -->
                            <van-field model:value="{{ mobile }}" type="number" required clearable label="手机号" placeholder="请输入手机号" />
                        </van-cell-group>
                        <view class="submit">立即报名</view>
                    </view>
                </van-popup>
                <block wx:if="{{active==1}}">

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