面板 Panel

面板 Panel

基本用法

<template lang="html">
    <div>
     <div class="demo-hidden">
      <za-panel>
        <za-panel-header title='普通' ></za-panel-header>
        <za-panel-body>
          <za-cell>body</za-cell>
        </za-panel-body>
      </za-panel>
      <za-panel>
        <za-panel-header title='带更多按钮'>
          <a slot='more' @click='handleClick'>更多</a>
        </za-panel-header>
        <za-panel-body>
          <za-cell>body</za-cell>
        </za-panel-body>
      </za-panel>
      <za-panel>
        <za-panel-header title='带底部' ></za-panel-header>
        <za-panel-body>
          <za-cell>body</za-cell>
        </za-panel-body>
        <za-panel-footer title="左侧文案" more="右侧文案" />
      </za-panel>
    </div>
    </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  methods: {
    handleClick() {
      alert('click me')
    }
  },
};
</script>

API

panel

panel-header

panel-footer