teachcloud-print-web/card/elements/pane/ElemPane.vue

<template>
  <div class="elem-pane" :style="styles"></div>
</template>

<script>
export default {
  name: "elem-pane",
  props: {
    data: {
      type: Object
    }
  },
  computed: {
    styles() {
      return {
        backgroundColor: this.data.bgColor,
        borderStyle: this.data.style,
        borderWidth: this.data.bold,
        borderColor: this.data.color
      };
    }
  },
  data() {
    return {};
  },
  methods: {}
};
</script>