29 lines
427 B
Vue
29 lines
427 B
Vue
|
<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>
|