Style(积分):界面调整

pages/user/Points/index.vue

@@ -51,8 +51,12 @@
                 <view class="more-t">
                   {{ item.title }}
                 </view>
-                <view class="number">
-                  {{ item.number }}
+                <view
+                  :class="item.pm ? 'red' : 'green'"
+                  class="number"
+                >
+                  {{ item.pm ? '+' : '-' }}{{ item.number }}
+                  <text class="txt">积分</text>
                 </view>
               </view>
             </view>
@@ -67,8 +71,12 @@
             <view class="one-t title">
               {{ item.title }}
             </view>
-            <view class="number">
-              {{ item.number }}
+            <view
+              :class="item.pm ? 'red' : 'green'"
+              class="number"
+            >
+              {{ item.pm ? '+' : '-' }}{{ item.number }}
+              <text class="txt">积分</text>
             </view>
           </view>
         </view>
@@ -81,7 +89,7 @@
             暂无数据
           </view>
           <u-loadmore
-            v-if="query.page >= totalPage"
+            v-if="query.page >= totalPage && list.length > 0"
             :line="true"
             status="nomore"
             nomore-text="到底了"
@@ -172,7 +180,7 @@ export default {
       getUserPointBill(this.query).then(res => {
         const { success, data } = res
         if (success) {
-          this.totalPage = data.pages
+          this.totalPage = data.pages || 1
           if (data.records.length > 0) {
             data.records.map(item => {
               this.list.push(item)
@@ -284,9 +292,6 @@ export default {
             width: calc(100% - 140rpx);
             color: #333;
           }
-          .number {
-            text-align: right;
-          }
         }
         .bottom {
           display: flex;
@@ -310,6 +315,20 @@ export default {
           width: calc(100% - 160rpx);
         }
       }
+      .number {
+        text-align: right;
+        font-size: 18px;
+        font-weight: bold;
+        .txt {
+          font-size: 12px;
+        }
+        &.red {
+          color: #FD5749;
+        }
+        &.green {
+          color: #3DC260;
+        }
+      }
     }
   }
   .no-data {