|
@@ -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>
|