feat(mine): 添加总盒数和小区展示

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%);