62 lines
2.5 KiB
Plaintext
62 lines
2.5 KiB
Plaintext
<view class="screen">
|
||
<safe-top />
|
||
<view class="eyebrow">LET'S WALK TOGETHER</view>
|
||
<view class="title">约个伴一起遛</view>
|
||
<view class="banner">
|
||
<view class="banner-copy">
|
||
<text>好天气，和新朋友一起走走</text>
|
||
<view class="banner-title first">下一次快乐</view>
|
||
<view class="banner-title">从这里出发</view>
|
||
</view>
|
||
<image src="/assets/corgi-family-five.png" mode="aspectFit" />
|
||
</view>
|
||
<view class="row">
|
||
<text class="section-title">即将开始的约遛</text>
|
||
<text class="add" bindtap="create">＋ 发起约遛</text>
|
||
</view>
|
||
<view
|
||
wx:for="{{meetups}}"
|
||
wx:key="id"
|
||
class="card meetup"
|
||
data-index="{{index}}"
|
||
bindtap="open"
|
||
>
|
||
<view class="row">
|
||
<text class="badge">
|
||
🐾 {{item.participants}} / {{item.max_people}} 人
|
||
</text>
|
||
<text class="arrow">›</text>
|
||
</view>
|
||
<strong>{{item.title}}</strong>
|
||
<view class="meta">📍 {{item.place_name}}</view>
|
||
<view class="meta">🗓 {{item.date}}</view>
|
||
<view class="desc">{{item.description}}</view>
|
||
</view>
|
||
<view wx:if="{{!meetups.length}}" class="empty">
|
||
还没有约遛，发起第一场吧 🐕
|
||
</view>
|
||
<button class="primary" bindtap="create">＋ 发起一场约遛</button>
|
||
</view>
|
||
<view wx:if="{{active}}" class="overlay">
|
||
<view class="sheet">
|
||
<view class="row">
|
||
<strong>{{active.title}}</strong>
|
||
<text bindtap="close">×</text>
|
||
</view>
|
||
<view class="detail">
|
||
<view bindtap="location">📍 {{active.place_name}} {{active.latitude?'· 点开地图':''}}</view>
|
||
<view>🗓 {{active.date}}</view>
|
||
<view>🐕 {{active.participants}} / {{active.max_people}} 人已报名</view>
|
||
</view>
|
||
<view class="desc">{{active.description}}</view>
|
||
<view wx:if="{{active.host_user_id!==userId&&!joined}}">
|
||
<view class="select-title">带哪几只？可以多选</view>
|
||
<pet-picker pets="{{pets}}" selected="{{selected}}" bind:change="pick" />
|
||
<button class="primary" bindtap="join" disabled="{{busy||active.participants>=active.max_people}}">{{active.participants>=active.max_people?'人数已满':'带狗狗报名'}}</button>
|
||
</view>
|
||
<button wx:elif="{{joined&&active.host_user_id!==userId}}" class="secondary" bindtap="leave" disabled="{{busy}}">已报名 · 退出约遛</button>
|
||
<button wx:else class="secondary" bindtap="cancel" disabled="{{busy}}">取消这场约遛</button>
|
||
</view>
|
||
</view>
|
||
<tab-bar current="/pages/meetups/meetups" />
|