每页显示优化

ghsApp/src/admin/home/member.vue

@@ -44,7 +44,7 @@
                 <span v-if="tabIndex == 1" class="debt-amount">消费 <span class="amount_num">{{parseFloat(item.buyAmount)}}</span> </span>
                 <span v-else>
                   <span v-if="Number(item.balance)<0" class="debt-amount">
-                    <span class="amount_num">{{ Math.abs(parseFloat(item.balance)) }}</span>
+                    <span class="amount_num">-{{ Math.abs(parseFloat(item.balance)) }}</span>
                   </span>
                   <span v-if="Number(item.balance)>0" class="debt-amount">
                     <span class="amount_num" style="color:#3385FF;">{{ parseFloat(item.balance) }}</span>

ghsApp/src/components/module/debt-list-pager.vue

@@ -2,7 +2,7 @@
   <view :class="['debt-list-pager', fixed ? 'debt-list-pager--fixed' : '']">
     <view class="pager-size-row">
       <view class="pager-size-left">
-        <text class="pager-label">每页</text>
+        <text class="pager-label">每页显示</text>
         <view class="pager-size-options">
           <view
             v-for="size in pageSizeOptions"
@@ -14,6 +14,7 @@
             {{ size }}
           </view>
         </view>
+        <text class="pager-label" style="margin-top: 8upx; margin-left: 4upx;">条</text>
       </view>
       <text class="pager-total">总共 {{ totalNum }} 条</text>
     </view>

ghsApp/src/pagesClient/member/detail.vue

@@ -30,18 +30,18 @@
                 </view>
             </view>
         </view>
-        <view class="user-info_data order-wrap">
+        <view class="user-info_data order-wrap" style="margin-top: 30upx; border-top: 1upx solid #f5f7fa; padding-top: 10upx;">
             <!-- 净 balance 统一标「余额」：负数红色带负号，正数黑色无负号 -->
-            <view class="total-blo">
-              <view class="total-list" @click="pageTo({ url: '/admin/custom/balanceChange?customId='+userInfo.id})">
-                <view class="app-color-3">余额</view>
-                <view class="list-num" :style="Number(userInfo.balance) < 0 ? 'color:red;' : 'color:#333;'">{{ formatAccountBalance(userInfo.balance) }}</view>
+            <view class="total-blo" style="display: flex; justify-content: space-around; align-items: center; padding: 20upx 0 0upx;">
+              <view class="total-list" @click="pageTo({ url: '/admin/custom/balanceChange?customId='+userInfo.id})" style="flex: 1; text-align: center; border-right: 1upx solid #f0f2f5; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                <view class="app-color-3" style="font-size: 26upx; color: #909399; margin-bottom: 8upx;">余额</view>
+                <view class="list-num" :style="Number(userInfo.balance) < 0 ? 'color:#fa3534; font-size: 40upx; font-weight: bold;' : 'color:#303133; font-size: 40upx; font-weight: bold;'">{{ formatAccountBalance(userInfo.balance) }}</view>
               </view>
 
-              <view class="total-list" @click="showNum(userInfo)">
-                <view class="app-color-3">消费金额</view>
-                <view v-if="Number(userInfo.buyAmount)>=0" class="list-num">{{ parseFloat(userInfo.buyAmount) || 0 }}</view>
-                <view v-else class="list-num" style="color:#3385FF;" @click="refreshBuyAmount">拉取</view>
+              <view class="total-list" @click="showNum(userInfo)" style="flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                <view class="app-color-3" style="font-size: 26upx; color: #909399; margin-bottom: 8upx;">消费金额</view>
+                <view v-if="Number(userInfo.buyAmount)>=0" class="list-num" style="color:#303133; font-size: 40upx; font-weight: bold;">{{ parseFloat(userInfo.buyAmount) || 0 }}</view>
+                <view v-else class="list-num" style="color:#2979ff; font-size: 32upx; font-weight: bold;" @click="refreshBuyAmount">拉取</view>
               </view>
             </view>
         </view>

hdApp/src/components/module/debt-list-pager.vue

@@ -2,7 +2,7 @@
   <view :class="['debt-list-pager', fixed ? 'debt-list-pager--fixed' : '']">
     <view class="pager-size-row">
       <view class="pager-size-left">
-        <text class="pager-label">每页</text>
+        <text class="pager-label">每页显示</text>
         <view class="pager-size-options">
           <view
             v-for="size in pageSizeOptions"
@@ -14,6 +14,7 @@
             {{ size }}
           </view>
         </view>
+        <text class="pager-label" style="margin-top: 8upx; margin-left: 4upx;">条</text>
       </view>
       <text class="pager-total">总共 {{ totalNum }} 条</text>
     </view>