aud-biz-component-bhc-layout v1.0.2

biz-component-bhc-menu

菜单

传入菜单数据sideData 类型为数组

demo

<template>
  <Sider
    hide-trigger
    width="256"
  >
    <slot name="topIdSearch"></slot>
    <sideMenu :side-data="sideData" />
    <slot name="bottomCard"></slot>
  </Sider>
</template>

<script>
import { Sider } from 'view-design';
import sideMenu from '@we-weaver/biz-component-bhc-menu';
import '@we-weaver/biz-component-bhc-menu/lib/biz-component-bhc-menu.es.css';

export default {
  components: {
    Sider,
    sideMenu
  },
  props: {
    sideData: {
      type: Array,
      default: () => []
    }
  }
};
</script>

<style lang="less">
  .layout-body {
    background: #4551b1;
    .ivu-layout-sider {
      overflow-y: scroll;
      width: 260px;
      background: #4551b1;
      font-size: 16px;
      text-align: center;
      padding: 0;
      min-height: calc(100vh - 68px);
      .ivu-layout-sider-children {
        background: #4551b1;
      }
    }
  }
</style>

Install

  npm install @weaver/biz-component-bhc-menu --registry=http://npm.guahao-inc.com

  // or

  yarn add @weaver/biz-component-bhc-menu --registry=http://npm.guahao-inc.com

Scripts

Development

  npm start
  // if installed bhc-cli that could use like this
  bhc start

Build

  npm run build

Publish

  npm publish

Misc

How to modify component description ?

Configured moduleConfig in package.json