vue前端项目将按钮固定在页面下端

最后展示的效果如下

组件vant2

    <!-- 添加按钮和取消添加按钮 -->
    <div class="fot">
        &emsp;&emsp;&emsp;
        <van-button round>取消问诊</van-button>
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        <van-button round type="warning">下一步</van-button>
    </div>
    

加上css样式即可

.fot{
  position: fixed;
  bottom: 0;
  width: 100%;
  line-height: var(--footer-height);
  color: #fff;
}