优化页面

pages/Mine/minecomponents/pkRecord.vue

@@ -32,6 +32,7 @@
     <!-- 内容 -->
     <view class="content">
       <scroll-view
+      show-scrollbar="false"
         scroll-y="true"
         class="scroll"
         refresher-enabled="true"
@@ -56,7 +57,7 @@
               <view class="AnchorATime">{{ formatDate(item.pkTime) }}</view>
               <view class="AnchorAICon">
                 <view class="AnchorAIContext">实际金币:</view>
-                <view class="AnchorAIConNum">{{ item.userAcoin }}K</view>
+                <view class="AnchorAIConNum">{{ item.userACoins}}K</view>
               </view>
             </view>
           </view>
@@ -72,7 +73,7 @@
               <view class="AnchorATime"> {{ formatDate(item.pkTime) }} </view>
               <view class="AnchorAICon">
                 <view class="AnchorAIContext">实际打金币:</view>
-                <view class="AnchorAIConNum">{{ item.userBcoin }}K</view>
+                <view class="AnchorAIConNum">{{ item.userBCoins }}K</view>
               </view>
             </view>
             <view class="AnchorAImg">
@@ -176,15 +177,16 @@ export default {
           this.triggered = false;
             if (type === 1) {
               this.pkmyRecordlist.push(...res.data);
-              console.log(this.pkRecordlist);
               if (this.current === 1) {
                 this.pkRecordlist = this.pkmyRecordlist;
+                console.log(this.pkmyRecordlist);
               }
             } else {
               this.pkInvitationRecordlist.push(...res.data);
               console.log(this.pkInvitationRecordlist);
               if (this.current === 2) {
                 this.pkRecordlist = this.pkInvitationRecordlist;
+                console.log(this.pkInvitationRecordlist);
               }
             }
         } else {
@@ -229,10 +231,10 @@ export default {
 .title {
   position: absolute;
   top: 120rpx;
-  left: 315rpx;
+  left: 335rpx;
   font-size: 34rpx;
   color: #100e0f;
-  font-weight: 500;
+  font-weight: bold;
 }
 .ReturnImg {
   width: 100%;
@@ -293,7 +295,7 @@ export default {
 /* 卡片 */
 .card {
   width: 694.66rpx;
-  height: 161.26rpx;
+  height: 200rpx;
   background-color: #ffffff;
   border-radius: 15rpx;
   display: flex;
@@ -301,6 +303,7 @@ export default {
   align-items: center;
   margin-left: 28.55rpx;
   margin-top: 20rpx;
+  border: 1rpx solid #c9f6f6;
 }
 .AnchorA {
   display: flex;
@@ -313,7 +316,9 @@ export default {
 .AnchorAImg {
   width: 100rpx;
   height: 100rpx;
-  border-radius: 50rpx;
+  border-radius: 100rpx;
+  margin-left: 20rpx;
+  margin-right: 20rpx;
   background-color: #b1b1b1;
   display: flex;
 }
@@ -321,19 +326,19 @@ export default {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin-left: 20rpx;
 }
 .AnchorBinfo {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  margin-right: 20rpx;
 }
 .AnchorAname {
   width: 161.26rpx;
   font-weight: 500;
   font-size: 31rpx;
-  color: #161616;
+  color: #58d8db;
+  text-align: center;
+  font-weight: bold;
   white-space: nowrap;   /* 防止换行 */
   overflow: hidden;      /* 隐藏溢出内容 */
   text-overflow: ellipsis; /* 显示省略号 */
@@ -342,11 +347,14 @@ export default {
   font-weight: 400;
   font-size: 23rpx;
   color: #a3a3a3;
-  margin-top: 12rpx;
+  margin-top: 8rpx;
+  text-align: center;
 }
 .AnchorAICon {
   display: flex;
-  margin-top: 12rpx;
+  flex-direction: column;
+  margin-top: 8rpx;
+  text-align: center;
 }
 .AnchorAIContext {
   font-weight: 400;
@@ -361,7 +369,7 @@ export default {
 .AnchorAImgcss {
   width: 100rpx;
   height: 100rpx;
-  border-radius: 50rpx;
+  border-radius: 100rpx;
   border-top: #f7da60 solid 2rpx;
   border-left: #ffeeab solid 2rpx;
   border-bottom: #ffeeab solid 2rpx;
@@ -370,7 +378,7 @@ export default {
 .AnchorBImgcss {
   width: 100rpx;
   height: 100rpx;
-  border-radius: 50rpx;
+  border-radius: 100rpx;
   border-top: #ffc6ba solid 2rpx;
   border-left: #ffc6ba solid 2rpx;
   border-bottom: #5ddadd solid 2rpx;