64 lines
2.2 KiB
Plaintext
64 lines
2.2 KiB
Plaintext
<view class="page home-page">
|
||
<view class="hero">
|
||
<view class="hero-orbit orbit-one"></view>
|
||
<view class="hero-orbit orbit-two"></view>
|
||
<view class="eyebrow">OUTDOOR SOCIAL GAME</view>
|
||
<view class="hero-title">把城市一角，<br />变成游戏地图。</view>
|
||
<view class="hero-copy">
|
||
邀请好友、自动分队、接收线索，在真实世界里完成一场紧张又安全的追逃。
|
||
</view>
|
||
<view class="hero-players">
|
||
<view class="avatar avatar-a">藏</view>
|
||
<view class="avatar avatar-b">找</view>
|
||
<view class="avatar avatar-c">跑</view>
|
||
<text>建议 6～12 人 · 30 分钟</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="button-stack actions">
|
||
<button class="primary-button" bindtap="createGame">创建一场游戏</button>
|
||
<button class="secondary-button" bindtap="joinGame">输入房间码加入</button>
|
||
</view>
|
||
|
||
<view wx:if="{{currentRoom}}" class="card continue-card" bindtap="continueGame">
|
||
<view class="row between">
|
||
<view>
|
||
<view class="continue-label">继续上一场</view>
|
||
<view class="card-title">{{currentRoom.name}}</view>
|
||
</view>
|
||
<view class="arrow">→</view>
|
||
</view>
|
||
<view class="room-meta">{{modeName}} · 房间 {{currentRoom.code}}</view>
|
||
</view>
|
||
|
||
<view class="section-label">怎么玩</view>
|
||
<view class="steps">
|
||
<view class="step">
|
||
<view class="step-number">01</view>
|
||
<view>
|
||
<view class="step-title">圈定安全场地</view>
|
||
<view class="step-copy">选择公园、校园或营地，设置活动范围。</view>
|
||
</view>
|
||
</view>
|
||
<view class="step">
|
||
<view class="step-number">02</view>
|
||
<view>
|
||
<view class="step-title">分享给好友</view>
|
||
<view class="step-copy">系统自动分配寻找者和躲藏者身份。</view>
|
||
</view>
|
||
</view>
|
||
<view class="step">
|
||
<view class="step-number">03</view>
|
||
<view>
|
||
<view class="step-title">开始真实追逃</view>
|
||
<view class="step-copy">利用模糊线索和技能，在倒计时内完成挑战。</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="safety-link" bindtap="openRules">
|
||
<text>户外游戏安全规则</text>
|
||
<text>查看 →</text>
|
||
</view>
|
||
</view>
|