Fix capsule-aligned navigation and refresh mini program typography

pets-fe/pages/meetups/meetups.wxml

@@ -1,8 +1,5 @@
-<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
+<page-layout id="page-layout" title="约个伴一起遛">
 <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>
@@ -24,21 +21,21 @@
   >
     <view class="row">
       <text class="badge">
-        🐾 {{item.participants}} / {{item.max_people}} 人
+         {{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="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>
-</scroll-view>
+</page-layout>
 <view wx:if="{{active}}" class="overlay">
   <view class="sheet">
     <view class="row">
@@ -46,9 +43,9 @@
       <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 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}}">