el-drawer设置右侧距离

如果你想要设置el-drawer组件距离右侧的距离，可以使用CSS中的`right`属性来实现。例如，你可以将样式代码写在`<style>`标签内，如下所示：

<template>
  <el-drawer
    title="Drawer Title"
    :visible.sync="drawerVisible"
    :direction="direction"
    :style="{right: drawerRight}"
  >
    <!-- Drawer Content -->
  </el-drawer>
</template>

<script>
export default {
  data() {
    return {
      drawerVisible: false,
      direction: 'rtl', // 设定方向为从右到左
      drawerRight: '50px' // 设定距离右侧50px
    }
  }
}
</script>

<style>
.el-drawer {
  position: absolute; // 一定要设置为绝对定位
}
</style>

在上述代码中，我们为el-drawer组件添加了一个样式，通过`position`属性将其设置为绝对定位，然后使用`right`属性将其距离右侧设为50px。你可以根据需要调整`drawerRight`属性的值来改变距离右侧的距离。