@wines/wing-blank NPM

`@wines/wing-blank`

WingBlank 两翼留白

布局控件。

使用指南

在 page.json 中引入组件

{
  "navigationBarTitleText": "wux-wing-blank",
  "usingComponents": {
    "wux-wing-blank": "@wines/wing-blank",
    "wux-wing-blank": "@wines/wing-blank"
  }
}

示例

<view class="page">
  <view class="page__hd">
    <view class="page__title">WingBlank</view>
    <view class="page__desc">两翼留白</view>
  </view>
  <view class="page__bd">
    <wux-wing-blank size="small">
      <view class="placeholder">Wux</view>
    </wux-wing-blank>
    <wux-white-space />
    <wux-wing-blank size="default">
      <view class="placeholder">Wux</view>
    </wux-wing-blank>
    <wux-white-space />
    <wux-wing-blank size="large">
      <view class="placeholder">Wux</view>
    </wux-wing-blank>
    <wux-white-space />
    <wux-wing-blank body-style="margin-left: 20px; margin-right: 20px">
      <view class="placeholder">Wux</view>
    </wux-wing-blank>
  </view>
</view>

API

WingBlank props

参数	类型	描述	默认值
prefixCls	`string`	自定义类名前缀	wux-wingblank
size	`string`	两翼留白的间距，可选值为 small、default、large	default
bodyStyle	`string,object`	自定义样式	-