<template>
  <section class="no-more">
      <span class="no-more-sub"></span>
      <span class="no-more-text">{{noMoreText}}</span>
      <span class="no-more-sub"></span>
  </section>
</template>
<script>
export default {
  data() {
      return {
        noMoreText: '已经到底了'
      }
  }
}
</script>

<style lang="scss" scoped>
@import '../../style/mixin.scss';
.no-more {
  display: flex;
  height: px2rem(41px);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background:rgba(248,248,248,1);
  &-sub {
    width: px2rem(13px);
    // height: px2rem(26px);
    border: px2rem(1px) solid rgba(200,200,200,1);
    border-top: 0;
  }
  &-text {
    padding: 0 px2rem(4px);
    font-size: px2rem(11px);
    color: #B3B3B3;
  }
}
</style>
