<template>
  <text class="more">
    {{ text }}
  </text>
</template>
<script>
export default {
  props: {
    text: {
      type: String,
      default() {
        return "更多宝贝";
      }
    }
  }
};
</script>
<style lang="scss">
@mixin line {
  content: "";
  width: 100rpx;
  height: 1rpx;
  border-top: 1rpx solid #ccc;
}
.more {
  font-size: 24rpx;
  color: #999999;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 20rpx 0;
  &:after {
    @include line;
    margin-left: 14rpx;
  }
  &:before {
    @include line;
    margin-right: 14rpx;
  }
}
</style>
