uni-app怎么获取竖向竖向剩余高度

UniApp并没有直接提供获取垂直方向剩余空间高度的方法，但你可以通过计算父元素的高度减去子元素（包括视图和文本）的高度来估算。这里是一个示例，展示如何在一个`<view>`内计算剩余高度：

<!-- 假设你想知道这个view的剩余高度 -->
<view ref="parentView" class="flex align-center justify-between">
  <!-- 子元素，比如你的text和badge -->
  <text class="text-secondry text-ellipsis" :style="{ maxHeight: 'calc(100% - 500rpx)' }" />
  <uni-badge :text="3" type="error" />
</view>

<script>
export default {
  data() {
    return {
      parentViewRef: null,
    };
  },
  mounted() {
    this.parentViewRef = this.$refs.parentView;
    if (this.parentViewRef) {
      const remainingHeight = this.parentViewRef.offsetHeight - 
        // 计算文本元素（假设高度固定）和其他子元素（如badge）的高度
        this.$refs.text.offsetHeight - this.$refs.uniBadge.offsetHeight;
      
      console.log(`Vertical remaining height: ${remainingHeight}px`);
    }
  },
};
</script>

在这个例子中，我们假设`<text>`元素的高度固定为500rpx，所以我们从父视图的总高度中减去这个值。实际应用中，可能需要动态获取这些子元素的高度。