a-button 靠右

根据提供的引用内容，有两种方法可以将按钮靠右对齐。

1. 使用antd的Button组件，设置样式为`float: right`[^1]。示例代码如下：

<Button type="primary" icon={<DownloadOutlined />} style={{float: "right", margin: 10}}>导出</Button>
<Button type="primary" icon={<SearchOutlined />} style={{float: "right", margin: 10}}>查询</Button>
<Button type="primary" icon={<ClockCircleFilled />} style={{float: "right", margin: 10}}>今天</Button>

2. 使用基于ant design vue的组件，通过设置样式来实现按钮靠右对齐[^2]。示例代码如下：

<template>
  <div>
    <a-button @mouseenter="mouseenter" @mouseleave="mouseleave" :style="{right: helpRight}">
      <span v-show="btnTextShow">按钮文本</span>
    </a-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      helpRight: '-15px',
      btnTextShow: false
    }
  },
  methods: {
    mouseenter() {
      this.btnTextShow = true
      this.helpRight = '1px'
    },
    mouseleave() {
      this.btnTextShow = false
      this.helpRight = '-15px'
    }
  }
}
</script>