<template>
  <div class="Grid" :style="stylePrefence">
    
  </div>
</template>

<script>
  export default {
    name: "widget",
    components: {},
    props: {
      value: Object,
      ispreview: Boolean
    },
    data() {
      return {
        options: {},
        dataList: [],
      };
    },
    computed: {
      transStyle() {
        return this.objToOne(this.options);
      },
      stylePrefence() {
        return {
          width: this.transStyle.width + "px",
          height: this.transStyle.height + "px",
          left: this.transStyle.left + "px",
          top: this.transStyle.top + "px",
          right: this.transStyle.right + "px",
          'background-color': this.transStyle.background_color,

          // linkAdress: this.transStyle.background_color,
          // jumpMode: this.transStyle.jumpMode = = "other" ? "_blank" : "_self"
        };
      }
    },
    watch: {
      value: {
        handler(val) {
          this.options = val;
        },
        deep: true
      }
    },
    mounted() {
      this.options = this.value;

      // for (var i = 0; i < 5; i++) {
      //   this.dataList.push({
      //     index: i,
      //   });
      // }
    },
    methods: { }
  };
</script>


<style lang="scss" scoped>
  .Grid {
    // display: flex;
    // flex-wrap: wrap;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    padding: 10rpx 0;
  }
</style>
