vant组件dialog顶部和底部固定不动 中间内容随滚动条滑动

如果你想要实现 Vant 组件库中的 Dialog 组件，顶部和底部固定不动，而中间内容可以随滚动条滑动，你可以使用 CSS 来实现这个效果。

首先，你可以通过自定义 CSS 样式来设置 Dialog 的样式。在 Dialog 组件的外层元素上添加一个自定义的 class 名称，例如 `my-dialog`：

<van-dialog class="my-dialog">
  <!-- Dialog 的内容 -->
</van-dialog>

然后，在你的 CSS 文件或样式块中，为 `my-dialog` 类设置样式，使其具有固定顶部和底部、中间内容可滚动的效果。可以使用如下的 CSS 代码：

.my-dialog {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}

.my-dialog .van-dialog__body {
  flex: 1;
  overflow-y: auto;
}

.my-dialog .van-dialog__footer {
  position: sticky;
  bottom: 0;
}

在上述代码中，我们将 Dialog 外层元素设置为绝对定位，并使用 `flex` 布局使其内容垂直排列。通过给 Dialog 内容区域添加 `flex: 1` 和 `overflow-y: auto` 的样式，实现中间内容可滚动的效果。而底部区域使用 `position: sticky` 和 `bottom: 0` 实现固定在底部的效果。

使用以上的 CSS 样式，你可以实现 Vant Dialog 组件中顶部和底部固定不动，中间内容可滚动的效果。