WhiteSpace 上下留白

QR

扫二维码查看演示效果

布局控件

Code Example

<template>
  <div :style="{ padding: '15px 0'}">
    <WhiteSpace size="xs" />
    <PlaceHolder />
    <WhiteSpace size="sm" />
    <PlaceHolder />
    <WhiteSpace />
    <PlaceHolder />
    <WhiteSpace size="lg" />
    <PlaceHolder />
    <WhiteSpace size="xl" />
    <PlaceHolder />
  </div>
</template>
<script>
import PlaceHolder from '@/components/place-holder'
import WhiteSpace from '@/components/white-space'
import WingBlank from '@/components/wing-blank'
export default {
  components: {
    PlaceHolder,
    WingBlank,
    WhiteSpace
  }
}
</script>

props

属性	说明	类型	默认值
size	上下留白的间距，可选xs,sm,md,lg,xl	String	md

https://ladybirddev.github.io/ui-nuclear-mobile-demo/#/white-space