WingBlank 两翼留白

QR

扫二维码查看演示效果

两翼留白

Code Example

<template>
  <div :style="{ padding: '15px 0'}">
    <WingBlank><PlaceHolder /></WingBlank>
    <WhiteSpace size="lg" />
    <WingBlank size="md"><PlaceHolder /></WingBlank>
    <WhiteSpace size="lg" />
    <WingBlank size="sm"><PlaceHolder /></WingBlank>
  </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	两翼留白的间距，可选sm,md,lg	String	lg

https://ladybirddev.github.io/ui-nuclear-mobile-demo/#/wing-blank