From 3dca013f4a4738fcb55573ec59e9f86aadc282c2 Mon Sep 17 00:00:00 2001
From: hajimi <phperbylyh@163.com>
Date: Sun, 2 Aug 2026 20:15:41 +0800
Subject: [PATCH] fix: align paid post status row

---
 .../components/post-card.vue                  | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/uniapp/src/packages_community/components/post-card.vue b/uniapp/src/packages_community/components/post-card.vue
index a059813..ce2dc77 100644
--- a/uniapp/src/packages_community/components/post-card.vue
+++ b/uniapp/src/packages_community/components/post-card.vue
@@ -1,8 +1,14 @@
 <template>
     <view class="post-card" @tap="$emit('tap')">
-        <view v-if="post.is_paid && !post.is_unlocked" class="post-card__paid-notice">
-            <u-icon name="lock" size="25" color="#1468f5" />
-            <text>付费内容 · {{ post.price_points }} 积分</text>
+        <view v-if="post.is_paid && !post.is_unlocked" class="post-card__topbar">
+            <view class="post-card__paid-notice">
+                <u-icon name="lock" size="25" color="#1468f5" />
+                <text>付费内容 · {{ post.price_points }} 积分</text>
+            </view>
+            <view class="post-card__status">
+                <text class="post-card__price">{{ post.price_points }} 积分</text>
+                <u-icon name="more-dot-fill" size="30" color="#8d96a3" />
+            </view>
         </view>
 
         <view class="post-card__header">
@@ -16,9 +22,8 @@
                 </view>
                 <text class="post-card__time">{{ formatTime(post.create_time) }}</text>
             </view>
-            <view class="post-card__status">
-                <text v-if="!post.is_paid || post.is_unlocked" class="post-card__free">免费</text>
-                <text v-else class="post-card__price">{{ post.price_points }} 积分</text>
+            <view v-if="!post.is_paid || post.is_unlocked" class="post-card__status">
+                <text class="post-card__free">免费</text>
                 <u-icon name="more-dot-fill" size="30" color="#8d96a3" />
             </view>
         </view>
@@ -186,14 +191,24 @@ const formatCount = (value: any) => {
     box-shadow: 0 8rpx 24rpx rgba(31, 54, 89, 0.055);
     box-sizing: border-box;
 
+    &__topbar {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 20rpx;
+        margin: -2rpx 0 20rpx;
+        min-width: 0;
+    }
+
     &__paid-notice {
-        display: inline-flex;
+        display: flex;
         align-items: center;
         gap: 8rpx;
-        margin: -2rpx 0 20rpx;
+        min-width: 0;
         color: #1468f5;
         font-size: 24rpx;
         font-weight: 600;
+        white-space: nowrap;
     }
 
     &__header {