body-主体

通用的主体布局,为页面提供head/body/footer，支持微信的map这类控件放置在body中

使用指南

在page.json中引入组件

{
    "usingComponents": {
      "el-vacancy": "component/_vacancy/vacancy"
    }
}

body控件会对head和footer识别，计算出中间区域的适配高度。

事件

bindready: function (e) {}

@e.detail

onMessage: function (data) {} 该事件是由message控件提供，因此body会依赖message，详细属性参数参考message控件.

Page({
  // 必须在Ready后执行
  onReady () {
    var body = this.selectComponent(".body");
    body.data.message.onMessage({
      cont: '内容',
      time: 3000,
        wx.showToast({
          title: '成功',
          icon: 'none'
        })
      }
    })
  },
})

插槽

导航栏插槽:

<el-body>
    <view slot='head'>
        <!-- do -->
    </view>
</el-body>

主体内容插槽:

<el-body>
    <view slot='body'>
        <!-- do -->
    </view>
</el-body>

页脚插槽:

<el-body>
    <view slot='footer'>
        <!-- do -->
    </view>
</el-body>

使用

<el-body>

  <el-head slot='head' head='' stickie='true'></el-head>

  <view slot='body'>
    <view wx:for='100' ></view>
  </view>

  <el-head slot='head' head='' ></el-head>

</el-body>

依赖