ant design vue drawer headerStyle属性用法

Ant Design Vue 的 Drawer 组件的 `headerStyle` 属性用于设置 Drawer 头部区域的样式。具体用法如下：

<template>
  <div>
    <a-button type="primary" @click="showDrawer">Open drawer</a-button>
    <a-drawer
      title="Basic Drawer"
      :visible="visible"
      :placement="placement"
      :headerStyle="{ backgroundColor: '#f0f2f5' }"
      @close="onClose"
    >
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
    </a-drawer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
      placement: 'right'
    };
  },
  methods: {
    showDrawer() {
      this.visible = true;
    },
    onClose() {
      this.visible = false;
    }
  }
};
</script>

在上面的示例中，我们将 `headerStyle` 属性设置为一个对象，该对象中的 `backgroundColor` 属性指定了 Drawer 头部区域的背景颜色为 `#f0f2f5`。你可以根据自己的需求设置不同的样式属性。