# zylSpread - 展开收起

# 用途

可用于需要隐藏和展示部分信息的场景,避免内容过多屏幕需要频繁滚动。

# 基础用法

这里可以放显示的内容
▼ 展开
复制代码
<template>
  <div>
    <zyl-spread>
      <template slot="header">这里可以放显示的内容</template>
      <template slot="footer">
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
        <div>这里可以放隐藏的内容</div>
      </template>
    </zyl-spread>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>
显示代码

# 插槽

上次更新: 1/6/2025, 9:59:46 AM