@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	自定义样式	-

WingBlank slot

名称	描述
-	自定义内容

WingBlank externalClasses

名称	描述
wux-class	根节点样式类