优化页面

pages/Mine/minecomponents/pkInformation.vue

@@ -18,6 +18,7 @@
         lower-threshold="100"
         @scrolltolower="onScrollToLower"
         :refresher-triggered="triggered"
+        v-if="pkList.length !== 0"
       >
         <uni-card class="card" v-for="(item, index) in pkList" :key="index">
           <view class="Profile">
@@ -97,6 +98,7 @@
           </view>
         </uni-card>
       </scroll-view>
+      <view v-if="pkList.length === 0" class="no-data">暂无内容</view>
     </view>
   </view>
   <Recompose ref="createModule" class="createModule" :message="parentMessage" @Refresh="onRefresherRefresh"></Recompose>
@@ -104,6 +106,7 @@
   <uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
     <view class="popup-container">
       <view class="popup-title">选择置顶时长</view>
+      <view class="popup-text"> 置顶后，该用户将在首页置顶，并在指定时长内享有置顶特权。置顶时长不足 1 小时，系统将按 1 小时计算积分扣除。请选择置顶时长：</view>
       <view class="popup-picker">
         <picker mode = "selector" :range="pickerArray" :value="index" @change="bindPickerChange">
 						<view class="uni-input">{{pickerArray[index]}}小时</view>
@@ -236,12 +239,7 @@ export default {
       this.topPinnedPersondata = {}
     },
     onTopConfirm() {
-      if(Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600) <= this.topPinnedPersondata.pkTime){
-        this.Topdate = Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600)
-      }else{
-        this.Topdate = this.topPinnedPersondata.pkTime
-      }
-      
+      this.Topdate = Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600)
       request({
         url: "user/pinToTop",
         method: "POST",
@@ -386,6 +384,18 @@ export default {
   height: 1300rpx;
   width: 100%;
 }
+.no-data{
+  position: absolute;
+  top: 200rpx;
+  left: 0;
+  right: 0;
+  height: 1300rpx;
+  width: 100%;
+  line-height: 1300rpx;
+  text-align: center;
+  font-size: 30rpx;
+  color: #959595;
+}
 .card {
   width: 695rpx;
   height: 180rpx;
@@ -504,12 +514,13 @@ export default {
 }
 .popup-container{
   width: 500rpx;
-  height: 300rpx;
+  height: 500rpx;
   background-color: #ffffff;
   border-radius: 30rpx;
   display: flex;
   flex-direction: column;
   align-items: center;
+  padding: 30rpx;
 }
 .popup-container-out{
   width: 500rpx;
@@ -541,32 +552,33 @@ export default {
   font-size: 25rpx;
   color: #959595;
   margin-top: 30rpx;
+  width: 400rpx;
 }
 .popup-picker{
-  margin-top: 30rpx;
-  width: 400rpx;
-  height: 50rpx;
+  margin-top: 60rpx;
+  width: 450rpx;
+  height: 60rpx;
   border: #5bced1 solid 1rpx;
   border-radius: 15rpx;
 }
 .uni-input{
   font-size: 30rpx;
   color: #ffffff;
-  width: 400rpx;
-  height: 50rpx;
+  width: 450rpx;
+  height: 60rpx;
   text-align: center;
-  line-height: 50rpx;
+  line-height: 60rpx;
   background-color: #5bced1;
   border-radius: 15rpx;
 }
 .popup-btn{
-  margin-top: 30rpx;
+  margin-top: 60rpx;
   display: flex;
   justify-content: center;
 }
 .uni-primary{
-  width: 150rpx;
-  height: 50rpx;
+  width: 200rpx;
+  height: 60rpx;
   border-top-left-radius: 50rpx;
   border-bottom-left-radius: 50rpx;
   border-bottom-right-radius: 50rpx;
@@ -574,12 +586,12 @@ export default {
   font-size: 25rpx;
   color: #ffffff;
   text-align: center;
-  line-height: 50rpx;
-  margin-right: 20rpx;
+  line-height: 60rpx;
+  margin-right: 30rpx;
 }
 .uni-default{
-  width: 150rpx;
-  height: 50rpx;
+  width: 200rpx;
+  height: 60rpx;
   border-top-left-radius: 50rpx;
   border-bottom-left-radius: 50rpx;
   border-bottom-right-radius: 50rpx;
@@ -587,6 +599,6 @@ export default {
   font-size: 25rpx;
   color: #161616;
   text-align: center;
-  line-height: 50rpx;
+  line-height: 60rpx;
 }
 </style>