<template>
  <el-card>
    <div class="top_bg" />
    <div class="content">
      <slot />
    </div>
    <div class="bottom_bg" />
  </el-card>
</template>

<script setup>
defineOptions({
  name: "LayoutCard",
});
</script>

<style scoped lang="scss">
.el-card {
  --el-card-padding: 0 !important;
}

.top_bg {
  margin: auto;
  width: 1250px;
  height: 15px;
  background-image: url("/src/assets/images/public/topguang.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.bottom_bg {
  margin: auto;
  width: 1218px;
  height: 30px;
  background-image: url("/src/assets/images/public/bottomguang.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.content {
  padding: 10px;
}
</style>
