Page Banner 页面头部

h5页面标题栏

可选参数

Prop	type	Required	Default	Description
cover	String	yes	''	标题栏的背景图片

具名插槽：

• title: 主标题
• subtitle: 副标题

有默认样式，也支持在插槽中自定义样式

使用方法

<template>
  <div>
    <vs-page-banner :cover="cover">
      <template v-slot:title>
        {{title}}
      </template>
      <template v-slot:subtitle>
        <div class="box">
        <div class="user-box">
          <img class="user-avatar" src="http://thirdwx.qlogo.cn/mmopen/vi_32/EhqC6icT7YE9uk7hemJFporns6n4UyHBbCaXyf6yuxTT9TSoeKico59S4LanOzhInYCHUwOPksciagRnBnbnjyEVA/132" alt/>
          <div class="user-nick">XXX</div>发起
        </div>
        <div class="join">1000人参与</div>
        </div>
      </template>
    </vs-page-banner>
  </div>
</template>
<script>
  import {PageBanner} from 'horizon-ui'
  export default {
    components:{
      'vs-page-banner':PageBanner
    },
  }
</script>