按钮置底，且居中示例

Html 代码

<div  class="approve_true">
    <div class="buttonBox">
             <yd-button  size="large"  @click.native="submit" bgcolor="#1F65DA" color="#fff" >同意</yd-button>
            <yd-button  size="large"  @click.native="submit" bgcolor="#1F65DA" color="#fff" >拒绝</yd-button>
            <yd-button  size="large"  @click.native="submit" bgcolor="#1F65DA" color="#fff" >驳回</yd-button>
    </div>
</div>

CSS代码

.approve_true {
    z-index: 9999;
    position:fixed;
    bottom:0px;
    width: 100%
}
.approve_true .buttonBox {
    width:80%;
    margin:0 auto;
    text-align:center
}
 .approve_true .yd-btn-block {
      display: inline-block;
      height: .7rem;
      width: 32%;  /* 底部最多三个按钮，所以这样设置 */
  }