Card 卡片 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

<template>
  <Card :header="header" :footer="footer">
    <div slot="body">这是card body</div>
  </Card>
</template>
<script>
export default {
  data () {
    return {
      header: {
      content: 'header content',
      extra: 'header extra'
      },
      footer: {
        content: 'footer content',
        extra: 'footer extra'
      }
    }
  }
}
</script>

<Card full :header="header" :footer="footer">
  <div slot="body">这是card body</div>
</Card>

<Card full>
  <div slot="header">
    <img src="../assets/logo.png" style="height: 20px; width: 20px; padding: 5px">
    <span>这是card header</span>
  </div>
  <div slot="body">这是card body</div>
  <div slot="footer">这是card footer</div>
</Card>