vue3 el-card body-style-style

在Vue 3中，可以使用`<el-card>`组件来创建一个卡片，然后使用`body-style`属性来设置卡片的样式。下面是一个示例：

<template>
  <el-card :body-style="cardStyle">
    <div slot="header" class="card-header">Card Title</div>
    <div class="card-content">
      <!-- Card content here -->
    </div>
  </el-card>
</template>

<script>
export default {
  data() {
    return {
      cardStyle: {
        padding: '20px',
        backgroundColor: '#f7f7f7',
        border: '1px solid #eaeaea'
      }
    }
  }
}
</script>

<style>
.card-header {
  background-color: #f3f3f3;
  padding: 10px;
}

.card-content {
  margin-top: 10px;
}
</style>

在上面的示例中，我们在`<el-card>`组件上绑定了`body-style`属性，并将其设置为一个对象`cardStyle`。在`cardStyle`对象中，我们可以设置卡片的样式，例如`padding`、`backgroundColor`和`border`等。你可以根据自己的需求进行设置。