yos_web/src/views/mediaStatistics/modules/boxBorder.vue

<template>
  <div class="box-border-style" :style="{height:height}">
    <div :style="{padding:class1}">
      <div style="display: flex;justify-content: space-between">
        <div class="font-color-style-black font-class-bold mt-5">{{$t(title)}}</div>
        <slot name="select"></slot>
      </div>
      <slot name="content"></slot>
      <slot name="charts"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "boxBorder",
  props:{
    title:String,
    class1:String,
    height:String
  }
}
</script>

<style scoped>
  .box-border-style{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.16);
    border-radius: 5px 5px 5px 5px;
  }
  .box-border-padding{
    padding: 20px 20px;
  }
</style>