boxBorder.vue 763 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div class="box-border-style" :style="{height:height}">
  3. <div :style="{padding:class1}">
  4. <div style="display: flex;justify-content: space-between">
  5. <div class="font-color-style-black font-class-bold mt-5">{{$t(title)}}</div>
  6. <slot name="select"></slot>
  7. </div>
  8. <slot name="content"></slot>
  9. <slot name="charts"></slot>
  10. </div>
  11. </div>
  12. </template>
  13. <script>
  14. export default {
  15. name: "boxBorder",
  16. props:{
  17. title:String,
  18. class1:String,
  19. height:String
  20. }
  21. }
  22. </script>
  23. <style scoped>
  24. .box-border-style{
  25. width: 100%;
  26. background: #FFFFFF;
  27. box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.16);
  28. border-radius: 5px 5px 5px 5px;
  29. }
  30. .box-border-padding{
  31. padding: 20px 20px;
  32. }
  33. </style>