<template>
  <section class="AiGap" :style="{height,width}"/>
</template>

<script>
export default {
  name: "AiGap",
  props: {
    h: {default: 30},
    w: {default: '100%'}
  },
  computed: {
    height() {
      let {h} = this
      return /\d/.test(h) ? `${h}rpx` : h
    },
    width() {
      let {w} = this
      return /\d/.test(w) ? `${w}rpx` : w
    }
  }
}
</script>

<style lang="scss" scoped>
.AiGap {
}
</style>
