index.vue

<template>
  <div
    class="partition"
    :style="{
      'padding-top':getPaddingList[0]['value']+'px',
      'padding-bottom':getPaddingList[1]['value']+'px',
      'padding-left':getPaddingList[2]['value']+'px',
      'padding-right':getPaddingList[3]['value']+'px',
    }"
  >
    <div
      :style="{
        'border-width':'1px',
        'border-top-style':getLineStyle,
        'border-top-color':getLineColor,
      }"
    ></div>
  </div>
</template>
<script>
export default {
  name: "partition",
  props: ["datas"],
  data() {
    return {};
  },
  computed: {
    getPaddingList() {
      return this.datas.componentData.paddingList;
    },
    getLineColor() {
      return this.datas.componentData.lineColor;
    },
    getLineStyle() {
      return this.datas.componentData.initlineStyle;
    }
  }
};
</script>
<style lang="scss" scoped>
</style>