面板 Panel

普通

<za-panel>
  <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-body>
    <za-cell>body</za-cell>
  </za-panel-body>
  <za-panel-footer title="左侧文案" more="右侧文案">
</za-panel-footer></za-panel>

Vue Script

<script name="vue">
export default {
  data() {
    return {

    }
  },
  methods: {
    handleClick() {
      alert('click me')
    }
  },
};
</script>

API

panel Attributes