Fix capsule-aligned navigation and refresh mini program typography

pets-fe/pages/meetups/meetups.json

@@ -1 +1,7 @@
-{ "disableScroll": true, "usingComponents": { "tab-bar": "/components/tab-bar/index", "pet-picker": "/components/pet-picker/index" } }
+{
+  "disableScroll": true,
+  "usingComponents": {
+    "tab-bar": "/components/tab-bar/index",
+    "pet-picker": "/components/pet-picker/index"
+  }
+}

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}}">

pets-fe/pages/meetups/meetups.wxss

@@ -22,7 +22,7 @@
 .banner-title {
   font-size: 35rpx;
   line-height: 1.3;
-  font-weight: 800;
+  font-weight: 600;
   white-space: nowrap;
 }
 .banner-title.first {
@@ -36,7 +36,7 @@
 .add {
   font-size: 24rpx;
   color: #328965;
-  font-weight: 700;
+  font-weight: 600;
 }
 .meetup strong {
   display: block;
@@ -92,7 +92,7 @@
 }
 .select-title {
   font-size: 25rpx;
-  font-weight: 700;
+  font-weight: 600;
   margin: 30rpx 0 15rpx;
 }
 .sheet button {