From d3282bc6274ed3d2700cc2b1ccb55894dd905fc5 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Wed, 11 Jun 2025 14:35:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(mine):=20=E6=B7=BB=E5=8A=A0=E6=80=BB?=
 =?UTF-8?q?=E7=9B=92=E6=95=B0=E5=92=8C=E5=B0=8F=E5=8C=BA=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/mine/index.vue | 80 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)

diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index 71fae87..c078880 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -133,6 +133,34 @@
         </view>
       </view> -->
 
+      <!-- 新增信息展示 -->
+      <view
+        class="extra-info-card"
+        v-if="[0, 1, 2].includes(userInfo.memberSign)"
+      >
+        <view
+          class="info-grid"
+          :class="{ 'multiple-items': userInfo.memberSign === 0 }"
+        >
+          <view class="info-item">
+            <text class="info-value">{{ userInfo.pkGradeVal || '-' }}</text>
+            <text class="info-label">会员等级</text>
+          </view>
+          <template v-if="userInfo.memberSign === 0">
+            <view class="info-item">
+              <text class="info-value">{{ userInfo.totalBox || '0' }}</text>
+              <text class="info-label">总盒数</text>
+            </view>
+            <view class="info-item">
+              <text class="info-value">
+                {{ userInfo.smallAreaBox || '0' }}
+              </text>
+              <text class="info-label">小区盒数</text>
+            </view>
+          </template>
+        </view>
+      </view>
+
       <view class="my_order">
         <view class="my_title">
           <text class="thetitle">{{ '我的订单' }}</text>
@@ -1453,6 +1481,58 @@ export default {
   font-weight: 600;
 }
 
+.extra-info-card {
+  background: #ffffff;
+  box-shadow: 0rpx 6rpx 24rpx rgba(0, 0, 0, 0.06);
+  border-radius: 24rpx;
+  margin-top: 20rpx;
+  padding: 30rpx;
+}
+
+.info-grid {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  justify-content: space-around;
+}
+
+.info-grid.multiple-items {
+  justify-content: space-between;
+}
+
+.info-item {
+  display: flex;
+  flex-direction: column;
+  gap: 10rpx;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  position: relative;
+}
+
+.info-grid.multiple-items .info-item:not(:last-child)::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 2rpx;
+  height: 60rpx;
+  background-color: #f0f0f0;
+}
+
+.info-value {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #333333;
+  line-height: 1.3;
+}
+
+.info-label {
+  font-size: 24rpx;
+  color: #999999;
+}
+
 @keyframes bling_shimmer {
   from {
     transform: translateX(-100%);