sadjv3_user/components/custom-nomore/custom-nomore.vue

46 lines
903 B
Vue

<!-- z-paging自定义的没有更多数据view -->
<template>
<view class="nomore">
<!-- 这里的图片请换成自己项目的图片 -->
<!-- <image class="nomore-image" mode="aspectFit" src="@/static/z-ping/no_more.png"></image> -->
<!-- <text class="nomore-text">已经到达宇宙尽头啦~</text> -->
<text class="nomore-text">~ 没有更多了 ~ </text>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style scoped>
.nomore{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
align-items: center;
padding: 20rpx 0px;
}
.nomore-image{
width: 200rpx;
height: 130rpx;
}
.nomore-text{
margin-top: 10rpx;
font-size: 21rpx;
color: #999;
}
/* .nomore-text{
margin-top: 10rpx;
font-size: 24rpx;
color: #222963;
} */
</style>