Explorar el Código

feat(KIP-9217): 缴费记录列表逻辑修改

lock.qiu@kerryprops.com hace 2 años
padre
commit
1e870c51a4
Se han modificado 1 ficheros con 33 adiciones y 2 borrados
  1. 33 2
      src/pages/parkingFee/parkingFeeList.vue

+ 33 - 2
src/pages/parkingFee/parkingFeeList.vue

@@ -77,10 +77,10 @@
           <!-- <van-icon name="arrow" /> -->
         </div>
       </div>
-      <div class="notice-info">
+      <div class="no-more-data">
         <!-- 为确保用户可以执行下滑动作,设置单次响应的数据量为4 -->
         <div
-        >{{ numberOfElements? '查看更多' : '没有更多数据了' }}
+        >{{ numberOfElements ? '查看更多' : '没有更多啦' }}
         </div>
       </div>
       <div style="height: 10vh;"></div>
@@ -309,4 +309,35 @@ export default {
     margin-bottom: -7px;
   }
 }
+.no-more-data {
+  width: 100%;
+  position: relative;
+  text-align: center;
+  box-sizing: border-box;
+  margin-top: 70px;
+  font-size: 22px;
+  font-weight: 400;
+  color: #999999;
+  line-height: 41px;
+  background:rgba(255,255,255,0);
+  padding:0 24px;
+  &::before {
+    content: '';
+    display: block;
+    width: calc(40% - 49px);
+    position: absolute;
+    left: 49px;
+    top: 16px;
+    border-top: 1px dashed #cfcfcf;
+  }
+  &::after {
+    content: '';
+    display: block;
+    width: calc(40% - 49px);
+    position: absolute;
+    right: 49px;
+    top: 16px;
+    border-top: 1px dashed #cfcfcf;
+  }
+}
 </style>